@charset "UTF-8";
/* CSS Document */


/* Defaults
------------------------------------------------- */
* {
margin:0px;
padding:0px;
/*font-family:Tahoma, Verdana, Arial, Helvetica, Trebuchet MS, sans-serif; --the original font-- */
font-family:Arial, Helvetica, Trebuchet MS, sans-serif;
}

html {
font-size:125%;/*set the base font size to 20px*/
}

body {
background-color:#d2dcff;
font-size: 50%;/*set the body font size to 10px, thus setting 1em to approximately 10px*/
}

p {
padding:1em 1em 0 1em;
line-height:1.6em;
}
.credit{
font-size:10px;
}


/* Basic Link Stlyes
------------------------------------------------- */
a:visited {
color:#000081;
}
	
a:focus {
color:#3D701A;
}
	
a:hover {
color:#3D701A;
}
	
a:active {
color:#3D701A;
}


/* Div Container
------------------------------------------------- */
#container {
background-color:#FFFFFF;
overflow:hidden;
width:750px;
margin:0 auto;
border-right:1px solid #4F3644;
border-bottom:1px solid #4F3644;
border-left:1px solid #4F3644;
}


/* Equal Height Columns
------------------------------------------------- */
/* Start Mac IE5 filter \*/
#content, #navigation {
padding-bottom: 32767px;
margin-bottom: -32767px;
}
/* End Mac IE5 filter */


/* Header
------------------------------------------------- */
#header {
position: relative;
height:210px;
}
	
#header h1, #header h2 {
visibility:hidden;
position: absolute;
}


/* Content
------------------------------------------------- */
#content {
padding-top:10px;
background-color:FFFFFF;
width:590px;
margin-left:160px;
float:left;
display:inline;
font-size:1.4em;
color:#000000;
}

#content h3 {
color:#086500;
font-size:1.3em;
padding:.5em 1em 0 1em;
}
	
#content p.last_paragraph {
padding-bottom:1.8em;
}
	
#content ul {
padding-left:3em;
padding-top:1em;
}

#photo_1 {
float:left;
padding:17px 10px 30px 15px;
}

#photo_2 {
float:right;
padding:17px 15px 30px 10px;
}

.flash_video {
padding:20px 135px 20px 135px;
}

/*---------------------- IE HACKS ---------------------------------*/
/* IE6 underscore hack to move the flash video into place 
* html .flash_video {
position:relative;
left:135px;
}

/* IE7 className hack to counteract the IE6 hack 
object[className="flash_video"] {
position:relative;
left:135px;
}
-------------------END IE HACKS ---------------------------------

.video_title {
text-align:center;
}

#aph_graphic {
padding:100px 0 10px 195px;
}
*/

/* Navigation
------------------------------------------------- */
#navigation {
background-color:#CACACA;
width:160px;
margin-left:-750px;
float:left;
border-right:1px solid #4F3644;
}

#navigation ul {
font-size:1.4em;
}

#navigation ul li {
list-style-type:none;
border-bottom:1px solid #4F3644;
}

#navigation a {
display:block;
padding:.5em;
color:#202720;
text-decoration:none;
}

#navigation a:hover
{
background-color:#FFFFFF;
}
	
#current a {
background-color:#a0b4c9;
color:#111310;
}
	
#current a:hover {
background-color:#a0b4c9;
cursor:default;
}


/* Footer
------------------------------------------------- */
#footer {
background-color:#000000;
height:50px;
width:750px;
clear:both;
/* Start Mac IE5 filter \*/
float:left;
/* End Mac IE5 filter */
font-size:1.3em;
color:#FFFFFF;
/* IE6 underscore hack to move the footer into place */
_position:relative;
_top:16px;
}
#footer p{ font-size:.8em;
}