/*
-----------------------------------------------
File:	site.css

Responsibility: 	Generic stylesheet used to apply CSS rules
					that apply across pages
Author:	Greg Franklin
Date: 21 July 2005
Change Log:						
----------------------------------------------- */

/* Tag styles */
a:link{
	color:#5f5e63;
	text-decoration:underline;
}
a:visited{
	color:#5f5e63;
	text-decoration:underline;
}
a:hover{
	color:#5f5e63;
	text-decoration:none;
}
body { 
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	margin:auto;
	padding:auto;
}
h1 {
	font-weight:bold;
	color:#71b5aa;
	font-size: 38px;
	line-height:41px;
	padding: 0px 0px 16px 0px;
	margin: 0px 0px 0px 0px;
}
h1.hp{
font-weight:normal;
}
h1.superspaced {
	padding:0 0 47px 0;
}

h2 {
	color:#71b5aa;
	font-size: 26px;
	line-height:29px;
	font-weight:normal;
	padding: 0 0 8px 0px;
	margin: 0;
}
h3 {
	font-size: 20px;
	line-height:23px;
	font-weight:normal;
	padding: 0 0 8px 0;
	margin: 0;
}
h3.blue {
	color:#71b5aa;
}
h4 {
	font-size: 15px;
	line-height:18px;
	padding: 0 0 8px 0;
	margin: 0;
	font-weight:normal;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 9px;
}
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #5f5e63;
	font-size: 12px;
	line-height:14px;
}
p {
	padding: 4px 0px 0px 0px;
	margin:0px 0px 12px 0px;
}
p.hp{
font-size:18px;
line-height:24px;
margin:4px 10px 12px 8px;
	padding:0;
}
p.hp-fr{
font-size:18px;
line-height:24px;
margin:4px 10px 12px 8px;
	padding:0;
}
li{
	list-style-position:outside;
	padding:0;
	margin: 0px 0px 0px 12px;
}
ul{
	padding:0px 0px 0px 12px;
	margin: 4px 0px 8px 0px;
}
td {
	text-align:left;
	font-size: 12px;	
}
#content {
	color:#5f5e63;
	clear:both;
	width:791px;
	margin:0;
	padding:0px 0px 20px 5px;
	/* IE/windows-specific setting */
	background-color:#ffffff;
}	
/*
#content a:link{
	color:#5f5e63;
	text-decoration:underline;
}
#content a:visited{
	color:#5f5e63;
	text-decoration:underline;
}
#content a:hover{
	color:white;
	background-color:#5f5e63;
	text-decoration:none;
}
*/
#content #full {
	width:791px;
	margin:0;
	padding:0;
	/* IE/windows-specific setting */
}	
#content #full .header {
	width:500px;
	float:left;
}

#content #left {
	float:left;
	width:410px;
	margin:0;
	padding:0;
	/* IE/windows-specific setting */
}	
#content #right {
	float:right;
	display:inline;
	width:381px;	/* originally 370px */
	margin:0;
	padding:0;
	/* IE/windows-specific setting */
}	
#footer {
	clear:both;
	font-size:9px;
	color:#999999;
	width:796px;
	/* IE/Windows doesnt' like this
	*/
	margin:0px 0px 40px 0px;
	padding:20px 0px 0px 0px;
}
#footer li {
	display:inline;
	float:left;
	padding:0;
	margin:0px 4px 0px 0px;
}
#footer #credit {
	display:inline;
	float:right;
}
#footer #nav {
	float:left;
}
#footer #nav a:link {
	color:#E7C849;
	text-decoration:none;
}
#footer #nav a:visited{
	color:#E7C849;
	text-decoration:none;
}
#footer #nav a:hover{
	color:#E7C849;
	text-decoration:underline;
}	
#footer #nav a:link.active {
	color:#71b5aa;
	text-decoration:none;
}
#footer #nav a:visited.active{
	color:#71b5aa;
	text-decoration:none;
}
#footer #nav a:hover.active {
	color:#71b5aa;
	text-decoration:underline;
}	



#greybg {
	background-color:#eeeeee;
	padding: 4px 4px 4px 4px;
	margin:0;
}
/* wants more space ABOVE the gray element when it is only inside left element */
#left #greybg {
	margin-top:30px;
}
#greybg h1 {
	padding: 0px 0px 8px 0px;
	color:white;
	font-weight:normal;
}
#greybg h2 {
	clear:both;
	padding: 4px 0px 4px 8px;
}
#greybg p {
	padding: 4px 0px 4px 8px;
}
#header {
	width:796px;
	margin:0;
	padding:0;
	background-image: url("../images/2005/headerlogo.gif");
	background-repeat:no-repeat;
	height: 114px;
	/* IE/windows-specific setting */
	background-color:#E7C849;
}	
	/* IE can't read this selector, so it blows off this rule, but Opera, Mozilla, etc. can read it. */
html>body>div#header {
	background-color:#E7C849;
}
#header #languages {
	width:791px;
	text-align:right;
	float:right;
	margin-right:5px;
	margin-top:5px;
	height:10px;
}
.flag {
	padding-left:5px;
}
#header #topLevelNav {
	clear:both;
	width:796px;
	/* IE/Windows doesnt' like this
	background-color:#E7C849;
	*/
}
html>body>div#topLevelNav {
	background-color:#E7C849;
}

#header #topLevelNav #left {
	color: white;
	font-size:13px;
	line-height:14px;
	font-weight:normal;
	display: inline;
	float:left;
	border-bottom:1px white solid;
	border-right:1px white solid;
	background-color:#E7C849;
	/* border-top:1px white solid;
	border-left:0px white solid;
	*/
	padding: 5px 5px 5px 5px;
	/* IE/windows-specific setting */
	margin: 75px 0px 0px 0px;
}
	/* IE can't read this selector, so it blows off this rule, but Opera, Mozilla, etc. can read it. */
html>body>div#header>div#topLevelNav>div#left {
	margin: 75px 0px 0px 0px;
}

#header #topLevelNav #left a:link {
	color:#ffffff;
	text-decoration:none;
}
#header #topLevelNav #left a:visited{
	color:#ffffff;
	text-decoration:none;
}
#header #topLevelNav #left a:hover {
	color:#ffffff;
	text-decoration:underline;
}	
#header #topLevelNav #left.active {
	background-color:#ffffff;
}
#header #topLevelNav #left.active a:link, #header #topLevelNav #left.active a:visited {
	color:#5f5e63;
	text-decoration:none;
}
#header #topLevelNav #left.active a:hover {
	color:#E7C849;
	text-decoration:underline;
}	


#header #topLevelNav #right {
	/*
	color: #6EB5A7;
	*/
	color:#fff;
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	display: inline;
	float:right;
	padding: 5px 5px 5px 5px;
	background-color:#E7C849;
	/* IE/windows-specific setting */
	margin: 75px 0px 0px 0px;
}
	/* IE can't read this selector, so it blows off this rule, but Opera, Mozilla, etc. can read it. */
div#header>div#topLevelNav>div#right {
	margin: 75px 0px 0px 0px;
}

#header #topLevelNav #right a {
	/*
	color: #6EB5A7;
	*/
	color:#fff;
}
#header #topLevelNav #right a:link, #header #topLevelNav #right a:visited{
	text-decoration:underline;
}
#header #topLevelNav #right a:hover, #header #topLevelNav #right a:active {
	text-decoration:none;
}	
#headlines {
	/*
	color:#71b5aa;
	*/
	color:#5f5e63;
	
}
#headlines p {
	margin:4px 10px 12px 8px;
	padding:0;
}
#news #article {
	clear:both;
	margin:0px 0px 25px 0px;
	padding:0;
}
#news #article #body {
	display:inline;
	float:right;
	width:73%;
}
#news #article #body #text {
	margin:4px 4px 10px 4px;
	padding:0;
}
#news #article #photowithcaption {
	float:left;
	width:23%;
	margin:4px 4px 10px 4px;
	padding:0;
}
#news #article #photowithcaption #photo {
	clear:both;
	margin:0;
}
#news #article #photowithcaption #caption {
background-color:#DDD;
	font-size:10px;
	clear:both;
	color:black;
	width:100%;
	margin-top:0px;
	padding:4px 4px 4px 4px;
}
#objective{

/*
#left #greybg 	margin-top:30px;

*/
	height:192px;
	margin:0;
	padding:0;
	overflow:hidden;
	display:block;
}
#projectblock {
	height:50px;
	width:370px;
	/*
	EAE8F5
	*/
	background-color:#eeeeee;
	padding: 0px 0px 0px 8px;
	margin:0px 0px 4px 0px;
}
#projectblock #name{
	float:left;
	padding: 20px 5px 0px 0px;
}

#projectblock #projectpicture {
	margin:0;
	padding:0;
	float:right;
	display:inline;
}
#photoleft {
	float:left;
	display:inline;
	margin: 0px 20px 6px 0px;
}
#photoright {
	float:right;
	display:inline;
	margin: 0px 0px 20px 20px;
}


#subNav {
	clear:both;
	color:#5f5e63;
	width:796px;
	/* IE/Windows doesnt' like this
	*/
	margin:0;
	padding:0;
	background-color:#ffffff;
}
html>body>div#subNav {
	background-color:#ffffff;
}
#subNav li{
	font-size:13px;
	line-height:14px;
	font-weight:normal;
	display: inline;
	float:left;
	background-color:#ffffff;
	/* border-top:1px white solid;
	border-left:0px white solid;
	*/
	padding: 10px 5px 5px 5px;
	/* IE/windows-specific setting */
	margin: 0px 0px 0px 0px;
}
	/* IE can't read this selector, so it blows off this rule, but Opera, Mozilla, etc. can read it. */
html>body>div#header>div#subNav>li{
	margin: 0px 0px 0px 0px;
}
#subNav a:link,#subNav a:visited {
	color:#5f5e63;
	text-decoration:none;
}
#subNav a:hover{
	color:#E7C849;
	text-decoration:underline;
}	
#subNav a:link.active {
	color:#71b5aa;
	text-decoration:none;
}
#subNav a:visited.active{
	color:#71b5aa;
	text-decoration:none;
}
#subNav a:hover.active {
	color:#71b5aa;
	text-decoration:underline;
}	

#subscribe {
	font-size:12px;
	float:right;
	width:175px;
	color:#71b5aa;
/*
	background-color:#F9F0CA;
	border:1px dotted #5f5e63;
*/
	padding: 4px 3px 4px 3px;
	margin:5px 0px 3px 4px;

}
#subscribe h2{
	font-size:22px;
	line-height:17px;
	font-weight:normal;
	margin:0;
	padding:0px 0px 2px 0px;
}
#subscribe p {
	margin:0;
	padding:0px 0px 2px 0px;
}
#subscribe form {
	margin:0;
	padding:0;
	width:125px;
}
#subscribe input {
	font-size:12px;
	line-height:13px;
	margin:0px 0px 4px 0px;
}
#subscribe .subscribeleft {
	float:left;
	width:122px;
	height:88px;
}
#subscribe .subscribeleft h2.subscribe {
	padding-bottom:13px;
}
#subscribe .subscriberight {
	float:right;
	display:inline;
	width:52px;
	height:88px;
}
#teamMember {
	clear:both;
	/*
	width:721px;
	*/
	padding:12px 12px 12px 8px;
	margin:0px 20px 4px 0px;
}
#teamMember p{
	padding:0px 0px 8px 0px;
	margin:0;
}
#teamMember #name {
	margin:8px 0px 12px 0px;
	padding:0;
	width:666px;
	border-bottom:1px solid #71b5aa;
}
#whitebg {
	padding: 4px 4px 4px 4px;
}
#whitebg h3 {
	padding: 4px 0px 4px 0;
}
#whitebg p {
	padding: 4px 0px 8px 8px;
}

/* begin class styles */
.fourteen {
	font-size:14px;
	}

.required {
	color:#cc0000;
}
.blue {
	color:#71b5aa;
}
.gray {
	color:#999;
}
.green {
	color:#009900;
}

.archiveNav ul {
	display:block;
	list-style-type:none;
	padding:0;
	margin:0;
}
.archiveNav ul li {
	float:left;
	margin:0;
	padding:0px 12px 0px 0px;
}


.historylist {
	float:left;
	width:390px;
}
.historyitem {
	width:390px;
	clear:both;
}
.historyitemYear {
	width:30px;
	float:left;
	padding:0px 0px 10px 0px;
}
.historyitemEvents {
	width:340px;
	float:right;
	display:inline;
	padding:0px 0px 10px 10px;
}
.historyitemEvents ul{
	padding:0;
	margin: 0;
	list-style-type:circle;
}
.historyitemEvents ul li{
	padding:0;
	margin: 0;
}


.hp-bannerleft {
	width:221px;
	height:88px;
	margin:5px 0px 3px 0px;
	padding:0;
	display:inline;
	float:left;
}
.item {
	clear:left;
	margin:0;	
	padding:0;
	height:auto;
}
.item .photo {
	float:left;
	width:20%;
	margin:0;
	padding:0px 0px 10px 0px;
}
.item .itemtext {
	display:inline;
	float:right;
	width:70%;
	margin:0;
	padding:0;
}

.padding-top-slight {
	padding-top:12px;
	margin:0;
}
/*
body>div#left>img.padding-top-slight {
	padding-top: 12px !important;
}
*/
.person {
	padding:4px 0px 12px 0px;
	margin:0px 0px 20px 0px;
}
.personbox {
	clear:both;
	padding:0px 12px 10px 0px;
	margin:0px 20px 0px 8px;
}
.personname {
	padding:12px 0px 0px 0px;
	margin:0px 82px 8px 0px;
	border-bottom:1px solid #71b5aa;
}
.personphoto {
	padding:0px 0px 0px 8px;
	margin:0px 0px 0px 0px;
	float:right;
	display:inline;
}
.photorightcontainer {
	float:right;
	margin:4px 0 10px 10px;
	padding:0;
}
.photorightcontainer .photo {
	margin:0 0 10px 0;
	padding:0;
}

.photowithcaptionright {
	float:right;
	margin:4px 0 10px 10px;
	padding:0;
	background-color:#DDD;
	font-size:10px;
	line-height:14px;
	color:black;
}
.photowithcaptionleft {
	float:left;
	margin:4px 10px 10px 0;
	padding:0;
	background-color:#DDD;
	font-size:10px;
	line-height:14px;
	color:black;
}


.red {
	color:#990000;
}
.shouting {
	color:#71b5aa;
	font-size: 20px;
	line-height:22px;
	font-weight:normal;

}
.smallFont {
	font-size:.8em;
}
.yellow { 
	color:#e8c949;
}
.yellowbox {
	width:342px;
	background-color:#e8c949;
	color:#fff;
	height:auto;
	padding:20px 15px 15px 15px;
}