/* --------------------------------
 SSEB Website - www.sseb.org
 Written by nuSpace Media
 www.nuspacemedia.com
-------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #eaeaea url(../images/bckgrnd.gif) top repeat-y;
}

a {
	color: #009;
}

img {
	border: 0;
}

.clr {
	clear: both;
}

.attn {
	color: #F00;
}


/* --------------------------------
 Header 
-------------------------------- */

#ssebheader {
	background: url(../images/bckgrnd-header.gif) top repeat-x;
	height: 202px;
}

#ssebheaderinner {
	width: 960px;
	margin: 0 auto;
	background: url(../images/transcending-boundaries.gif) 23px 72px no-repeat;
	height: 155px;
}

#sseblogo {
	padding-left: 360px;
	width: 240px;
	float: left;
	height: 155px;
}


/* --------------------------------
 Containers
-------------------------------- */

#ssebmain {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
}


/* --------------------------------
 Navigation
-------------------------------- */

#ssebmainnav {
	width: 960px;
	margin: 0 auto;
}

#ssebmainnav ul li {
	display: block;
	float: left;
	list-style-type: none;
}

#ssebmainnav ul li a {
	display: block;
	text-indent: -999em;
	height: 43px;
}

#navhome a {
	width: 59px;
	background: url(../images/nav-home.gif) 0 0 no-repeat;
}

#navhome a:hover {
	background: url(../images/nav-home.gif) 0 -43px no-repeat;
}

#navabout a {
	width: 101px;
	background: url(../images/nav-about.gif) 0 0 no-repeat;
}

#navabout a:hover {
	background: url(../images/nav-about.gif) 0 -43px no-repeat;
}

#navprograms a {
	width: 110px;
	background: url(../images/nav-programs.gif) 0 0 no-repeat;
}

#navprograms a:hover {
	background: url(../images/nav-programs.gif) 0 -43px no-repeat;
}

#navmembers a {
	width: 95px;
	background: url(../images/nav-members.gif) 0 0 no-repeat;
}

#navmembers a:hover {;
	background: url(../images/nav-members.gif) 0 -43px no-repeat;
}

#navnews a {
	width: 157px;
	background: url(../images/nav-news.gif) 0 0 no-repeat;
}

#navnews a:hover {
	background: url(../images/nav-news.gif) 0 -43px no-repeat;
}

#navreference a {
	width: 113px;
	background: url(../images/nav-reference.gif) 0 0 no-repeat;
}

#navreference a:hover {
	background: url(../images/nav-reference.gif) 0 -43px no-repeat;
}

#navcontact a {
	width: 124px;
	background: url(../images/nav-contact.gif) 0 0 no-repeat;
}

#navcontact a:hover {
	background: url(../images/nav-contact.gif) 0 -43px no-repeat;
}

/* Dropdowns */

#nav li ul { /* second-level lists */
	position: absolute;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
 
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li {
	height: 34px;
	border-bottom: #CCC 1px solid;
}

#nav li ul a {
	background: #00366f;
	text-indent: 0;
	padding: 10px 15px;
	color: #FFF;
	height: 14px;
	text-decoration: none;
	width: 150px;
}

#nav li ul a:hover {
	background: #666;
	color: #FFF;
}



/* --------------------------------
 Homepage
-------------------------------- */

#homebanner {
	margin-bottom: 10px;
	background: url(../images/banner-home.jpg) no-repeat 0 0;
	height: 256px;
	border: #39762f 4px solid;
}

#ssebhomeflash {
	float: left;
	width: 403px;
}

#seebhomebuttons {
	width: 526px;
	float: right;
	padding-top: 186px;
}

#homebanner img {
	padding-right: 5px;
}

#homebanner h2 {
	display: none;
}

#homeitemcontainer {
	border: #CCC 1px solid;
	height: 265px;
}

.homeitem1, .homeitem2 {
	width: 259px;
	height: 195px;
	float: left;
	border-right: #CCC 1px solid; 
	padding: 70px 30px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.homeitem3 {
	width: 318px;
	height: 265px;
	float: left;
}

.homeitem1 {
	line-height: 20px;
	background: url(../images/header-home-about.gif) no-repeat 20px 14px;
}

.homeitem2 {
	line-height: 16px;
	background: url(../images/header-home-news.gif) no-repeat 20px 14px;
}

.homeitem2 p {
	margin-bottom: 10px;
}

.homeitem1 h2, .homeitem2 h2 {
	display: none;
}

.homeitemdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}


/* --------------------------------
 Content
-------------------------------- */

#ssebcontent {
	float: left;
	width: 595px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 16px 0 0 22px;
}

#ssebcontent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #00366f;
	margin-bottom: 10px;
	line-height: 30px;
	border-bottom: #CCC 1px solid;
	padding-bottom: 5px;
}

#ssebcontent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00366f;
	margin-bottom: 5px;
	line-height: 20px;
}

#ssebcontent p {
	margin-bottom: 15px;
}

#ssebcontent ul {
	margin: 0 0 15px 35px;
}

#ssebcontent ol {
	margin: 0 0 15px 17px;
}

#ssebcontent ol ol {
	margin: 0 0 15px 35px;
}

.ssebbiophoto {
	width: 150px;
	float: right;
	padding: 0 0 15px 15px;
}

.ssebphoto {
	width: 250px;
	float: left;
	padding: 0 15px 15px 0;
}

.ssebregister {
	width: 92px;
	float: right;
	padding: 0 0 15px 15px;
}

#ssebsidebar {
	float: right;
	width: 265px;
	background: #dedede;
	padding: 20px 20px 10px 20px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}

#ssebsidebar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #39762f;
	margin-bottom: 10px;
}

#ssebsidebar p {
	margin-bottom: 15px;
	line-height: 18px;
}

#ssebsidebar ul {
	margin: 0 0 15px 15px;
}

.ssebsidebarphoto {
	width: 265px;
	margin-bottom: 15px;
}

.ssebsidebarphoto img {
	padding: 0 0 5px 0;
}

.ssebsponsorlogos {
	background: #FFFFFF;
	padding: 20px;
	text-align: center;
	margin-bottom: 15px;
}

.ssebspeakers {
	width: 100px;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 15px;
	padding-right: 15px;
	float: left;
}

.ssebspeakers img {
	padding: 2px;
	border: 1px solid #00366f;
}

.map {
	border: 1px solid #CCCCCC;
	width: 575px;
	height: 350px;
	margin-bottom: 20px;
}


/* --------------------------------
 Footer
-------------------------------- */

#ssebfooter {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	padding-top: 30px;
	line-height: 18px;
}

#ssebfooter p {
	margin-bottom: 8px;
}

#ssebfooterstates {
	border-top: #00366f solid 1px;
	padding-top: 8px;
}

#ssebfooterstates a {
	text-decoration: none;
	color: #000;
}

#ssebfooterstates a:hover {
	text-decoration: underline;
}