/************
************* DQ's modified version of Eric Meyer's CSS reset */
a { text-decoration: none; }
a img { border: none; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, ins, kbd, q, samp, small, 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-family: inherit;
}

body{
background: #f9f7ee url('../images/inner-body-bg.jpg') repeat-x;
margin:0px;
font-family:arial;
}

img{border:0px;}

p, a, li{
font-size:75%;
}

a:hover{ text-decoration:underline;}

p a{font-size:100%; font-weight:bold; color:#1f8ebb; text-decoration:none;}

li{font-weight:bold;}

p{}

.small {font-size: 60%;}

h1{
font-size:125%;
color:#4e3603;
font-weight:normal;
margin:10px 0px 15px;
}

h2{
font-size:130%;
font-weight:normal;
color:#4e3603;
margin:0 0px 15px;
}
h3{
font-size:85%;
font-weight:bold;
color:#aa9c6d;
margin:15px 0px 5px;
}
h4{
font-size:75%;
font-weight:normal;
text-transform: uppercase;
color:#1b5e7f;
margin:10px 0px 0;
}

#wrapper{
width:1165px;
margin:0 auto;
background:url('../images/top-bg.jpg') no-repeat top center;
}

#container{
width:990px;
margin:0 auto;
}

#flash-container{
}

#top-nav-container{
position:relative;
z-index:2;
height:122px;
}

#top-nav-container img{
float:left;
}

#content-container{
padding-top:16px;
overflow:hidden;
}

#content-container #banner {
position: relative;
height: 247px;
}
#content-container #banner h1 {
position: absolute;
bottom: -11px; left: 15px;
margin: 0; padding: 0;
text-transform: uppercase;
font-weight: bold;
font-size: 260%;
color: #f9f7ee;
}
#content-container #content{
float:left;
width:100%;
padding: 0 20px;
margin-top: 20px;
background: url(../images/content-bg.gif) repeat-y 30px;
}

#content ul{
margin:8px 0px;
}

#content p{
margin: 10px 0;
}
#content p, #content li{
line-height:19px;
}

#content li{
font-size:70%;
margin:8px 0px 8px 5px;
}

#content #inner-callout{
width: 246px;
min-height: 336px;
float: right;
background: #f3f1db url(../images/inner-callout-bg.jpg) repeat-x;
color: #1f607f;
font-weight: bold;
margin: 0 20px 0 30px;
padding: 0;
display: inline;
}
#content #inner-callout p, #content #inner-callout ul{
padding: 0 43px 0 27px;
}
#content #inner-callout p.name{
text-align: right;
}
#content #true-content{
width: 682px;
float: left;
display: inline;
overflow: hidden;
}

.indent{
margin-left:25px;
}

#footer {
padding: 35px 0;
background: url(../images/inner-callout-bottom.gif) 743px top no-repeat;
}
#footer p{
color:#605f41;
font-size:65%;
}

/***Navigation**/
#top-nav{
background:url(../images/top-nav.jpg) no-repeat;
position: absolute;
top:0px;
right:0px;
height:84px;
width:685px;
}

#top-nav li {
	position: absolute;
	top: 0px;
	list-style-type: none;
	height: 84px;
}

#top-nav a {
	padding: 84px 0 0 0;
	overflow: hidden;
	height: 0px !important;
}

#top-nav li, #top-nav a {
	display: block;
}
#top-nav-phase1 {
	left: 0px;
	width: 114px;
}

#top-nav-our-facilities{
	left: 114px;
	width: 137px;
}

#top-nav-who-we-are {
	left: 252px;
	width: 124px;
}

#top-nav-study-volunteers {
	left: 375px;
	width: 173px;
}

#top-nav-get-in-touch {
	left: 548px;
	width: 136px;
}

#top-nav li a:hover, #top-nav li a.active {
	background-image:url(../images/top-nav.jpg);
	background-repeat:no-repeat;
}

#top-nav-phase1 a:hover, #top-nav-phase1 a.active {
	background-position:0 -84px;
}

#top-nav-our-facilities a:hover, #top-nav-our-facilities a.active {
	background-position:-114px -84px;
}

#top-nav-who-we-are a:hover, #top-nav-who-we-are a.active {
	background-position:-252px -84px;
}

#top-nav-study-volunteers a:hover, #top-nav-study-volunteers a.active {
	background-position:-375px -84px;
}

#top-nav-get-in-touch a:hover, #top-nav-get-in-touch a.active {
	background-position:-548px -84px;
}