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

body, html { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-size: 13px; color: #fff; text-decoration: none; margin: 0 0 0 0; background-color:#e2b900; line-height: 1.4em;}

a {color: #fff;}
a:link, a:visited  { text-decoration: none; }
a:hover { text-decoration: underline; }

.sitemap li {margin-left: 50px; color: white; list-style-type:disc;}
.sitemap ul {margin-left: 50px; color: white; list-style-type:disc;}
.sitemap li a { color: white; }


h2 {font-family: "Trebuchet MS"; color:#fff; font-size:17px;font-weight:normal; padding-left:15px; margin:0px; line-height:1.3em;}
h3 {font-family: "Trebuchet MS"; color:#fff; font-size:16px;font-weight:normal; padding:0px; margin:0px;}
h4 {font-family: "Trebuchet MS"; color:#546d96; font-size:14px;font-weight:normal; padding:0px; margin:0px;}
h5 {font-family: "Trebuchet MS"; color:#546d96; font-size:12px;font-weight:normal; padding:0px; margin:0px;}

.sitemap {margin-left:50px;}
.sitemap li {margin-left: 15px; color: #fff; list-style-type:disc;}
.sitemap ul {margin-left: 15px; color: #fff; list-style-type:disc;}
.sitemap li a { color: #fff; }



table { font-family:"Trebuchet MS"; font-size:13px; color:#fff;}

#wrapper {
 margin: 0 auto; 
 width: 950px; 
 border: 0px solid green;
 margin-top:10px;
}

#date{float:left; width: 300px;  color:#FFFFFF;}
#links {margin-left:305px;  text-align:right; color:#FFFFFF;}
#links a {color:#FFFFFF; text-decoration:underline;}
#links a:hover {color:#FFFFFF; text-decoration:none;}

#header { background-color:#004688; margin-top:5px; background-image:url(../images/headerBg.jpg); }
	#logo {border:0px; float:left;}
	#imageRight {margin-left:300px; text-align:right;}
	
	#navigation {border:0px; width:950px; background-color:#448e22; border:0px solid red; height:36px;}
	
	#divNav {
		margin: 0;
		padding: 0;
		width: 950px;
		background-color:#448e22;
	}
	
	li {margin:0; padding:0;}
		ul {margin:0; padding:0;}

	#nav {
		position: relative;
		width: 950px;
	}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
		border:0px solid red;
		margin:0px;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
	}
	
		#nav li a.contact { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		border-right: 0px solid #fff;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 25px;
		left: 0px;
		padding-top: 0px;
		padding-bottom:0px;
		margin-top:8px;
		background: #68bc34;
		border:0px solid red;
		width:950px;
	}

	#nav li.on ul {
		background: #68bc34;
		padding-left:10px; padding-right:10px;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #68bc34;
	}
	#liProfile ul.align {padding:133px; border:0px solid red; }
/**********nav spacing***********/
	#nav li a {
		color: #fff;
		display: block;
			padding:10px 19px 10px 18px;	
	}
/********e nav spacing***********/

	#nav li.on a {
		color: #fff;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #fff;
		padding-left:10px; 
		padding-right:10px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #68bc34;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #fff;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liHome a, #liProfile a, #liGroup a, #liIndividual a, #liConference a, #liContact a, #liEvents a {
		display: block;
		position: relative;
		text-align:center;
		border-right:1px solid #fff;
		background-color: #68bc34; /*contains all hover states*/
	}
	
	

	#nav li#liContact.on a {
		color: #fff;
		display: block;
		padding:10px 18px 10px 18px;
		background-color: #68bc34; /*contains all hover states*/
		font-weight:bold;
		} 
		
	#liProfile.on a{
		display: block;
		position: relative;
		text-align:center;
		background-color: #68bc34; /*contains all hover states*/
		padding:10px 15px 10px 15px;
		font-weight:bold;
		} 
	#liHome.on a{
		display: block;
		position: relative;
		text-align:center;
		background-color: #68bc34; /*contains all hover states*/
		padding:10px 26px 10px 26px;
		font-weight:bold;
		} 
	#liConference.on a{
		display: block;
		position: relative;
		text-align:center;
		background-color: #68bc34; /*contains all hover states*/
		padding:10px 17px 10px 18px;
		font-weight:bold;
		} 
	#liGroup.on a{
		display: block;
		position: relative;
		text-align:center;
		background-color: #68bc34; /*contains all hover states*/
		padding:10px 16px 10px 16px;
		font-weight:bold;
		} 
			
	#liIndividual.on a{
		display: block;
		position: relative;
		text-align:center;
		background-color: #68bc34; /*contains all hover states*/
		padding:10px 16px 10px 17px;
		font-weight:bold;
		} 
	#liEvents.on a{
		display: block;
		position: relative;
		text-align:center;
		background-color: #68bc34; /*contains all hover states*/
		padding:10px 17px 10px 17px;
		font-weight:bold;
		} 
		
/*first, put the initial states in place*/

#liHome a {
	background-color:#448e22;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:13px;
}

#liProfile a {

 background-color:#448e22;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:13px;
}

#liGroup a {
	background-position: -204px 0;
		background-color:#448e22;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:13px;
}

#liIndividual a {
	background-position: -306px 0;
		background-color:#448e22;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:13px;
}

#liConference a {
	background-position: -408px 0;
		background-color:#448e22;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:13px;
}

#liContact a {
	background-position: -408px 0;
		background-color:#448e22;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:13px;
	border-right:none;
}

#liEvents a {
	background-position: -408px 0;
		background-color:#448e22;
	color:#FFFFFF;
	font-family:"Trebuchet MS";
	font-size:13px;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liGroup.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liHome a:hover, #liHome:hover a, #liHome.over a {
	background-position: 0 -73px;
	background-color:#68bc34;}


#liProfile a:hover, #liProfile:hover a, #liProfile.over a {
		background-color:#68bc34;
			background-image:url(../../css/nav.jpg);
			background-repeat:no-repeat;
}

#liGroup a:hover, #liGroup:hover a, #liGroup.over a {
	background-position: -204px -73px;
		background-color:#68bc34;
}

#liIndividual a:hover, #liIndividual:hover a, #liIndividual.over a {
	background-position: -306px -73px;
		background-color:#68bc34;
}

#liConference a:hover, #liConference:hover a, #liConference.over a {
	background-position: -408px -73px;
		background-color:#68bc34;
}

#liContact a:hover, #liContact:hover a, #liContact.over a {
	background-position: -408px -73px;
		background-color:#68bc34;
}

#liEvents a:hover, #liEvents:hover a, #liEvents.over a {
	background-position: -408px -73px;
		background-color:#68bc34;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #68bc34;
	color: #fff;
	font-family:"Trebuchet MS";
	font-size:10px;
}	

#nav li.off ul a:hover, #nav li.on ul a:hover {
	display: block;
	background: #68bc34;
	color: #fff;
	font-family:"Trebuchet MS";
	font-size:10px;
	text-decoration:underline;
}		

#nav li.on ul a {
	background: #68bc34;
}
	
#mainBody {
min-height:350px;
height:auto !important;
height:350px;
background-color:#1f6aae; 
background-image:url(../images/bodyBackgroundBlue.jpg); 
background-repeat:no-repeat;
border:0px solid blue;
font-size:13px;

}
#mainBody p { padding-left:20px; font-size:13px;}
#mainBody h1.Profile {font-family: "Trebuchet MS"; color:#fff; font-size:27px; font-weight:normal; padding:0px; margin:0px; margin-bottom:20Px; background-image:url(../images/profileBg.jpg); padding-top:11px; padding-bottom:12px; padding-left:15px; background-repeat:no-repeat; margin-top:10px; background-color:#014689; background-position:right;}

#mainLeft { margin-right:480px; text-align:justify; padding-left:0px; border:0px solid red; padding-top:20px; padding-bottom:20px; min-height:350px; height:auto; overflow:inherit;}
#mainLeft table {margin-left:15px;}
#mainRight {float:right; border:0px solid green; padding-top:80px; padding-left:30px; width:440px;} 

table h1 {font-family: "Trebuchet MS"; color:#fff; font-size:17px; font-weight:normal; padding:0px; margin:0px;}

#mainLeft h1.Profile {font-family: "Trebuchet MS"; color:#fff; font-size:25px; font-weight:normal; padding:0px; margin:0px; margin-bottom:20Px; background-image:url(../images/profileBg.jpg); padding-top:11px; padding-bottom:12px; padding-left:15px; background-repeat: no-repeat; background-color:#014689; background-position:right;}

#mainLeft h1 {font-family: "Trebuchet MS"; color:#396095; font-size:17px; font-weight:normal; padding:0px; margin:0px; margin-bottom:0Px;  padding-top:2px; padding-bottom:0px; padding-left:0px; line-height:17px; }

#mainLeft p { padding-left:20px;}

#footer {clear:both; border:0px solid red; background-image:url(../images/footerBg.jpg); background-repeat:repeat-x; height:80px;}

#footerLinks {padding-top:10px; color:#FFFFFF; text-align:center; padding-bottom:8px; font-size: 11px;}
#footerLinks a{padding-left:10px; padding-right:10px; text-decoration:underline; color:#FFFFFF; font-size: 11px; }
#footerLinks a:hover{ text-decoration:none; }

#address {border: 0px solid red; text-align:center; padding-left:10px; color:#FFFFFF; padding-bottom:5px;}
#address a {color:#FFFFFF}

#mainLeftWide h1.Profile {font-family: "Trebuchet MS"; color:#fff; font-size:25px; font-weight:normal; padding:0px; margin:0px; margin-bottom:20Px; background-image:url(../images/profileBg.jpg); padding-top:11px; padding-bottom:12px; padding-left:15px; background-repeat: no-repeat; background-color:#014689; background-position:right; margin-right:300px;}

#mainLeftWide { margin-right:30px; margin-left:0px; text-align:justify; padding-left:0px; border:0px solid red; padding-top:20px; padding-bottom:20px; min-height:350px; height:auto; overflow:inherit; position:relative;}

#mainLeftWide img {margin-right:10px;}
#mainLeftWide img.refs {margin-right:10px; position:absolute; top:20px; right:20px;}
#mainLeftWide table p{ margin-left:0px; margin-right:0px; margin-top:0px; padding:0 0 0 0;}
#mainLeftWide p{ margin-left:5px; margin-right:25px; margin-top:0px;}

#mainLeftWide table { margin-left:10px; padding-left:10px; margin-right:25px; position:relative;}
#mainLeftWide h2 {margin:0 0 0 0; padding:0 0 0 0;}

.element {/*width:345px;*/ text-align:left; margin: 0 auto; padding-right:8px; margin-top:30px;}



#mainLeftWide table { margin-left:10px; padding-left:10px; margin-right:25px; position:relative;}
#mainLeftWide h2 {margin:0 0 0 5px; padding:0 0 0 20px;}
#mainLeftWide table h2 {margin:0 0 0 0px; padding:0 0 0 0px;}
#mainLeftWide table h3 {margin:0 0 0 0px; padding:0 0 0 0px;}
#mainLeftWide img.special {float:right; margin-left:25px;}

#mainLeftContact { margin-right:470px; text-align:justify; padding-left:0px; border:0px solid red; padding-top:40px; padding-bottom:20px; min-height:464px; height:auto; overflow:inherit;}
#mainRightContact {float:right; border:0px solid green; padding-top:100px; padding-left:30px; width:440px;}

#mainRightContact p.linehigh{line-height:25px;}

#wideGallery {text-align:justify; padding-left:0px; border:0px solid red; padding-top:40px; padding-bottom:20px; min-height:330px; height:auto; overflow:inherit; padding-right:20px;}

#mainLeftGallery {float:left; border:0px solid green; padding-top:0px; padding-left:0px; width:560px; margin-top:0px} 

#mainRightGallery { margin-left:510px; text-align:justify; padding-left:0px; border:0px solid red; padding-top:0px; padding-bottom:20px; min-height:264px; height:auto; overflow:inherit; margin-top:30px;}

#wideGallery h1.Profile {font-family: "Trebuchet MS"; color:#fff; font-size:27px; font-weight:normal; padding:0px; margin:0px; margin-bottom:20Px; background-image:url(../images/profileBg.jpg); padding-top:11px; padding-bottom:12px; padding-left:15px; background-repeat:no-repeat;  background-color:#014689; background-position:right;}

#mainGallery {text-align:justify; padding-left:0px; border:0px solid red; padding-top:40px; padding-bottom:20px; min-height:330px; height:auto; overflow:inherit; margin-top:60px;}

#galLinks{
clear:both;
text-align:center;
padding-bottom:10px;
}

#galLinks a{
font-size:13px;
} 

/****LANGUAGE FLAGS****/
#flags{
margin:0px;
padding:0px;
}

#flags li{
padding:0px;
margin:0px;
display:inline;
color:FFFFFF;
}

#flags li a{
padding:0px 2px 0px 2px;
color:FFFFFF;
}
/****LANGUAGE FLAGS****/