/*
------------------------------------------------------------------------
Template Name: RSA
Author: Robert Hall
Author URI: http://www.ifactory.com/
Updated: Friday, May 8 2009
Copyright: (c) 2009 iFactory, All rights reserved.
------------------------------------------------------------------------
*/


/***** body and font definitions *****/

.clear { clear:both;}

*{ outline: none;}
html { background: #e6e6e6 url(../images/bg.jpg) repeat-x left 23px; }
body {
	background: #e6e6e6 url(../images/bg.jpg) repeat-x left 23px;
	font-size: 12px;
	font-family: Arial,Helvetica,Tahoma,sans-serif;
	color: #3b3b3b;
	padding: 0;
	margin: 0;
	text-align:center; /* this is an IE friendly site */
}
a { color: #96B7FA; text-decoration: none; }
a:hover { text-decoration: underline; }
#mainContent input, #mainContent select {
	border: 1px solid #a7a7a7;
	height: 16px;
	padding: 3px;
}
#mainContent select { height: 18px; }
table {
	border: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: .8em;
	margin: 0 0 1em 1px;
}
table caption {
	color: #3b3b3b;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
}
table th, td {
	border: 1px solid #999;
	padding: 0 3px;
}
table tr.even {
	background-color: #ccc;
}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

fieldset {
	border: 0;
}

/***** site layout *****/


#allWrapper {
	position: relative;
}
#headerBarWrapper {
	background-color: #333;
	text-align: center;
	color: #666;
	font-weight: bold;
}
#headerBar {
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	width: 79.167em; /* = 950px w/ base font 12px @ http://pxtoem.com/ */
	height: 1.917em; /* 23px */
}
#contentWrapper {
	clear:both;
	position:relative;
	overflow:hidden;
	background-color: #fff;
	margin:	0 auto;
	text-align:left; /* this is an IE friendly site */
	width: 79.167em; /* = 950px w/ base font 12px @ http://pxtoem.com/ */
	z-index: 0;
}
#header {
	display: inline;
	height: 5.833em; /* 70px */
	background-color: #fff;
}
.eventTypical #header {
	height: 326px;
}
#mainBody {
	margin: 8.333em 4.167em 4.167em; /* 100px 50px 50px */
	overflow:hidden;
}
#backgroundAttach { 
	background: #FFFFFF url(../images/bg2.gif) repeat-y scroll left top;
}
#columnWrapper {
	overflow: hidden;
	background: transparent url(../images/columnonebg.jpg) no-repeat left top;
	clear:both;
	width:950px;
}
#columnWrapper #mainBody {
	float: left;
	width: 465px;
	margin: 32px 22px;
	overflow:hidden;
}
#columnOne {
	clear: both;
	float: left;
	width: 205px;
	padding-bottom: 22px;
	overflow: hidden;
}
#columnTwo {
	float: right;
	width: 236px;
	background-color: #e0eafd;
	padding-bottom: 22px;
	overflow: hidden;
}
#footerWrapper {
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	background-color: #7397e2;
	position: relative;
	clear:both;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	width: 79.167em; /* = 950px w/ base font 12px @ http://pxtoem.com/ */
	height: 110px; /* 68px */
}

#footer {
}
#sponsors{
	position: relative;
	clear:both;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 3px;
	margin-bottom: 3px;
	width: 79.167em;
	height: 82px;
	background-color:#ffffff;
}
#sponsors #sponsorBox1{
	background: url(../images/sponsor1.jpg) no-repeat;
}
#sponsors #sponsorBox2{
	background: url(../images/sponsor2.jpg) no-repeat;
}
#sponsors .box{
	float: left;
	margin: 2em 0 0 3.6em;
	width: 136px;
	height:120px;
	cursor: hand;
	cursor: pointer;
}


/***** header bar and header elements *****/


#headerBarWrapper li { list-style: none; }
#headerLogo {
	position: absolute;
	top: 34px;
	left: 0;
	border: 0;
}
#searchForm {
	position: absolute;
	top:46px;
	right: 0;
	height: 23px;
	width: 242px;
}
#searchForm legend{ display:none; }
#searchForm #searchInput {
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #d5d5d5;
	background: transparent url(../images/searchinputbg.gif) no-repeat left top;
	height: 13px;
	width: 171px;
	color: #999;
	padding: 4px 3px;
	text-align: right;
}
#searchForm #searchBtn {
	position: absolute;
	top: 0;
	right: 0;
}
#banner {
	height: 114px;
	background: transparent url(../images/banner.jpg) no-repeat left top;
}


/***** navigation *****/


#utilityNav, #accountNav {
	margin: 4px 0 0;
	font-size: 0.917em; /* 11px */
}
#headerBar li {
	float: left;
}
#headerBar li a {
	margin-left: 5px;
	text-decoration: none;
}
#utilityNav { float: left;  }
#utilityNav li a { color: #ccc; }
#accountNav { float: right;}
#accountNav li a { color: #96b7fa; }
#accountNav li span { color: #fff; }
#accountNav li {
	position: relative;
	height: 22px;
	padding: 0px 3px 0 0;
	background: transparent url(../images/accountNavborder.gif) no-repeat left top;
}
#accountNav li.current {
	background: transparent url(../images/accountNavbg.gif) no-repeat left top;
}
#accountNav li.pull {
	background: transparent url(../images/darr.gif) no-repeat 100% 25%;
}
#accountNav li.pull  a{
	padding-right: 10px;
}
#accountNav li a {
	padding-right: 3px;
}
#accountNav li a:hover {
}
#accountNav li.current a {
	color: #fff;
}
#accountNav li ul {
	position: absolute;
	left: -999em;
	width: 124px;
	z-index: 100;
	height: auto;
	margin: 5px 0 0 -5px;
	background: #5b7cc5;
}
#accountNav li ul li {
	float: left;
	border: none;
	margin: 0;
	padding: 0;
	width: 100px;
/*	_width: 175px;*/
	height: auto;
	overflow: visible;
	background-image: none;
}
#accountNav li ul li a {
	padding: 5px;
	background-image: none;
}
#accountNav li:hover, #accountNav li.hover { position: static; }
#accountNav li:hover ul, #accountNav li.sfhover ul { left: auto; }
#accountNav li:hover,
#accountNav li.sfhover {
	/*background-image: url(../images/accountNavbg.gif);*/
}
#accountNav li:hover a,
#accountNav li.sfhover a {
	color: #fff;
	text-decoration: none;
	/*background-image: url(../images/accountNavbulletcurrent.gif);*/
}
#accountNav li ul li:hover a,
#accountNav li ul li.sfhover a {
	color: #ffd848;
	text-decoration: underline;
}
#accountNav { display:table; }
#accountNav li { display:table-cell; }

/*\*//*/
#accountNav {display:block;}
#accountNav li {display:inline-block;width:19.5%;} 
/**/

#accountNav li:hover ul li:hover a, #accountNav li:hover ul li a, #accountNav li.sfhover ul li.sfhover a, #accountNav li.sfhover ul li a {
	background: transparent url() top left no-repeat;
	background-image: none;
	display: block;
	padding-top: .5em;
}

#accountNav li a ul li a, #accountNav li ul li a {
	background: transparent url() top left no-repeat;
	font-size: 1em;
	background-image: none;
}

#header li, #columnOne li { list-style: none; }
#navigation {
	height: 41px;
	width: 79.167em; /* 950px */
	border-bottom: 5px solid #7195e0;
	margin: 96px 0 0 0;
	/*background: transparent url(../images/navigationborder.gif) no-repeat right top;*/
}
#navigation li {
	position: relative;
	font-weight: bold;
	height:28px;
	padding:13px 16px 0 30px;
	background: transparent url(../images/navigationborder.gif) no-repeat left top;
}
#navigation li.current {
	background: transparent url(../images/navigationbg.gif) no-repeat left top;
}
#navigation li a {
	color: #496eb9;
	font-size: 1.29em;
	background: transparent url(../images/navigationbullet.gif) no-repeat right center;
	padding-right:14px;
}
#navigation li a:hover {
}
#navigation li.current a {
	color: #fff;
	background-image: url(../images/navigationbulletcurrent.gif);
}
#navigation li ul {
	position: absolute;
	left: -999em;
	width: 184px;
	z-index: 100;	
	height: auto;
	margin: 8px 0 0 -30px;
	background: #5b7cc5;
}
#navigation li ul li {
	float: left;
	border: none;
	margin: 0;
	padding:0;
	width: 132px;
/*	_width: 175px;*/
	height:auto;
	overflow: visible;
	background-image: none;
	padding-left: 26px;
	padding-right: 26px;
}
#navigation li ul li a {
	padding: 5px;
	background-image: none;
}

#navigation li:hover, #navigation li.hover { position: static; }
#navigation li:hover ul, #navigation li.sfhover ul { left: auto; }
#navigation li:hover,
#navigation li.sfhover {
	background-image: url(../images/navigationbg.gif);
}
#navigation li:hover a,
#navigation li.sfhover a {
	color: #fff;
	text-decoration: none;
	background-image: url(../images/navigationbulletcurrent.gif);
}

#navigation { width:100%; }
#navigation { display:table; }
#navigation li { display:table-cell; }
/*\*//*/
#navigation {display:block;}
#navigation li {display:inline-block;width:19.5%;} 
/**/

#navigation li:hover ul li:hover a, #navigation li:hover ul li a, #navigation li.sfhover ul li.sfhover a, #navigation li.sfhover ul li a {
	background: transparent url() top left no-repeat;
	background-image: none;
	display: block;
	padding-top: .5em;
}

#navigation li a ul li a, #navigation li ul li a {
	background: transparent url() top left no-repeat;
	font-size: 1em;
	background-image: none;
}

#secondNav { margin: 20px 0 0; }
#secondNav li {
	padding-top: 11px;
	clear: both;
	overflow: hidden;
}
#secondNav li.current {
	border-left: 5px solid #7195e0;
}
#secondNav li a {
	display: block;
	background: transparent url(../images/secondnavbg.gif) no-repeat 0 4px;
	margin: 0 8px;
	color: #333;
	font-size: 1.167em; /* 14px */
	font-weight: bold;
	padding-left: 8px;
	padding-bottom: 5px;
}
#secondNav li a.twoline {
	display: block;
	background: transparent url(../images/secondnavbg2.gif) no-repeat 0 4px;
	margin: 0 12px;
	color: #333;
	font-size: 1.167em; /* 14px */
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 10px;
}
#secondNav li a:hover { text-decoration: none; color: #496eb9;
 }
#secondNav li.current a {
	background: none;
	margin: 0 10px 0 10px;
	padding: 0;
}

#secondNav li ul {
	margin: 0;
	padding: 4px 0 10px;
	display: none;
}
#secondNav li.current ul {
	display: inline;
}
#secondNav li ul {
	margin: 0;
	padding: 4px 0 10px;
}
#secondNav li ul li {
	padding: 0;
}
#secondNav li ul li.current {
	border: 0;
}
#secondNav li ul li a, #secondNav li.current ul li a {
	background: none;
	margin: 2px 22px 0;
	color: #999;
	font-size: 1em;
	padding:1px 5px 0;
	float: left;
}
#secondNav li ul li a:hover, #secondNav li ul li.current a {
	color: #363636;
	text-decoration: none;
	background-color: #ffcc33;
}


/***** main content elements *****/


#mainBody #breadcrumb { line-height: 1.5em; font-weight: bold; }
#mainBody #breadcrumb a { color: #333; margin: 0 4px; }
#mainBody #breadcrumb a.section { margin: 0 4px 0 0; }
#mainBody #breadcrumb span.current { color: #7397e2; margin: 0 4px; }
#mainBody h1 {
	font-size: 3.333em;
	font-weight:normal;
	margin: .4em 0 0 0;
	color: #7497e6;
	line-height: 1em;	
}
#mainBody h1.eventTitle {
	margin: 0 0 0.2em;
	line-height: 1.7em;
}
#mainBody h2 {
	font-size: 1.25em;
	margin: 0;
	color: #000;
}
#mainBody h3 {
	font-size: 2em;
	font-weight:normal;
	margin: 0 0 .2em 0;
	color: #000;
	line-height: 1.6em;	
}
#mainBody p {
	font-size: 100%;
	line-height: 1.5em;
	margin-bottom: 1.4em;
	color: #000;
}
#mainBody a { color: #7397e2; }
#mainBody a:hover {}


/***** tabpanel elements ******/


#tabsContainer{
	/*margin:2.2em 0;*/
}


/***** column one elements *****/


#boxNav {
	background-color: #6282c8;
	margin: 28px 7px 0 0;
	padding: 11px 0 13px;
}
#boxNav li {
	padding: 7px 0 4px 12px;
	margin: 0 8px 0 10px;
	background: transparent url(../images/arrow-blue-close.gif) no-repeat left 12px;
	overflow: hidden;
}
#boxNav li.current {
	background-image: url(../images/arrow-blue-open.gif);
}
#boxNav li a {
	font-size: 1.083em; /* 13px */
	font-weight: bold;
	color: #fff;
}
#boxNav li a:hover {
	color: #ffcc33;
	text-decoration: none; 
}
#boxNav li ul {
	margin: 5px 0 -5px;
	display: none;
}
#boxNav li.current ul {
	display: inline;
}
#boxNav li li {
	background-image: none;
	margin: 0 4px 0 4px;
	padding: 1px 0 2px;
	clear:both;
}
#boxNav li li a {
	color: #dce5f8;
	font-size: 0.916em;
	display: block;
	float: left;
	padding: 1px 2px 1px 4px;
}
#boxNav li li a:hover {
	color: #6282c8;
	background-color: #ffcc33;
}
#boxNav li li.current {
	background-image: none;
}
#boxNav li li.current a {
	color: #6282c8;
	background-color: #ffcc33;
}





#subLinks {
	margin: 28px 0 0;
}
#subLinks li {
	margin: 0 12px;
	line-height: 2em;
	padding-left: 25px;
}
#subLinks li a {
	font-size: 1.083em; /* 13px */
	font-weight: bold;
	color: #333;
}
li.iconMail { background: transparent url(../images/iconmailinglist.gif) no-repeat 3px center; }
li.iconContact { background: transparent url(../images/iconcontactus.gif) no-repeat left center; }
li.iconGreen { background: transparent url(../images/icongreeninit.gif) no-repeat left center; }
#subLinks li.iconGreen a, li.iconGreen a { color: #68bb3b; }


/***** column two elements *****/


#columnTwo p, #columnTwo h1, #columnTwo h2, #columnTwo h3, #columnTwo h4, #columnTwo h5 {
	margin: 0 20px;
	color: #333;
	line-height: 1.333em;
}
#columnTwo h2 {
	font-size: 1.167em;
}
#columnTwo h1 a {
	color: #039 !important;
}
#columnTwo p {
	font-size: 100%;
	line-height: 1.5em;
	margin-bottom: 1.4em;
	color: #353535;
}
#columnTwo img { margin-bottom: 1em; }

#columnTwo .sep {
	width:300px;
	height:2px;
	border-top:1px solid #c3d2f1;
}
#columnTwo .blogTitle{
	width:200px;
	height: 40px;
	margin-top:35px;
	background: url(../images/blog-title.jpg) no-repeat;
}
.home #columnTwo .blogTitle h2 {
	background: none;
	padding:0.3em 2.4em;
}
#columnTwo .blogItems{
	margin: .4em 0 2em 0;	
}
#columnTwo .blogItems div{
	margin: .4em 0 0 0;
}
#columnWrapper #flickrSlider .flickrBox{
	float: left;
	margin: .5em .3em 0 0;	
	width: 96px;
	height: 64px;
}
#columnWrapper #flickrSlider img{
	margin: 0 5px 0 0;
	height:64px;
	width:88px;
}
#columnWrapper #flickrSlider .title{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#columnWrapper #flickrSlider .title a {
	font-size: 12px;
}

/********* buttons ********/

.button{
	cursor: hand;
	cursor: pointer;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.buttonOver{
	cursor: hand;
	cursor: pointer;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#buttonJoin {
	width: 234px;
	height: 46px;
	margin-top:45px;	
	background: url(../images/button-join.jpg);
}
#buttonMoreNews{
	margin-right:.6em;
	float: left;
	width: 95px;
	height: 28px;
	background: url(../images/button-more-news.jpg) no-repeat;
}
#buttonRssFeed{
	margin-right:.6em;
	float: left;
	width: 102px;
	height: 28px;
	background: url(../images/button-rssfeed.jpg) no-repeat;
}


/***** footer elements *****/


#socialLinks {
	position: absolute;
	top: 50px;
	left: 35px;
	margin: 0;
	background: transparent url(../images/socialbtns.gif) no-repeat left top;
	overflow: hidden;
	width: 344px;
}
#socialLinks li {
	float: left;
	list-style: none;
	height: 32px;
	margin-right: 20px;
}
#socialLinks li#twitter { width:32px; }
#socialLinks li#facebook { width:32px; }
#socialLinks li#linkedin { width:32px; }
#socialLinks li#flickr { width:32px;   }
#socialLinks li#itunes { width:32px;   }
#socialLinks li#youtube { width:32px;  }
#socialLinks li#rss { width:32px; margin:0; }


#socialLinks li a {
	display: block;
	height: 32px;
}
#socialLinks li a span {
	position: absolute;
	left: -9999px;
}
#siteInfo {
	position: absolute;
	bottom: 35px;
	right: 35px;
	width: 400px;
}
#copyright {
	float: right;
	color: #fff;
	margin-bottom: 5px;
}
#footerNav {
	float: right;
	clear: both;
	margin: 0;
}
#footerNav li {
	float: left;
	color: #b8cbf5;
	list-style: none;
}
#footerNav li a {
	margin-left: 3px;
	text-decoration: none;
	color: #fff;
}
#footerNav li a.blue { color: #b8cbf5; }

.blogItems img{ border: solid 1px #cccccc; padding: 1px; margin-right: 3px; text-align: left;} 
.blogItems div{ margin-bottom: 3px;} 
