﻿body 
{
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5E6A70;
line-height:18px;
}

.clear 
{
	clear:both;
	}

p
{
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #5E6A70;
	
}

a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5E6A70;
	line-height:18px;
	
}

h1
{
margin-top:10px;
	margin-bottom:10px;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #5E6A70;
}

h2
{
margin:0;
padding:0;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #5E6A70;
}

h3
{
margin:0;
padding:0;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #5E6A70;
}

h4
{
margin:0;
padding:0;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #5E6A70;
}

.contain 
{
width:970px;
margin-left:auto;
margin-right:auto;	
	}

#topbar 
{
height:35px;
background-color:#6986B0;
padding-top:5px;
}

a.topbutton
{
	margin-top:5px;
	margin-right:5px;
	}
	
#header
{
height:200px;
background-image:url(../images/bg_header.gif);
background-repeat:repeat-x;	
}

.logo 
{
float:left;
margin-top:20px;
margin-left:60px;
	}
	
#headerimage
{
	width:745px;
	height:200px;
	float:right;

	}
	
#navigation {
width:262px;
background-color:#6885B0;
float:left;
}

#content {
width:675px;
float:right;
}

#homepagetext{
width:80%;

}


/*Navigation*/

#wrapper {
background-color:#6885B0;

margin-left:10px;
}

#wrapper a {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
}

.mainnavitem{
font-weight:bold;
font-size:14px;
margin-left:10px;
margin-right:10px;
}



.subnavitem{
padding:2px;
border-bottom:none;
margin-left:10px;
margin-right:10px;


}

/*

a.mainnavlink {
background-image:url(../images/plus.gif);
background-repeat:no-repeat;
}

a:active.mainnavlink {
background-image:url(../images/minus.gif);
background-repeat:no-repeat;
} 

*/


/* Accordian
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }

.ui-state-default .ui-icon { background-image: url(../images/plus.gif); background-repeat:no-repeat; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/plus.gif); background-repeat:no-repeat;  }
.ui-state-active .ui-icon {background-image: url(../images/minus.gif); background-repeat:no-repeat;  }




/* Overlays */
.ui-widget-overlay { background: #666666 url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }


#innerfooter {
background-image:url(../images/dot_pix.gif);
background-repeat:repeat-x;
}

#footer {
margin-top:20px;
margin-bottom:10px;
}

#footer a {
text-decoration:none;
}

#footerleft {
float:left;
width:700px;
}

#footerright {
float:right;
width:250px;
text-align:center;
}

	
	
	
/*Bios*/

.bio 
{
margin-bottom:15px;
	}

.biotext 
{
	float:left;
	
	
	}
	
.biopic 
{
	float:right;
	margin-right:100px;
	}
	
.subprojects 
{
	width:275px;
	float:left;
	margin-bottom:15px;
	}
	
.photofull
{
	float:right;
	}


