@charset "utf-8";
/* CSS Document */

/** COLORS */
/** Green: #339933, Blue: #45b5f5, Orange: #ffb933*/   

* {
	margin: 0;
	padding: 0;
}

a {
   outline: none;
}

html, body {       
	height: 100%; 
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url(../images/top-gradient.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}


body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em;
}

h1 {
	font-size: 1.75em; 
	font-weight: bold;
	color: #339933;
	text-align: left;
	margin-bottom: .5em;
}

h2 {
	font-size: 1em;
	color: #45b5f5;
	margin-bottom: .25em;
	padding: 0px 0px 5px 0px;
}

h3 {
	font-size: 1em;
	color: #ffb933;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: .5em;
}


h4 {
	font-size: .9em;
	color: #666666;
	margin-bottom: .5em;
	line-height: 135%;
	text-align: left;
	font-weight: normal;
}

h5 {
	font-size: 1em;
	color: #ffb933;
	font-weight: bold;
}

h6 {
	font-size: 1.2em;
	color: #ffb933;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: .5em;
}



p {
	font-size: .88em;
	margin-bottom: 1em;
	line-height: 135%;
	text-align: left;
	color: #666666;
}

a:link {
	color: #45b5f5;
	text-decoration: underline;
}
a:visited {
	color: #339933;
	text-decoration: underline;
}

a:hover {
	color: #ffb933;
	text-decoration: underline;
}

a:active {
	color: #ffcc00;
	text-decoration: underline;
}


ul, ol {
	font-size: 0.8em;
	margin-left: 2em;
	color: #339933;
	line-height: 160%;
}

ul span, ol span {
	color: #333;
}

.style1 {
	color: #666666;
	font-size: 0.9em;
	line-height: 130%;
	font-style: normal;
	font-weight: normal;
}

.style2 {
	color: #666666;
	font-size: 1em;
	line-height: 120%;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 1em;
}



/** HEADER */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px;
 }

#header {
	width: 100%;
	margin: 0 auto;
	height: 215px;
}

#header .img {
	width: 980px;
	height:	247px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	position: relative;
	background: url(../images/header.jpg);
}


/** MENU */

#menu {
	font-weight: bold;
	background: url(../images/menu2.gif) bottom repeat-x;
	height:46px;
	border-right:1px solid 99cc99;
	border-left:1px solid 99cc99;
	border-top:0px solid #ffffff;
	margin-top:123px;
}

#menu ul {
	float:right;
	list-style: none;
	margin:0;
	padding:0;
	border-right:1px solid #99cc99;
}

#menu li {
	margin:0px;
	float:right;
	display: inline;

}

#menu a {
	padding: 2px 15px 0px 15px; 
	margin:1px 0px; 
	display:block; 
	font-size: 13px; 
	line-height:42px; 
	border-right:1px solid #99cc99; 
	border-left:1px solid 99cc99; 
	border-bottom:0px solid #cdc6c0; 
	text-transform: uppercase; 
	color:#ffffff;
	text-decoration:none;
}
	
	
#menu a:hover {
	background: url(../images/menu-over.gif);
	color: #ccffcc;

}


#menu a:active, #menu a.selected {
	background: url(../images/menu-over.gif);
	color: #ccffcc;
}


	
/** MAIN CONTENT */

#content {
	width: 980px;
	margin: 0 auto;
	padding: 40px 0px 0px 0px;
	padding-bottom: 90px;

}

#main {
	float: left;
	width: 625px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 145px;
}

#main .sponsors {
	display: block;
	float: left;
	width: 120px;
	margin: 0 auto;
	padding: 65px 0px 0px 0px;
	text-align: center;
}

#main .sponsors2 {
	display: block;
	float: left;
	width: 305px;
	height: 30px;
	margin: 0 auto;
	padding: 15px 5px 5px 0px;
	vertical-align: middle;
}


#main .sponsors-logo {
	display: block;
	float: left;
	width: 75px;
	height: 55px;
	margin: 0 auto;
	padding: 0px 5px 0px 5px;
	text-align: center;
	background-position: center;
	vertical-align: middle;
}

#main .sponsors-logo2 {
	display: block;
	float: left;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	padding: 0px 15px 0px 5px;
	text-align: center;
	background-position: center;
	vertical-align: middle;
}

#main .center {
	display: block;
	float: left;
	width: 400px;
	margin: 0 auto;
	padding: 0px 0px 0px 150px;
	text-align: left;
}

#main .register-text {
	display: block;
	float: left;
	margin: 0 auto;
	padding: 5px 15px 0px 0px;
	text-align: left;
}

#main .register-text2 {
	width: 300px;
	float: left;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}

#main .register-icon {
	display: block;
	margin: 0 auto;
	float: left;
	padding: 0px 106px 0px 106px;
	text-align: center;
}

#speakers {
	float: left;
	width: 750px;
	padding-top: 15px;
	padding-right: 0px;
	padding-left: 50px;
}

#speakers .speaker-pic {
	display: block;
	margin: 0 auto;
	float: left;
	padding: 5px;
	text-align: center;
	width: 150px;
	background-color: #FFFFFF;
	border: #CCCCCC solid 1px;
	margin-right: 10px;
	margin-bottom: 50px;
	
}

#speakers .speaker-text {
	display: block;
	margin: 0 auto;
	float: left;
	padding: 0px 0px 5px 15px;
	text-align: left;
	width: 500px;
	position: relative;
	margin-bottom: 25px;
	border-bottom: #999999 solid 1px;
}


/** SIDEBAR */

#sidebar {
	float: right;
	position: top;
	width: 122px;
	padding: 0px 0px 0px 25px;
	margin: 0 auto;
}

/** REGISTER SIDEBAR */

a.register {
	margin: 0 auto;
	padding: 0 auto;
	float: right;
	position: top;
}

a.rollover { 
   	display: block; 
   	margin: 0 auto;
	padding: 0 auto;
	width: 122px; 
   	height: 156px; 
   	text-decoration: none;
   	outline: none; 
   	background: url("../images/register-ban.gif"); 
} 

a.rollover:hover { 
   background-position: 0 -155px ; 
   outline: none;
} 

/** REGISTER SIDEBAR2 */

a.register2 {
	margin: 0 auto;
	padding: 0 auto;
	float: right;
	position: top;
}

a.rollover6 { 
   	display: block; 
   	margin: 0 auto;
	padding: 0 auto;
	width: 88px; 
   	height: 112px; 
   	text-decoration: none;
   	outline: none; 
   	background: url("../images/register-ban-sm.gif"); 
} 

a.rollover6:hover { 
   background-position: 0 -112px ; 
   outline: none;
} 

/** FAQ SIDEBAR */

a.faq {
	margin: 0 auto;
	padding: 0 auto;
	float: right;
	position: top;
}


a.rollover2 { 
   display: block; 
   	margin: 0 auto;
	padding: 0 auto;
	width: 122px; 
   height: 156px; 
   text-decoration: none;
   outline: none; 
   background: url("../images/faq-ban.gif"); 
   margin-top: 25px;
} 

a.rollover2:hover { 
   background-position: 0 -155px ; 
   outline: none;
}

/** FAQ SIDEBAR2 */

a.faq2 {
	margin: 0 auto;
	padding: 0 auto;
	float: right;
	position: top;
}


a.rollover4 { 
   display: block; 
   	margin: 0 auto;
	padding: 0 auto;
	width: 88px; 
   height: 112px; 
   text-decoration: none;
   outline: none; 
   background: url("../images/faq-ban-sm.gif"); 
   margin-top: 25px;
} 

a.rollover4:hover { 
   background-position: 0 -112px ; 
   outline: none;
}


/** CEU SIDEBAR */

a.ceu {
	margin: 0 auto;
	padding: 0 auto;
	float: right;
	position: top;
}


a.rollover3 { 
   display: block; 
   	margin: 0 auto;
	padding: 0 auto;
	width: 122px; 
   height: 156px; 
   text-decoration: none;
   outline: none; 
   background: url("../images/ceu-ban.gif"); 
   margin-top: 25px;
} 

a.rollover3:hover { 
   background-position: 0 -155px ; 
   outline: none;
}

/** CEU SIDEBAR2 */

a.ceu2 {
	margin: 0 auto;
	padding: 0 auto;
	float: right;
	position: top;
}


a.rollover5 { 
   display: block; 
   	margin: 0 auto;
	padding: 0 auto;
	width: 88px; 
   height: 112px; 
   text-decoration: none;
   outline: none; 
   background: url("../images/ceu-ban-sm.gif"); 
   margin-top: 25px;
} 

a.rollover5:hover { 
   background-position: 0 -112px ; 
   outline: none;
}

 
/** FOOTER */

#footer {
	height: 90px;
	background-repeat: repeat-x;
	background-image: url(../images/bottom-gradient.gif);
	background-position: center bottom;
	overflow: hidden;
	margin: 0; 
	position: relative;
}

#footer p {
	padding-top: 35px;
	text-align: center;
	color: #339933;
	font: 12px "Arial", Helvetica, sans-serif;
}

.clearfooter {   
	clear: both;  
}