/* ------------- LAYOUT --------------------------*/
html, body {margin: 0px 5px 5px 5px;
	color: #373737;
	font-family: Tahoma, Georgia, Helvetica, Arial, Verdana, sans-serif;
	font-size: 10pt;
	background-color: #556568;
	
}

#main { background-color: #ffffff;
	position: relative;
	width: 800px;
	font-size: 10pt;
	margin: 0px auto;
      }
     
#header { width: 795px; margin: 0px; background-image: url(/_images/head.gif); background-repeat: no-repeat; background-color: #e2e9d8; padding: 0px 5px 5px 0px;}


#nav2 { 
	width: 100%; background-color: #c4dde2; text-align: right;
	}
	 
#content { 
	margin-top: 5px;
	width: 790px;
	padding: 5px;
	background-color: #fff;
	}

#quad1, #quad3, #quad5 {
	float: left; 
	width: 390px; 
	margin-top: 10px; 
	margin-left: -5px;
	clear: both;
	}

	#subquad1, #subquad3, #subquad5{
		background-color: #ffffff; 
		float: left; 
		width: 180px; 
		margin-right: 10px; 
		margin-left: 0px;
		}

#quad2, #quad4, #quad6 {
	float: right; 
	width: 390px; 
	margin: 10px -5px 10px 20px;
	}
	
	#subquad2, #subquad4, #subquad6 {
		background-color: #ffffff; 
		float: right; 
		margin-left: 10px; 
		margin-right: 0px; 
		padding-bottom: 3px; 
		width: 180px;
		}
	

	
#pagehdr { margin-top: 2px; margin-left: -5px; width: 800px; }

#internal { padding: 20px; }

#intbox { background-color: #e2e9D8;
	width: 500px; 
	padding: 5px; 
	margin: 5px auto;
	}

#footer {
	text-align: left;
	width: 795px;
	padding: 5px 0px 0px 5px;
	font-size: 8pt; 
	color: #646d73;
	font-weight: bold;
	background-image: url(/_images/foot.gif); background-repeat: no-repeat;
	background-color: #e2e9d8;
	}

	
/* -------------- CONTENT FORMATTING --------------------------*/

.nav1 { padding: 3px; float: right; }

div#content h1 { font-size: 13pt; margin-bottom: 5px; margin-left: 10px; margin-top: 0px; color: #335803;}
div#content h2 { font-size: 13pt; margin-bottom: 5px; margin-left: 10px; color: #8d072d;}
div#content h3 { font-size: 12pt; margin-bottom: 5px; margin-left: 10px; color: #376390;}
div#content h4 { font-size: 11pt; margin-bottom: 5px; margin-left: 10px; color: #335803;}

div#pagehdr h1 { margin-bottom: 2px; padding-bottom: 2px; color: #eeeeee; }

div#quad1 h1 { margin-bottom: 2px; color: #373737; }
div#quad2 h1 { margin-bottom: 2px; color: #373737; }
div#quad3 h1 { margin-bottom: 2px; color: #373737; }
div#quad4 h1 { margin-bottom: 2px; color: #373737; }
div#quad5 h1 {color: #eeeeee;}
div#quad6 h1 {color: #eeeeee;}

a:link {
	color: #8d072d;
	text-decoration: underline;
	border: none;
}
a:hover {
	color: #376390;
	text-decoration: underline;
}
a:visited {
	color: #556568;
	text-decoration: underline;
}

div#quad2 a { color: #eeeeee; text-decoration: underline;}
div#quad4 a { color: #eeeeee; text-decoration: underline;}
div#quad6 a { color: #eeeeee; text-decoration: underline;}
div#quad2 a:hover { color: #999999; }
div#quad4 a:hover { color: #999999; }
div#quad6 a:hover { color: #999999; }



img { border: none; }

div#content p { margin-left: 10px; margin-right: 10px; }

p.brands { margin: 10px 0px; font-weight: bold; text-align: center; }

div#navbar a:visited { text-decoration: none;}

div#footer p {margin-top: -2px; margin-bottom: 0px; }

.center {text-align: center;}

.emph { font-weight: bold; }

.pop {
	color: #9c0932;
}

.book { font-style: italic; font-weight: bold; }

.ydsf {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(/_images/shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(/_images/shadow.png) right bottom no-repeat;
}

/* shadow corners */
.ydsf:before,
.ydsf:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;
}

.ydsf:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.ydsf:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.ydsf .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .ydsf .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}

.nav1 a { font-weight: bold; text-decoration: none;}
.nav1 a:hover { text-decoration: underline; }
 
.center { margin-left: auto; margin-right: auto; }
 
.olive { background-color: #a7bd8a; }
.blue { background-color: #376390; }
.purple { background-color: #380645; }
.scarlet { background-color: #8d072d; }
.ltgreen { background-color: #e2e9d8; }

.bookblock { width: 700px; margin-left: 40px; margin-bottom: 20px; }

.subbook { width: 480px; }

.legal { font-size: 8pt; }

.sup { font-size:70%;
   position:relative;
   bottom: 0.5em; }