*
{
margin:0;
padding:0;
}

html
{
height: 100%;
}

body
{
font: 82% arial, sans-serif; 
background: #fff;
margin: 0;
padding: 0;
text-align: right;
height: 100%;
}


#container
{
width: 780px;
border-right: 2px #976397 dotted;
border-left: 2px #976397 dotted;
margin: 0 auto -4em;;
background: url('images/body2.png') repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
}

.push 
{
height: 4em;
clear: both;
}

/*----------------HEADER CSS--------------*/

#header_about
{
background-image: url(images/header_about.png);
background-repeat: no-repeat;
height: 172px;
padding-right: 10px;
}

#header_projects
{
background-image: url(images/header_projects.png);
background-repeat: no-repeat;
height: 172px;
padding-right: 10px;
}

#header_training
{
background-image: url(images/header_training.png);
background-repeat: no-repeat;
height: 172px;
padding-right: 10px;
}

#header_research
{
background-image: url(images/header_research.png);
background-repeat: no-repeat;
height: 172px;
padding-right: 10px;
}

#header_extras
{
background-image: url(images/header_extras.png);
background-repeat: no-repeat;
height: 172px;
padding-right: 10px;
}

#logo, #logo img
{
position: abosolute;
top:0;
left:0;
border: 0;
width: 151px;
float: left;
}


#nav
{
width: 600px;
float: right;
}


#search
{
height:50px;
}

#upper_nav 
{
height: 80px;
text-align: right;
color: #E06B04;
font-family: "trebuchet ms";
font-size: .85em;
}

#upper_nav ul li
{
list-style-type: none;
display:inline; 
}


#upper_nav a
{
color: #E06B04;
text-decoration: none;
margin:0;
padding:0; 
}




#main_nav
{
margin-top: 0px;
margin-bottom: 0px;

}

#main_nav ul li
{
display: inline;
float:right;
padding-left: 15px;
background-repeat: no-repeat;

}

#main_nav a
{
padding-left: 20px;
text-decoration: none;
color: #fff;
font-family: "trebuchet ms";
font-size: 1.3em;

}

#main_nav a:link, #main_nav a:visited
{
padding-left: 15px;
}

#main_nav a:hover
{
padding-left: 15px;
background: url(images/bullet_purplehover.png);
background-repeat: no-repeat;
background-position: 0 5px;} 


#main_nav #current a {
	color: #fff;
	background: url(images/bullet_purplecurrent.png) left center no-repeat;
	}






/*----------------BODY CSS--------------*/

#body
{
padding-top: 1em;
padding-bottom: 1em;
background-image: url(images/body.png);
background-repeat: no-repeat;
height: 328px;
}


#side_nav
{
float:left;
width: 150px;
padding-left: 35px;
text-align: left;
}




#content 
{
float:left;
width: 380px;
text-align: left;
padding: 0 40px 0 30px;
}


#secondary_content
{
float:left;
width:140px;
padding-top: 2.7em;
text-align: left;
}


#secondary_content img
{
border:0;
}


#footer
{

height: 4em;
padding-top: 1em;
color: #666;
text-align: center;
font-weight: bold; 
font-size: .8em;
clear: both;
}





/*----------------LIST CSS--------------*/


#content ul
{
margin-left: 3em;
margin-bottom: 1em;
}

#content li
{
line-height:1.2;
padding-bottom: 1em;
}

#secondary_content li
{
list-style-image: url("images/arrow.gif");
padding-bottom: .2em;
}

#side_nav ul li
{
font-size: 1.1em;
font-weight: bold;
font-family: "trebuchet ms";
color: #5D265D;
line-height: 2;
list-style-type: none;
margin-left: -25px;
}

/*----------------STYLE CSS--------------*/


h1 
{
font-size: 1.2em;
color: #000;
font-weight: bold;
margin-bottom: 1em;
}


h2
{
font-size: 1em;
color: #5D265D;
}

#secondary_content h2
{
font-size: 1em;
color: #5D265D;
margin-bottom: .5em;
margin-top: 1em;
}

p
{
font-size: 1em;
line-height: 1.4;
margin-bottom: 1em;
}

#secondary_content p
{
line-height:1;
}

#secondary_content .caption
{
font-size: .8em;
color: #5D265D;
line-height: 1.5;
}


#content .caption
{
font-size: .8em;
color: #000;
line-height: 1.5;
}

hr
{
color: #853685;
background-color: #853685;
width: 440px;
height: 1px;
border: 0;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
}



/*----------------LINK CSS--------------*/

#content a:link    {color: #5D265D;text-decoration: underline; }
#content a:visited {color: #5D265D;text-decoration: none; }
#content a:active  {color: #5D265D;text-decoration: none; }
#content a:hover   {color: #5D265D;text-decoration: none; }


#side_nav a {color: #5D265D; text-decoration: none; padding-left: 20px;}
#side_nav a:hover {color: #5D265D; background: url(images/bullet_bluehover.png) left center no-repeat;}
#side_nav #current a {color: #5D265D; background: url(images/bullet_bluecurrent.png) left center no-repeat;}
#side_nav #current a:hover {color: #5D265D; background: url(images/bullet_bluecurrent.png) left center no-repeat;}



#secondary_content a:link    {color: #000;text-decoration: none; }
#secondary_content a:visited {color: #000;text-decoration: none; }
#secondary_content a:active  {color: #000;text-decoration: none; }
#secondary_content a:hover   {color: #000;text-decoration: underline; }


#footer a:link    {color: #853685; font-weight: bold; text-decoration: none; }
#footer a:visited {color: #853685; font-weight: bold; text-decoration: none; }
#footer a:active  {color: #853685; font-weight: bold; text-decoration: none; }
#footer a:hover   {color: #853685; font-weight: bold; text-decoration: none; }
