@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:#45a12b; line-height: 1.4em;}

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

.clear{clear:both;}

li {color:#9a7938; padding:0px; margin:0px;}
ul {color:#9a7938; padding:0px; margin:0px;}

#mainBody h1.Home {font-family: "Trebuchet MS"; color:#fff; font-size:27px; font-weight:normal; padding:0px; margin:0px; margin-bottom:20px; padding-top:12px; padding-bottom:12px; padding-left:15px; background-repeat:no-repeat; margin-top:10px;}

#mainLeft h1.Home {font-family: "Trebuchet MS"; color:#fff; font-size:27px; font-weight:normal; padding:0px; margin:0px; margin-bottom:20px; padding-top:12px; padding-bottom:12px; padding-left:15px; background-repeat:no-repeat; margin-top:10px;}

h2 {font-family: "Trebuchet MS"; color:#546d96; font-size:18px;font-weight:normal; padding:0px; margin:0px;}
h3 {font-family: "Trebuchet MS"; color:#546d96; 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 li {color:#9a7938; list-style-type:disc;}
#sitemap ul {color:#9a7938; list-style-type:disc;}

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

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

#date{float:left; width: 300px;  color:#FFFFFF;}
#links {margin-left:310px;  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;}

#conferenceHeader {border-top: 1px solid #004688; height:45px; background-color:#1f6aae; background-image:url(../images/topConBgTwo.jpg); background-repeat: repeat-x}
#homeHeader {border-top: 1px solid #004688; height:45px; background-color:#014687; background-repeat: repeat-x}

#conferenceHome {float:right; width: 500px; border:0px solid red; }

#homeButton {margin-right: 510px; border: 0px solid red; margin-top:11px; padding-bottom:5px; padding-left:15px;}

	#navigation {border:0px; width:950px; background-color:#448e22; border:0px solid red; height:36px;}
	
	#homeNavigation {margin: 0 0 0 20px; clear:both;}
	
	#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 li a {
		color: #fff;
		display: block;
		padding:10px 28px 10px 28px;
		
	}

	#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*/
	}

/*first, put the initial states in place*/

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

#liProfile a {

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

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

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

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

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

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

/*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:398px;    
height:auto !important;
height:330px;
/*background-color:#1f6aae;*/
background:#014687 url(../images/bodyBackgroundBlueHome.jpg);
font-size:13px;}

#mainLeft {float:left; width:480px; text-align:justify; padding-left:0px; border:0px solid green; padding-top:20px; padding-bottom:20px; min-height:190px;}
#mainRight {margin-left:490px; border:0px solid green; padding-top:80px; padding-left:30px; min-height:190px;}

#mainRight h1{ text-align:center; font-size:26px; color:#FFFFFF; font-style:italic; padding:25px; line-height:1.3em; font-weight:normal;}

#mainLeft h1.Profile {font-family: "Trebuchet MS"; color:#fff; font-size:22px; font-weight:normal; padding:0px; margin:0px; margin-bottom:20Px; padding-top:12px; padding-bottom:12px; padding-left:15px;}

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

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

#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;}

.thumbnail {
	float: left;
}      

.thumbnail img {
	border: 1px solid #fff;
border-width: 0 2px 0 2px;
}

.thumbnail img.left {
	border: 1px solid #fff;
border-width: 0 2px 0 0px;
}

.thumbnail img.right {
	border: 1px solid #fff;
border-width: 0 0px 0 2px;
width: 130px;
}
      
.thumbnail a
{
	font-size: 11px;
	font-weight: bold;
display: block;
width: 125px;
text-align: center;
height: 30px;
padding-top: 10px;
border: 1px solid #fff;
border-width: 0 2px 0 2px;
	color: #fff;
background: url(../images/home/bkgdcaption.jpg) bottom repeat-x;
/*opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}*/
}
.thumbnail a:hover {
/*opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;*/
background: url(../images/home/bkgdcaption2.jpg) bottom repeat-x;
}

.thumbnail a.home
{
float: left;
width: 126px;
text-align: center;
height: 30px;
padding-top: 10px;
border: 1px solid #fff;
border-width: 0 2px 0 4px;
	color: #fff;
background: url(../images/home/bkgdcaption.jpg) bottom repeat-x;	
}

.thumbnail a.home:hover {
/*opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;*/
background: url(../images/home/bkgdcaption2.jpg) bottom repeat-x;
}

.thumbnail a.conf
{
	font-size: 11px;
float: left;
width: 125px;
text-align: center;
height: 40px;
padding-top: 0px;
padding-bottom: 0px;
border: 1px solid #fff;
border-width: 0 2px 0 2px;
	color: #fff;
background: url(../images/home/bkgdcaption.jpg) bottom repeat-x;	
}   

.thumbnail a.conf:hover {
/*opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;*/
background: url(../images/home/bkgdcaption2.jpg) bottom repeat-x;
}

.thumbnail a.dest
{
	font-size: 11px;
float: left;
width: 125px;
text-align: center;
height: 30px;
padding-top: 10px;
padding-bottom: 0px;
border: 1px solid #fff;
border-width: 0 4px 0 2px;
	color: #fff;
background: url(../images/home/bkgdcaption.jpg) bottom repeat-x;	
}      

.thumbnail a.dest:hover {
/*opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;*/
background: url(../images/home/bkgdcaption2.jpg) bottom repeat-x;
}

.thumbnail a.frame
{
	font-size: 11px;
	font-weight: bold;
width: 125px;
text-align: center;
padding-top: 10px;
border: 1px solid #fff;
border-width: 0 2px 0 2px;
	color: #fff;
background: url(../images/home/bkgdcaption.jpg) bottom repeat-x;
/*opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}*/
}




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

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

#flags li a{
padding:0px 2px 0px 2px;
}

#flags li a img{
}
/****LANGUAGE FLAGS****/