/* CSS Document */

body{
	padding :0;
	margin :0;
	background-color: #d9d9d9;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;		
	font-size: 90%;
}

#header {
	height: 62px; 
	background-image: url(../images/collage.jpg);
	background-repeat: repeat-x;	
}
	
#logo{
	position : absolute;
	top : 5px;
	left : 30px;
	z-index : 50;
	font-family: "Trebuchet MS", "Bradley Hand ITC",  sans-serif;
	font-size: 50px;
	color: #336699;
	font-style: italic;
	letter-spacing: 0.1em;
	padding: 0;
	font-weight: bolder;
}

#header img {
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}

#bar{
	height: 10px;
	background-color: #336699;
	BORDER-TOP: #000 1px solid; 
	BORDER-BOTTOM: #f5f5f5 1px solid; 	
	FONT-SIZE: 0px;  /* this was necessary for some reason */
}


#navigation {
	position: absolute;
	top : 90px;
	left : 10px;
	width : 11em;
	background-color: #336699;
	color: #ffffff;
	}
	
	#navigation ul {
		list-style: none;
		border-left: 1px solid #4c99e6;
		border-right: 1px solid #59762b;
		border-top:   0px solid #4c99e6;
		border-bottom: 1px solid #4c99e6;
		margin: 0;
		padding: 0;
	    font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;		
	    font-size: 90%;				
		}
		
	#navigation ul li {
		margin: 0px;
		padding: 0px;
		border-top: 1px solid #2175bc;
		border-bottom: 1px solid #2175bc;
		}
	
	#navigation ul li a {
		display: block;
		color: #ffffff;
		text-decoration: none;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 6px;
		padding-right: 6px;
		}

	#navigation ul li a:hover {
		background-color: #4c99e6;
		color: #000000;
		}
		
	#navigation ul li ul { /* submenu */
		display: none;
		padding-left: 12px;
		list-style-type: disc;
		margin-left: 20px;
	}
		

#middle {
	font-size: 90%;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;	
	margin: 10px;
	width: auto;
	min-width: 120px;
	margin-left: 13em;
	margin-right: 5%;  /* change the margin of white box */
	padding-left: 24px;
	padding-right: 24px;
}

#content{
	padding-top : 24px;
	padding-bottom : 24px;
	padding-left : 24px;
	padding-right : 24px;
	background-color: #CCCCCC;
	border: #aaa 1px solid;
}

#content h1 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: bold;
	color: #000000;
	background-color : transparent;
	letter-spacing: 0.1em;
	margin-left: auto; margin-right: auto;
	text-align: center;
}

#content h2 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: 700;
	color: #000000;
	background-color : transparent;
	letter-spacing: 0.1em;
	margin-left: auto; margin-right: auto;
	text-align: center;	
}

#content h3 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	font-weight: 500;
	color: #000000;
	background-color : transparent;
	letter-spacing: 0.1em;
	margin-left: auto; margin-right: auto;
	text-align: center;	
}

#content p{
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	background-color : transparent;
	line-height : 100%;
	/*text-align: justify;*/
	margin-left: auto; margin-right: auto;
	text-align: center;
}

#content .home{
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 115%;
	font-weight: normal;
	color: #000000;
	background-color : transparent;
	line-height : 200%;
	text-align: justify;
}

#content table{
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 90%; /* this controls size of text in table */
	font-weight: normal;
	color: #000000;
	background-color: transparent;
	border: 1px solid #333333;
	border-collapse: collapse;	
	margin-left: auto;  margin-right: auto; /* this centers it */
	width: 100%;
}

#content td {
	border: 1px solid #333333;
	padding: 2px;

}

tr.rowtop {
	font-style: italic;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 120%;
	text-align: center;
}
tr.row1 {
	font-style: bold;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
}
tr.row2 { 
	font-style: bold;
	background-color: #d9d9d9;
	color: #000000;
	text-align: center;	
}


#footer {
	FONT-SIZE: 1em; MARGIN-BOTTOM: 2em; COLOR: #777; TEXT-ALIGN: center
}

.corner-tl, .corner-tr, .corner-bl, .corner-br { DISPLAY: none; WIDTH: 19px; POSITION: relative; HEIGHT: 19px; BACKGROUND-COLOR: #d9d9d9; TOP:0px;x }
.corner-tl, .corner-bl { LEFT: 0px; FLOAT: left }
.corner-tr, .corner-br { RIGHT: 0px; FLOAT: right }
.corner-bl, .corner-br { MARGIN-TOP: -19px; BOTTOM: 0px; }

UNKNOWN { BACKGROUND: url(images/corner-tl.png) #d9d9d9 no-repeat left top }
UNKNOWN { BACKGROUND: url(images/corner-tr.png) #d9d9d9 no-repeat right top }
UNKNOWN { BACKGROUND: url(images/corner-bl.png) #d9d9d9 no-repeat left bottom }
UNKNOWN { BACKGROUND: url(images/corner-br.png) #d9d9d9 no-repeat right bottom }

.corner-tl { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner-tl.png',sizingMethod='scale') }
.corner-tr { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner-tr.png',sizingMethod='scale') }
.corner-br { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner-br.png',sizingMethod='scale') }
.corner-bl { FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner-bl.png',sizingMethod='scale') }

.corner-tl, .corner-tr, .corner-bl, .corner-br { DISPLAY: block }

.mybutton   { /* add to cart button */
        border-color: #336699;
        background-color: #FFFFFF;
        text-decoration: none;   
        text-align: center;}
  
/* td a:hover { color: #FF0000; }*/
  /* color changes to red when hover over it */

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */