/* Common CSS Styles across site */
/*
 * Get font sizes based on yui3 fonts percent
 * http://developer.yahoo.com/yui/3/cssfonts/
 *
 *
*/
html {
	overflow-y: scroll;
}
body {
	text-align: center;
	background-image:url(../images/page_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:auto;
}
h1 {
	margin: 0px 0px 15px 0px;
}
h2 {
	color: #022788;
	font-size: 28px;
	margin: .25em 0em;
}
h3 {
	color: #000000;
	font-size: 24px;
	margin: .25em 0em;
}
h4 {
	color: #000000;
	font-size: 17px;
	margin-bottom: 0px;
}
h5 {
	color: #79a4bf;
	font-size: 14px;
	margin-bottom: 0px;
}

/* 
-----------------------------------------------------------------------------
Links
-----------------------------------------------------------------------------*/
a:link, a:visited {
	color: #000099;
	text-decoration: none;
}
a:hover, a:active {
	color: #0033cc;
	text-decoration: underline;
}

/* 
-----------------------------------------------------------------------------
Layout
-----------------------------------------------------------------------------*/
#container {
	width: 960px;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	overflow: visible;
}
#header {
	width: 960px;
	height: 125px;
	background-image:url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	padding-top:15px;
	display:block;
	text-align: right;
}
#bodyWrapperHome {
	width: 960px;
	height: 378px;
	background-image:url(../images/content_bg_bottom.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
}
#bodyWrapper {
	width: 960px;
	min-height:600px;
 	height:auto !important;
  height:600px;
	background: #ffffff url(../images/content_bg_bottom.jpg) no-repeat bottom left;
	padding-bottom: 20px;
	margin: 0;
	display: block;
}
#container > #bodyWrapper {
	overflow: auto;
}
#wideContent {
	padding: 40px 160px 10px 50px;
	margin-bottom: 100px;
	background-color: #fff;
}
#right {
	width: 420px;
	float: right;
	padding: 40px 15px 10px 0px;
	display:block;
}
#rightHome {
	width: 435px;
	float: right;
	padding: 0;
	display:block;
	margin-top: 15px;
}
#left {
	float:left;
	width: 435px;
	padding: 40px 0px 10px 50px;
	display:block;
}
#leftHome {
	float:left;
	width: 435px;
	padding: 40px 15px 10px 50px;
}
#content {
	width: 420px;
	overflow: hidden;
}
#contentHome {
	width: 390px;
	overflow: show;
	position: relative;
	margin: 27px 0px 0px 16px;
}
#home_photo_overlay {
	position: absolute;
	top: -27px;
	left: -26px;
	z-index: 99;
}
#home_photos {
	overflow: hidden;
	width: 383px;
	height: 319px;
}
#sponsorBox {
	width: 960px;
	height: 135px;
	background-image: url(../images/sponsor_bg.jpg);
	display: block;
	background-repeat: no-repeat;
	clear: both;
}
#footer {
	background: url(../images/bottom_shadow.png) repeat-x top left;
	width: 940px;
	clear: both;
	margin: 0 auto 25px;
	padding: 21px 0 0 20px;
}
.slideLeft {
	margin-left: -43px;
	padding:0;
}
.socialButton {
	float:right;
	margin-right: 15px;
	margin-top: -6px;
}
.sloganPic {
	margin-left: 0;
}
.smallSloganRight {
	float: right;
}
#agendaTable {
	clear: both;
}
#agendaTable th, td {
	border: none;
	padding: 3px;
	margin: 0;
}
.clear {
	clear: both;
}
.photo_right {
	margin: -40px -15px 0px 0px ;
	float: right;
	overflow: hidden;
}
.content {
 clear: right;
}
.portrait {
	margin: 20px 20px;
	border: solid 3px #9DA0BF;
}
/* 
-----------------------------------------------------------------------------
Navigation Vertical
-----------------------------------------------------------------------------*/
/*#navigation {
	width: 100%;
}
#navigation ul {
	padding: 0px;
	margin: 0px;
}
#navigation li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#navigation li a {
	display: block;
	padding: 7px 9px;
	margin: 0px;
	background: #000000;
	font-size: 108%;
	color: #FFFFFF;
	text-decoration: none;
	_width: 1%;*/ /* Fix for ie6 */
	
/*}
#navigation li a:hover {
	color: #0086c5;
	text-decoration: none;
}*/

/* 
-----------------------------------------------------------------------------
Navigation Horizontal
-----------------------------------------------------------------------------*/
#navigation {
	width: 960px;
	height: 52px;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}
#navigation ul {
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}
#navigation li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}
#navigation li a {
	display: block;
	padding: 15px 24px 0;
	margin: 0px;
	/*background: #000000;*/
	font-size: 119%;
	color: #FFFFFF;
	text-decoration: none;
	height: 37px;
	_width: 1%; /* Fix for ie6 */
	white-space: nowrap;
}
#navigation li a:hover {
	color: #fff;
	background-image: url(../images/over_bg.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
}

/*
-----------------------------------------------------------------------------
Horizontal Sponsor scroll
-----------------------------------------------------------------------------*/
.sponsors {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	width: 930px;
	overflow: auto;/* Add scroll-bars */
	background: none;
	border: none;
	margin: 0px 0px 0px 15px;
	padding: 45px 0px 0px 0px;
}
.sponsors ul {
	display: block;
	width: 9500px; /* Max width here, for users without Javascript */
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.sponsors li {
	display: block;
	float: left;
	padding: 0px 10px;
	margin: 0px
}
.sponsors li.first, .sponsors li.last {
	width: 10px;
}
.sponsors a {
	display: block;
	text-decoration: none;
}
.sponsors a img {
	filter: alpha(opacity=50);
  opacity: 0.5;
}
.sponsors a:hover img {
  filter: alpha(opacity=100);
  opacity: 1.0;
}


/* 
-----------------------------------------------------------------------------
iSelect Promo
-----------------------------------------------------------------------------*/
#iselect_design {
	position: relative;
	color: #000099;
}
#iselect_design a, #iselect_design a:hover  {
	text-decoration: none;
}
#iselect_promo {
	display: none;
	position: absolute;
	width: 336px;
	height: 50px;
	top: -1.5em;
	left: -100px;
	z-index: 100;
	letter-spacing: -1000em;
	text-indent: -999em;
	overflow: hidden;
	background: url(http://www.iselect.net/images/iselect_footer.png) 0 0 no-repeat;
	opacity: 0.9;
	filter: alpha(opacity=90); /* for IE */
	cursor: pointer;
}