/*
	'EOMN' main stylesheet
*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
body {
	background: #666;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}
table tr td {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	vertical-align: top;
}
img, a img {
	border: 0;
}
.clearit:after { 
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}
.clearit { 
    min-height: 0; 
    height: 0; 
}
html>body .clearit { 
    height: auto; 
}
.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Header
---------------------------------------------------------------------------------------------------- */
#header {
	width: 967px;
	height: 83px;
	margin: 0 auto;
}

#header #logo {
	display: block;
	float: left;
	margin-top: 23px;
	position: relative;
}

/* =Main navigation
---------------------------------------------------------------------------------------------------- */
#main-nav {
	background: url('../images/wrapper/main-nav-bg.gif') 0 0 no-repeat;
	float: right;
	width: 677px;
	font-family: 'trebuchet ms', arial sans-serif;
	padding: 42px 0 0 0;
}
ul#menu {
	width: 714px;
	height: 20px;
}
ul#menu li a {
	display: block;
	height: 20px;
	color: #003366;
	font-size: 17px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 10000;
	text-align: left;
}
ul#menu li a:hover, ul#menu li a.active {
	color: #336600;
}
ul#menu li a.current {
	color: #336600;
}
ul#menu li a#about {
	width: 126px;
}
ul#menu li a#events {
	width: 172px;
}
ul#menu li a#signup {
	width: 86px;
}
ul#menu li a#resources {
	width: 118px;
}
ul#menu li a#news {
	width: 74px;
}
ul#menu li a#contact {
	width: 100px;
}
ul#menu li ul {
	background: #fff;
	width: 200px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	padding: 0;
	top: 20px;
}
ul#menu li ul li {
	line-height: 13px;
	border-bottom: 1px solid #333;
}
ul#menu li ul li a {
	background: none;
	color: #003366;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	width: auto;
	min-height: 13px;
	height: auto !important;
	height: 13px;
	text-indent: 0;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0;
	padding: 7px 10px 7px 10px;
} 
ul#menu li ul li a:hover {
	background: #003366;
	color: #fff;
}	
ul#menu li ul li ul {
	margin-left: 0;
	top: 10px;
}
ul#menu li ul li ul li a {
	background: #fff;
	color: #003366;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	width: auto;
	min-height: 13px;
	height: auto !important;
	height: 13px;
	text-indent: 0;
	text-decoration: none;
	text-transform: none;
	padding: 7px 10px 7px 10px;
} 
ul#menu li ul li ul li a:hover {
	background: #003366;
	color: #fff;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
	outline: 0;
}
/* Essential Styles - modify with caution */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em;
	z-index: 10000;
	display: none;
}
.sf-menu ul li {
	width: 100%;
}
.sf-menu li:hover {
	visibility: inherit; /* Fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* Match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 200px; /* Match ul width */
	top: 0;
}

/* RTL */
ul.sf-menu li.rtl li:hover ul, ul.sf-menu li.rtl li.sfHover ul {
	right: 200px; 
	left: auto;
}
ul.sf-menu li.rtl li li:hover ul, ul.sf-menu li.rtl li li.sfHover ul {
	right: 200px; 
	left: auto;
}
/* RTL */

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* Match ul width */
	top: 0;
}
.sf-sub-indicator { /* Use if needed */
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow: hidden;
}
/* Apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	margin: 0;
}
/* Main menu item styles */
#menu li.sfHover a, #menu li a.active {
	background-position: 0 -43px !important;
}

/* =Page header
--------------------------------------------------------------------------------------------------- */
#page-header {
	background: url('../images/wrapper/page-banner-header.jpg') 50% 0 no-repeat;
	height: 93px;
}
#page-header p {
	text-indent: -10000px;
}

/* =Layout
--------------------------------------------------------------------------------------------------- */
#wrapper {
	background: #fff;
	width: 100%;
}
#wrapper #main-wrap {
	background: url('../images/wrapper/main-wrap-bg.jpg') 0 0 no-repeat;
	width: 967px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 0 auto;
}
#main-wrap #main-content {
	float: left;
	width: 465px;
	padding: 10px 25px 20px 11px;
}
#main-wrap #left-column {
	background: url('../images/wrapper/left-col-divider.jpg') 100% 0 no-repeat;
	float: left;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	width: 194px;
	padding-top: 70px;
	position: relative;
}
#main-wrap #left-column .img-fluff {
	display: block;
	width: 138px;
	height: 124px;
	position: absolute;
	top: -73px;
	left: 6px;
}
#main-wrap #right-column {
	float: left;
	width: 254px;
	padding-top: 25px;
}
#main-wrap #main-content-no-sidebar {
	float: left;
	width: 710px;
	padding: 10px 25px 20px 11px;
}
#main-wrap #main-content #text-content, #main-wrap #main-content-no-sidebar #text-content {
	padding: 10px 0 10px 0;
}


/* =Layout homepage 
--------------------------------------------------------------------------------------------------- */
#home #wrapper #main-wrap {
	background: url('../images/wrapper/main-wrap-bg.jpg') 0 0 no-repeat;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}
#home #page-header-1 {
	background: url('../images/homepage-banner-1.jpg') 50% 0 no-repeat;
	height: 241px;
}

#home #page-header-2 {
	background: url('../images/homepage-banner-2.jpg') 50% 0 no-repeat;
	height: 241px;
}

#home #page-header-3 {
	background: url('../images/homepage-banner-3.jpg') 50% 0 no-repeat;
	height: 241px;
}

#home #page-header-4 {
	background: url('../images/homepage-banner-4.jpg') 50% 0 no-repeat;
	height: 241px;
}

#home #page-header-1 h1, #home #page-header-2 h1, #home #page-header-3 h1, #home #page-header-4 h1 {
	text-indent: -10000px;
}
#home #wrapper #main-wrap #left-col {
	float: left;
	width: 691px;
	padding-top: 20px;
}
#home #wrapper #main-wrap #left-col #intro {
	padding: 0 30px 0 24px;
}
#home #wrapper #main-wrap #left-col #intro .intro-text {
	float: left;
	width: 637px;
	color: #003366;
	font-size: 14px;
	line-height: 21px;
	padding-top: 5px;
}
#home #wrapper #main-wrap #left-col #announcements {
	width: 637px;
	font-size: 10px;
	margin-top: 10px;
	padding-top: 3px;
	margin-left: 24px;
	margin-bottom: 10px;
	border-top: 1px dotted #666;
}
#home #wrapper #main-wrap #left-col #announcements h2 {
	background: #e5e5e5;
	color: #003366;
	font-size: 13px;
	font-family: arial, sans-serif;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 12px;
	padding: 4px 5px 4px 5px;
}
#home #wrapper #main-wrap #left-col #announcements ul li {
	float: left;
	width: 210px;
	line-height: 14px;
}
#home #wrapper #main-wrap #left-col #announcements ul li .announcement-icon {
	display: block;
	float: left;
	width: 60px;
	padding-top: 2px;
}
#home #wrapper #main-wrap #left-col #announcements ul li .announcement-text {
	float: left;
	width: 140px;
	padding-right: 5px;
}
#home #wrapper #main-wrap #left-col #announcements ul li a {
	color: #003366;
	text-decoration: none;
}
#home #wrapper #main-wrap #left-col #announcements ul li a:hover {
	color: #336600;
}
#home #wrapper #main-wrap #left-col #intro .survey {
	float: right;
}
#home #wrapper #main-wrap #right-col {
	float: left;
	width: 254px;
	padding: 28px 0 0 0;
}
#home #wrapper #main-wrap #right-col #featured-items h3 {
	background: #e5e5e5;
	color: #003366;
	font-size: 13px;
	font-family: arial, sans-serif;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 6px;
	padding: 4px 5px 4px 5px;
}
#home #wrapper #main-wrap #right-col #featured-items li {
	padding: 3px 0 20px 0;
	border-top: 1px dotted #666;
}
#home #wrapper #main-wrap #right-col #featured-items li a {
	display: block;
	color: #000;
	font-size: 10px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	line-height: 14px;
	text-decoration: none;
	padding: 0 15px 0 50px;
}
#home #wrapper #main-wrap #right-col #featured-items li a:hover {
	color: #003366;
}
#home #wrapper #main-wrap #right-col #featured-items li a.calendar {
	background: url('../images/icon-calendar-home.jpg') 0 4px no-repeat;
}
#home #wrapper #main-wrap #right-col #featured-items li a.survey {
	background: url('../images/icon-survey-home.jpg') 0 4px no-repeat;
}
#home #wrapper #main-wrap #right-col #featured-items li a.signup {
	background: url('../images/icon-email-updates-home.jpg') 0 4px no-repeat;
}

/* =Breadcrumb 
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	color: #333;
	font-size: 12px;
}
#breadcrumb a {
	color: #333;
}
#breadcrumb a:hover {
	color: #336600;
}

/* =Left navigation
--------------------------------------------------------------------------------------------------- */
#left-nav {
	padding: 0 15px 0 24px;
}
#left-nav li {
	color: #003366;
	margin-bottom: 15px;
	line-height: 16px;
}
#left-nav li li {
	color: #003366;
	margin-bottom: 0;
}
#left-nav li a { 
	color: #003366;
	font-weight: bold;
	text-decoration: none;
}
#left-nav li a:hover, #left-nav li a.active { 
	color: #336600;
}
#left-nav li li a { 
	font-weight: normal;
}

/* =Content navigation
---------------------------------------------------------------------------------------------------- */
#main-wrap #right-column ul.content-navigation {
	color: #666;
	font-size: 12px;
}
#main-wrap #right-column ul.content-navigation li {
	line-height: 14px;
}
#main-wrap #right-column ul.content-navigation li a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#main-wrap #right-column ul.content-navigation li li a {
	font-weight: normal;
}
#main-wrap #right-column ul.content-navigation li a:hover {
	color: #003366;
}

/* =Sub content
---------------------------------------------------------------------------------------------------- */
#main-wrap #right-column .sub-content {
	padding: 6px 0 12px 0;
	margin-bottom: 10px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}
#main-wrap #right-column .sub-content h3 {
	background: #e5e5e5;
	color: #003366;
	font-size: 13px;
	font-family: arial, sans-serif;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 4px 5px 4px 5px;
}
#main-wrap #right-column .sub-content p, #main-wrap #right-column p {
	font-size: 11px !important;
	font-family: arial, sans-serif;
	line-height: 14px;
	/*text-transform: uppercase;*/
	margin-bottom: 10px;
}
#main-wrap #right-column .sub-content ul {
	font-size: 11px !important;
	font-family: arial, sans-serif;
	line-height: 14px;
	/*text-transform: uppercase;*/
	padding: 4px 0 4px 32px;
}
#main-wrap #right-column .sub-content ul li {
	list-style-type: square;
}
#main-wrap #right-column .caption {
	padding: 4px 4px 4px 12px;
}



/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link, a:focus{
	outline: none;
	color: #000;
}
a:hover {
	outline: none;
	color: #336600;
}
a.calendar {
	background: url('../images/icon-calendar.jpg') 0 4px no-repeat;
	display: block;
	color: #000;
	font-size: 11px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	line-height: 14px;
	text-decoration: none;
	padding: 0 15px 0 50px;
}
a.calendar:hover {
	color: #003366;
}

/* =Lists
--------------------------------------------------------------------------------------------------- */
#main-content #text-content li, #main-content-no-sidebar #text-content li {
	color: #003366;
	font-size: 12px;
	line-height: 16px;
}
#main-content #text-content ul, #main-content-no-sidebar #text-content ul {
	margin: 15px 0 15px 24px;
}
#main-content #text-content ul li, #main-content-no-sidebar #text-content ul li {
	list-style: square;
	padding: 0 0 2px 0;
} 
#main-content #text-content ol, #main-content-no-sidebar #text-content ol {
	list-style: decimal;
	margin: 15px 0 15px 32px;
}
#main-content #text-content ol li, #main-content-no-sidebar #text-content ol li {
	color: #003366;
	list-style: decimal;
	padding: 0 0 2px 0;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#text-content {
	color: #003366;
}
#text-content p {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 17px 0
}
#text-content h1 {
	color: #336600;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 8px 0;
}
#text-content h2 {
	color: #666666;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#text-content h3, #text-content-no-sidebar h3 {
	color: #336600;
	font-size: 14px;
	font-weight: bold;
	margin: 6px 0 10px 0;
}

/* =Sponsors
---------------------------------------------------------------------------------------------------- */
#sponsors {
	background: #e5e5e5;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	border-top: 1px dotted #666;
}
#sponsors #sponsors-inner {
	width: 943px;
	font-size: 11px;
	color: #333;
	margin: 0 auto;
	padding: 12px 0 12px 24px;
}
#sponsors #sponsors-inner p strong {
	color: #003366;
}	
#sponsors #sponsors-inner .sponsor-logos li {
	float: left;
	padding: 12px 80px 0 0;
}
#sponsors #sponsors-inner .sponsor-logos li.last {
	padding-right: 0;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: #666;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	clear: both;
}
#footer #footer-inner {
	width: 943px;
	color: #fff;
	font-family: arial, sans-serif;
	margin: 0 auto;
	padding: 0 0 0 24px;
}
#footer #footer-inner p {
	float: left;
	line-height: 15px;
}
#footer #footer-inner p.contact {
	padding: 0 20px 0 35px;
}
#footer #footer-inner p.contact, #footer #footer-inner p.links {
	padding-top: 10px;
}
#footer #footer-inner p.share {
	padding-top: 5px;
	float: right;
}
#footer #footer-inner p.share img {
	display: block;
	padding-top: 10px;
}
#footer #footer-inner a {
	color: #fff;
	text-decoration: none;
}
#footer #footer-inner a:hover {
	color: #ddd;
}

/* =Misc.
---------------------------------------------------------------------------------------------------- */ 

.data
{
	margin-bottom: 15px;
	border-top: 1px solid #003366;
	border-right: 1px solid #003366;
}

.data th
{
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	padding: 3px 2px 5px 5px;
	background-color: #e5e5e5;
	color: #003366;
	font-size: 12px;
	text-align: left;
}

.data td
{
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
	padding: 6px 5px 5px 5px;
	font-size: 12px;
}

.data td.odd
{
	background-color: #e5e5e5;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */

fieldset {
	padding: 4px 4px 4px 12px;
	border: 1px solid #003366;
}

input, textarea {
	border: 1px solid #003366;
	padding: 4px 0 4px 2px;
	margin: 2px 0 10px 0;
	width: 95%;
}

select {
	border: 1px solid #003366;
	width: 95%;
	margin: 2px 0 10px 0;
}

.validation
{
	color: #FF0000;
}

/* =Misc Icons
---------------------------------------------------------------------------------------------------- */
.pdf {
	background: #FFFFFF url('../images/icon-pdf.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

.doc {
	background: #FFFFFF url('../images/icon-doc.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 22px;
}

.xls {
	background: #FFFFFF url('../images/icon-xls.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}

.ppt {
	background: #FFFFFF url('../images/icon-ppt.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}
.link {
	background: #FFFFFF url('../images/icon-link.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}
.video {
	background: #FFFFFF url('../images/icon-video.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}
.jpg {
	background: #FFFFFF url('../images/icon-jpg.gif') 0 0 no-repeat;
	_height: 16px;
	line-height: 16px;
	min-height: 16px;
	margin-bottom: 12px;
	padding-left: 20px;
}