/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
/* 	vertical-align: baseline; */
}

strong {font-weight:bold;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* end RESET */

/* Structure */

body {background:#e3e1d5;}

#wrapper {margin: 0 auto; padding:0; width:923px; min-height:735px; height:auto !important; height:735px;}

	#wrapper.about {background:url(../images/wrapper-bg/about.jpg) repeat-y;}
	
	#wrapper.admin {background:url(../images/wrapper-bg/admin.jpg) repeat-y;}
	
	#wrapper.careers {background:url(../images/wrapper-bg/careers.jpg) repeat-y;}
	
	#wrapper.clinicians {background:url(../images/wrapper-bg/clinicians.jpg) repeat-y;}
	
	#wrapper.contact {background:url(../images/wrapper-bg/contact.jpg) repeat-y;}
	
	#wrapper.neonatology {background:url(../images/wrapper-bg/neonatology.jpg) repeat-y;}
	
	#wrapper.news {background:url(../images/wrapper-bg/news.jpg) repeat-y;}
	
	#wrapper.parents {background:url(../images/wrapper-bg/parents.jpg) repeat-y;}
	
	#wrapper.team {background:url(../images/wrapper-bg/team.jpg) repeat-y;}

#header {float: left; margin: 0; padding: 0; width: 923px; height:89px; background: url(../images/header-bg.jpg) no-repeat;}
	
	#logo {float:left; margin:0; padding:0; width:196px; height:89px; background:none;}
	
	#tagline {float:right; margin:0; padding:0; width:309px; height:89px; background:none;}

#contentWrapper {float:left; margin:0; padding: 0; width: 923px; min-height:636px; height:auto !important; height:636px; position:relative;}

#navigation{float: left; margin: 0; padding: 0; width: 196px; height: 100%; background: url(../images/nav-bg.jpg) repeat-y;}

	ul#nav {text-align:right; margin:29px 8px 0 0; list-style-type:none;}
	
	ul#nav2 {text-align:right; margin:29px 8px 0 0; list-style-type:none; padding:0 0 0px 0;}
	
	#nav li, #nav2 li {display:block; height:26px; padding:0 0 6px 0;}
	
	#nav li ul, #nav2 li ul { visibility:collapse;}
	
	#nav li ul li, #nav li ul li {display:block; height:22px; padding:0 0 0px 0;}
	
	#nav2 li ul li, #nav2 li ul li  {display:block; height:22px; padding:0 0 0px 0;}
	
	#nav li a, #nav li ul li ul li a, #nav2 li a, #nav2 li ul li ul li a { display:block; height:inherit; background-position: top left; background-repeat: no-repeat; text-decoration: none;}
	
	#nav li span, #nav li ul li span {visibility: hidden; height:22px; display:block;}
	
	#nav2 li span, #nav2 li ul li span {visibility: hidden; height:22px; display:block;}
	
	#nav li#home a {background: url(../images/nav/buttons/home.jpg) 0 0;}
	
	#nav li#home a:hover {background: url(../images/nav/buttons/home.jpg) 0 -26px;}
	
	#nav li#about a {background: url(../images/nav/buttons/about.jpg) 0 0;}
	
	#nav li#about a:hover, #nav li#about.active a {background: url(../images/nav/buttons/about.jpg) 0 -26px;}
	
		#nav li#about ul li#locations a{background:url(../images/nav/buttons/locations.jpg) 0 0;}
		
		#nav li#about ul li#locations a:hover,#nav li#about ul li#locations.current a{background:url(../images/nav/buttons/locations.jpg) 0 -22px;}
		
	#nav li#neonatology a {background: url(../images/nav/buttons/neonatology.jpg) 0 0;}
	
	#nav li#neonatology a:hover {background: url(../images/nav/buttons/neonatology.jpg) 0 -26px;}
	
	#nav li.active, #nav2 li.active { height:auto; visibility: visible;}
	
	#nav li.active ul, #nav2 li.active ul {visibility:visible;}
	#nav li#neonatology.active a {background: url(../images/nav/buttons/neonatology.jpg) no-repeat 0 -26px;}
	
		/*#nav li#neonatology ul li#rsv a {background: url(../images/nav/buttons/rsv.jpg) 0 0;}
		
		#nav li#neonatology ul li#rsv a:hover, #nav li#neonatology ul li#rsv.current a {background: url(../images/nav/buttons/rsv.jpg) 0 -22px;}*/
		
		#nav li#neonatology ul li#hearing a {background: url(../images/nav/buttons/hearing.jpg) 0 0;}
		
		#nav li#neonatology ul li#hearing a:hover, #nav li#neonatology ul li#hearing.current a {background: url(../images/nav/buttons/hearing.jpg) 0 -22px;}
		
		#nav li#neonatology ul li#conference a {background: url(../images/nav/buttons/neo-con.jpg) 0 0;}
		
		#nav li#neonatology ul li#conference a:hover, #nav li#neonatology ul li#conference.current a {background: url(../images/nav/buttons/neo-con.jpg) 0 -22px;}
	
	#nav li#team a {background: url(../images/nav/buttons/team.jpg) 0 0;}
	
	#nav li#team a:hover {background: url(../images/nav/buttons/team.jpg) 0 -26px;}
	
	#nav li#team.active a {background: url(../images/nav/buttons/team.jpg) 0 -26px;}
		
		#nav li#team ul li#medical a {background: url(../images/nav/buttons/medical.jpg) 0 0;}
		
		#nav li#team ul li#medical a:hover, #nav li#team ul li#medical.current a  {background: url(../images/nav/buttons/medical.jpg) 0 -22px;}
		
		#nav li#team ul li#administrative a {background: url(../images/nav/buttons/administrative.jpg) 0 0;}
		
		#nav li#team ul li#administrative a:hover, #nav li#team ul li#administrative.current a  {background: url(../images/nav/buttons/administrative.jpg) 0 -22px;}
	
	#nav li#careers a {background: url(../images/nav/buttons/careers.jpg) 0 0;}
	
	#nav li#careers a:hover, #nav li#careers.active a {background: url(../images/nav/buttons/careers.jpg) 0 -26px;}
	
	#nav li#news a {background: url(../images/nav/buttons/news.jpg) 0 0;}
	
	#nav li#news a:hover, #nav li#news.active a{background: url(../images/nav/buttons/news.jpg) 0 -26px;}
	
	#nav li#contact a {background: url(../images/nav/buttons/contact.jpg) 0 0 no-repeat;}
	
	#nav li#contact a:hover, #nav li#contact.active a {background: url(../images/nav/buttons/contact.jpg) 0 -26px;}
	
	#nav2 li#parents a {background: url(../images/nav/buttons/parents.jpg) 0 0;}
	
	#nav2 li#parents a:hover {background: url(../images/nav/buttons/parents.jpg) 0 -26px;}
	
	#nav2 li#parents.active a {background: url(../images/nav/buttons/parents.jpg) 0 -26px;}
		
		#nav2 li#parents ul li#pay a {background:url(../images/nav/normal/images/pay.jpg) 0 0px;}
		
		#nav2 li#parents ul li#faqs a {background:url(../images/nav/buttons/faq.jpg) 0 0px;}
		
		#nav2 li#parents ul li#faqs a:hover, #nav2 li#parents ul li#faqs.current a {background:url(../images/nav/buttons/faq.jpg) 0 -22px;}
		
		#nav2 li#parents ul li#tips a {background:url(../images/nav/buttons/tips.jpg) 0 0px;}
		
		#nav2 li#parents ul li#tips a:hover, #nav2 li#parents ul li#tips.current a {background:url(../images/nav/buttons/tips.jpg) 0 -22px;}
		
	
	#nav2 li#clinicians a {background: url(../images/nav/buttons/clinicians.jpg) 0 0;}
	
	#nav2 li#clinicians a:hover, #nav2 li#clinicians.active a {background: url(../images/nav/buttons/clinicians.jpg) 0 -26px;}
	
	#nav2 li#admin a {background: url(../images/nav/buttons/admin.jpg) 0 0;}
	
	#nav2 li#admin a:hover, #nav2 li#admin.active a {background: url(../images/nav/buttons/admin.jpg) 0 -26px;}
	
#navFooter {position:absolute; left:0; bottom:0;}
		
#content{position: relative; float: left; margin: 0; padding: 0 0px 20px 0px; width: 418px; height: 100%; background: url(../images/content-bg.jpg) repeat-y;}

#footer{position:absolute; left:225px; bottom:5px; width:400px;}
	
	#banner {padding:0 0 40px 0;}

#side{float: left; margin: 0; padding: 0; width: 309px; height: 100%;}

	#side.about {background: url(../images/side-bg-about.jpg) repeat-y;}
	
	#side.admin {background: url(../images/side-bg-admin.jpg) repeat-y;}
	
	#side.careers {background: url(../images/side-bg-careers.jpg) repeat-y;}
	
	#side.clinicians {background: url(../images/side-bg-clinicians.jpg) repeat-y;}
	
	#side.contact {background: url(../images/side-bg-contact.jpg) repeat-y;}
	
	#side.neonatology {background: url(../images/side-bg-neonatology.jpg) repeat-y;}
	
	#side.news {background: url(../images/side-bg-news.jpg) repeat-y;}
	
	#side.parents {background: url(../images/side-bg-parents.jpg) repeat-y;}
	
	#side.team {background: url(../images/side-bg-team.jpg) repeat-y;}
	
#pic {float:left; margin:0; padding:0; width:309px; height:246px;}

#save {float:left; margin:0; padding:0; width:309px; height:127px;}

/* end Structure */

/* Typography */

body{font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif;}

h2 {visibility:collapse;}

#tagline h3 { font-size:1.4em; color:#00228b; font-weight: bold; padding:0 0 0px 0px; line-height:1.4em;}

h3 { font-size:1.4em; color:#00228b; font-weight: bold; padding:0 0 5px 29px; line-height:1.4em;}

div#content p {color: #111; text-decoration: none; word-spacing: 0.1em; text-align: left; letter-spacing: 0; line-height: 1.4em; padding: 0 29px 10px 29px; font-size:1.2em;}

div#content a {color: #00228b; text-decoration: underline;}

#footer p.copyright {color: #cccccc; bottom:0px; position: absolute; font-size:1.0em; padding:10px 0 0 0; margin:10px 0 0 0;}

#footer p.copyright a {color:#cccccc; text-decoration:underline;}

/* end Typography */

/* Lists */

div#content ul {list-style:square; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 50px; padding:0 29px 10px 0;}

div#content ul li {font-size:1.2em; padding:0 0 5px 0; line-height:1.2em;}

/* end Lists */

/* Forms */
fieldset {padding:0 0 10px 0; width:350px; margin:0 0 0 29px;}

#careerForm div, #contactForm div {padding:0 0 5px 0; float:left; display:inline;}

input, select {margin:5px 0 0 0;}

#careerForm div#position {padding:0 0 10px 0; width:350px; margin:5px 0 0 0;}

#careerForm div#address1, #careerForm div#address2, #contactForm div#interested, #contactForm div#heard, #contactForm div#contactPrefer {display:block; width:350px;}
#careerForm div#address1 input, #careerForm div#address2 input, #contactForm div#interested input, #contactForm div#heard input  {display:block; width:325px;}

#contactForm div#contactPrefer input {vertical-align:middle; font-size:14px; margin:5px 0 0 0;} 

#contactForm div#contactPrefer input.radio, .radio {vertical-align:middle; font-size:14px} 

#careerForm div.left, #contactForm div.left {padding:0 20px 0 0;}

label{font-size:1.2em;}

span.radioTxt { font-size:1.2em; padding:0px 0 0 5px; vertical-align:middle;}

span.radioBtn {vertical-align:middle; font-size:12px; padding:4px 0 0 4px;} 

/* end Forms */

/* Misc */

.tog {padding:0 0px 10px 0px; width:375px;}

.toggler { cursor: pointer;}

.over {color:#ffd900; text-decoration:underline;}

.element {height:auto; width:375px; padding:0;}


/* end Misc */

/* Home */

#headerHome {background:url(../images/home/header-bg-home.jpg) repeat-x; height:89px;}

#wrapper.home #tagline {height:66px;}

#wrapper.home #navigationHome {height:23px; float:right; width:501px; margin:0 26px 0 0;}

#navigationHome ul#navHome {list-style:none; padding:0; margin:0;}

	#navigationHome ul#navHome li {display:inline;}
	
	#navigationHome ul#navHome li a {float:left; height:0; padding:23px 0 0 0; overflow:hidden; background:url(../images/home/nav-home.jpg) no-repeat;}
	
	#navigationHome ul#navHome li a, #navigationHome ul#navHome a {height:0; overflow:hidden; padding-top:23px;} 
	
		#navigationHome ul#navHome li#about a {width: 87px; background-position:0px 0px;}
		
		#navigationHome ul#navHome li#about a:hover {width: 87px; background-position:0px -23px;}
		
		#navigationHome ul#navHome li#neonatology a {width: 137px; background-position:-87px 0px;}
		
		#navigationHome ul#navHome li#neonatology a:hover {width: 137px; background-position:-87px -23px;}
		
		#navigationHome ul#navHome li#team a {width: 81px; background-position:-224px 0px;}
		
		#navigationHome ul#navHome li#team a:hover {width: 81px; background-position:-224px -23px;}
		
		#navigationHome ul#navHome li#careers a {width: 64px; background-position:-304px 0px;}
		
		#navigationHome ul#navHome li#careers a:hover {width: 64px; background-position:-304px -23px;}
		
		#navigationHome ul#navHome li#news a {width: 52px; background-position:-369px 0px;}
		
		#navigationHome ul#navHome li#news a:hover {width: 52px; background-position:-369px -23px;}
		
		#navigationHome ul#navHome li#contact a {width: 80px; background-position:-421px 0px;}
		
		#navigationHome ul#navHome li#contact a:hover {width: 80px; background-position:-421px -23px;}

#wrapper.home #content {width:923px; background:#fff;}

#wrapper.home #pic {width:923px; height:195px; float:left; background:#fff;}


#wrapper.home #content p {color: #111; text-decoration: none; word-spacing: 0.1em; text-align: left; letter-spacing: 0; line-height: 1.4em; padding: 0 0px 10px 149px; font-size:1.2em; width:630px;}

#wrapper.home #content p.copyright {color: #cccccc; font-size:1.0em; padding: 0 0px 10px 149px; margin:10px 0 0 0;}

#wrapper.home #content p.copyright a {color:#cccccc; text-decoration:underline;}


/* end Home */

/*Conference Gallery w/ Pretty Photo*/

#content #conferenceGallery{margin:0 0 0 29px; padding:0;}
#content #conferenceGallery li { width:100px; height:67px;list-style:none; float:left; display:inline; margin:0 10px 10px 0; padding:0; border:2px solid #CCC; outline:none;}
#content #conferenceGallery li:hover{border:2px solid #333;}
#content #conferenceGallery li img{width:100px; height:67px; display:block;}