/* == Reset == */
@import url("reset.css");

/* Basic Elements */

body {
	margin:0;
	padding:0;
	color: #333;
	font-size: 62.5%;
	background-color:#FFE8AA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

p, ul {font-size: 1.2em;}
p.urgent {font-size: 1.4em; border: 2px solid red; padding: 5px;}
p.urgent strong {color: red;}
p.urgent a {text-decoration: underline;}
	
a { color:#0066cc;
	text-decoration: none;
	font-weight: normal;
	}
a:visited {color:#0066cc; font-weight:normal;}
a:hover {color:#0099ff;	text-decoration: underline;} 
a:active {color:#ffff00;}
a.pdf {
	background: url(../images/pdficon_small.gif) no-repeat top left; 
	padding: 0 0 5px 20px;
	}

em {
	font-style:italic;
	color:#ff3300;
	}
	
h1 {
	margin: 1em 0;
	padding: 0px;
	color:#0066cc;
	font-size: 1.8em;
	font-weight:normal;
	line-height: 1em;
	}
	
h2 {
	margin: 0 0 1em;
	padding: 15px 0px 5px 0px;
	color: #000099;
	font-weight:normal;
	font-size: 1.6em;
	text-transform:none;
	line-height: 1em;
	border:0px;
	}

h3 {
	margin: 0;
	padding: 1em 0 0 0;
	color: #000099;
	font-size: 1.4em;
	font-weight:normal;
	}

#staff h3 {font-size:1.2em; color: #333;margin: 0 0 1em;}
	
#sidebar h3 {
	background-color:#d1e3f6;
	border-bottom:1px solid #000099;
	margin-bottom: 1em;
}	
h4 {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #333;
	font-weight: bold;
	font-size: 1.3em;
	text-transform:none;
	}
#fluclinic h4 {
	color:#fff;
	margin-left: 1em;
	font-weight:normal;
}
	
img {border:0; padding:0;}

li {
	list-style: url(../images/arrow.gif) square inside;
	color:#333;
	padding: 5px 1em 5px 5px;
	}
	
ul#formlist {margin-bottom: 1em;}
ul#formlist li {list-style: url(../images/pdficon_small.gif) disc inside;}	

p {
	margin: .5em 0 0;
	line-height: 1.6em;
	}

strong { 
	font-weight:bold; 
	color:#333;
	}
	
table {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #666;
	background: #fff;
	margin-bottom: 10px;
	font-size: 1.2em;
	}
	
table caption {
	margin:0px;
	padding: 8px 0 20px;
	text-align: center;
	background:#fff;
	color: #ff3300;
	font-weight:bold;
	text-transform:uppercase;
	border: 0;
	}

table th, table td {
	margin:0px;
	padding: 8px 20px 8px 0;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #666;
	}

ul {
	margin: 0px;
	padding: 0px 15px 0px 15px;
	border:0px;
	color:#333;
	padding:5px;
	line-height: 1.2em;
	}
	
/* layout structure: classes and ids */

#wrap {
	width: 760px;
	background-color:#d1e3f6;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #ffba00;
	}

#header {
	width: 758px;
	background-color: #fff;
	border: 0px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	}

#nav {
	float: left;
	display:inline; /*fixes IE/Win double margin bug */
	background-color: #0066cc;
	width: 745px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	border-top:3px solid #0066cc;
	border-bottom: 5px solid #d1e3f6;
	}
	
#main { 
	float: left;
	display:inline; /*fixes IE/Win double margin bug */
	width: 520px;
	line-height: 1.3em;
	color: #333; 
	background-color:#fff;
	padding: 0px 10px 0px 15px;
	margin:0px;
	margin-bottom:5px;
	margin-left: 3px;
	border: 0;
	}
div#main div#privacy h2 {
	text-transform: none;
	font-weight: normal;
	padding: .5em 0;
	margin: 1em 0 .5em 0;
	color: #000066;
	background: #fff;
	border-bottom: 1px solid #000066;
	}
div#main div#privacy h3 {
	font-weight: bold;
	padding: .5em 0;
	margin: 1em 0 .5em 0;
	line-height:1.6em;
	color: inherit;
	background: #fff;
	border:none;
	}
div#main div#privacy ul {
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 0;
	margin: 0;
	}
div#main div#privacy ul li {
	list-style-type: disc;
	list-style-image:none;
	list-style-position:inside;
	padding: 0 0 .5em 3em;
	}
#sidebar {
	float:right;
	width: 190px;
	padding: 2em 1em 0px 1em;
	background-color: #d1e3f6;
	}

#footer {
	clear:both;
	width: 760px;
	}

.bio {
	width: 90%;
	min-height:170px;
	border: 1px solid #ccc;
	margin-right:auto;
	margin-bottom: 10px;
	margin-left:auto;
	line-height: normal;
	padding:1em;
	color: #333; 
	}
	
.box {
	width: 97%;
	border: 1px solid #ccc;
	margin: .5em auto;
	line-height: normal;
	padding:0 1% 1%;
	color: #333;
	}
	
.box img {
	float: right;
	margin-left: 1em;
	padding: .5em;
	}

#products {
	width: 90%;
	min-height: 200px;
	border: 1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	line-height: normal;
	padding:5px;
	color: #333;
	}

#footnote {
	font-size:1em;
	}

#valid {float:left; padding:0px; margin:0px;}

/* --special text styling-- */

.returnlink {font-size: 1em; padding:0px 0px 10px 0px; margin:0;}

#immunization p {
	margin: 0 0 0 1em;
	padding: .5em .5em 0 0;
	line-height: 1.6em;
	}

.bio p {
	margin-left:150px; /* for photo on left! */
	padding: 10px;
	line-height: 1.4em;
	}
	
.bio p.nophoto {
	margin-left: 0px; /* no photo on left! */
	padding-left: 0;
	}

.bio h2 {
	padding: 0px 0px 5px 0px;
	margin:inherit;
	}

.banner {text-align: center;padding: .5em;background-color: #ffba00;color: #ffffff;font-size: 1.5em;margin: 0 0 1px;}
	.banner em {font-style: normal;font-weight:bold;color: #ff3300;}
	.caps {text-transform:uppercase;}
	#footer p.banner {font-size:1em;}
	
body#home h2, body#info h2 {
	margin: 1em 0;
	padding: 0;
	color: #FF4100;
	line-height: 1em;
	border:0px;
	}

#advice h4 {
	margin: 0;
	padding: 0;
	}

body#antibiotics strong {
	font-style: normal;
	font-weight: bold;
	color:#003366;
	}

#swine strong {color:#ffe8aa;}
	
/* --image styles-- */

#logo { 
	margin:0px;
	padding: 0px;
	border: 0px; 
	display: block;
	}

#logo-sub { 
	margin:0px;
	padding: 5px 0px 10px 0px;
	border: 0px; 
	display: block;
	}

img.photo {
	float:left;
	padding: 0 1em 0 0;
	margin:0;
	vertical-align: text-top;
	}
	
/* --List Styles-- */

#nav ul {
	float: left;
	display:inline;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	color: #fff;
	}

#nav li {
	float: left;
	display:inline;
	padding: 0px;
	}

#sidebar ul {
	width:180px;
	padding: 0px;
	margin: 0px 0px 10px 10px;
	color: #666;
	background-color:#d1e3f6;
	}
	
#sidebar li {
	list-style-image:none;
	list-style-type:square;
	list-style-position:outside;
	display:list-item;
	padding: 2px;
	}
	
/* --Special Link Styles-- */
	
#nav a	{ /* --Top Navigation Links-- */
	float: left;
	display: inline;
	margin: 0px;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	}
#nav a:visited {color: #fff;text-decoration: none;}
#nav a:hover {color: #06c;text-decoration: underline; background-color:#ffffcc;} 
#nav a:active {color: #00ff00;}

/* Top Navigation - "I am here" Indicator */
body#home #n-home a, body#about #n-about a, body#staff #n-staff a, body#info #n-info a, body#forms #n-forms a {
	color:#000066;
	text-decoration:none;
	background-color:#d1e3f6;
	}	

#sidebar a { /* --Side Navigation Links-- */
	display: block;
	text-decoration: none; 
	margin: 0px;
	padding: 3px;
	color: #333; 
	font-weight: normal; 
	}
	#sidebar a:visited {color: #333;text-decoration: none;}
	#sidebar a:hover {color: #0066cc;
		font-weight:normal;
		text-decoration: underline;
		}
	#sidebar a:active {color: #00ff00;}

#featured {line-height:1.4em;}
#featured a:link, #featured a:visited {
	display: inline;
	text-decoration: underline; 
	color:#FF6600;
	padding:0;
	}

/* Side Navigation - "I am here" Indicator */
body#vaccine #n-vaccine a, body#tips #n-tips a, body#concerns #n-concerns a, body#fever #n-fever a, body#amalgam #n-amalgam a {
	color:#06c;
	text-decoration:none;
	font-weight:bold;
	}	
	
a#quickref {color:#ff3300; font-weight:bold;}

/*--Link Fragments--*/
#amalgam, #amalgam a:hover, #fever, #fever a:hover, #autism, #autism a:hover, #mercury, #mercury a:hover, #newborn, #newborn a:hover {text-decoration:none; color:#000099;}

/* --alert styles-- */
#swine, #fluclinic, #notice, #immunization {margin-bottom: 1em;}
	#swine p, #fluclinic p, #notice p, #immunization p {font-size:1.4em;padding:1em 0;margin:0;}
	#swine a, #fluclinic a, #notice a, #swine a:visited, #fluclinic a:visited, #notice a:visited, #immunization a, #immunization a:visited {text-decoration:underline;}
	#swine li, #fluclinic li, #notice li, #immunization li {list-style-image: none;}