@charset "UTF-8";
/* CSS Document */

@import url(nav.css);
@import url(form.css);
@import url(datatable.css);

#content h1, #content .feature strong {
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 24px;
	color: #072875;
	font-weight: normal;
	margin: 5px 0 5px 0;
}
#content h2 {
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 18px;
	font-weight: normal;
}
#content h3 {
	font-size:14px;
}
#event h1 {
	font-size: 14px;
	color: #84B31A;
	font-weight: bold;
	margin: 20px 0 5px 0;
}

#content p, #event p {
	margin: 10px 0 10px 0;
	line-height:18px;
}
#content img {
	margin:5px;
}

.clear {
	clear: both;	
}

body{
	font-family: Arial, Helvetica, sans-serif;
	background: #072049 url(../images/bg.jpg) repeat;
	margin: 0;
	padding: 0;
	color: #656565;
	font-size: 12px;
}

#wrapper{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#toolbar {
	margin: 8px auto 8px auto;
	width: 950px;
	height: 32px;
	padding: 0;
}

#toolbar #follow {
	float: left;
	padding: 4px 12px 4px 12px;
	background: #fff;
	font-weight: bold;
	font-size: 11px;
	height: 18px;
	color: #6a655e;
	line-height: 18px;
}
#toolbar #follow a {
	color:#08306D;
}

#toolbar #follow img {
	vertical-align: middle;
}

#toolbar #search_box {
	float: right;
}

#toolbar #search_box .search {
	width: 260px;
	font-size: 12px;
	line-height: 20px;
	height: 22px;
	color: #6a655e;
	border-style: inset;
	border-width: 1px;	
	border-right: none;
	border-color: #6a655e;
	vertical-align: middle;
}

#toolbar #search_box .search_button {
	padding: 2px 2px 2px 4px;
	height: 20px;
	width: 20px;
	border-style: inset;
	border-width: 1px;	
	border-left: none;
	border-color: #6a655e;
	background: #fff;
	vertical-align: middle;
}

#header {
	margin: 0 auto 0 auto;
	width: 942px;
	height: 362px;
	padding: 4px;
	background: #fff;	
}

#main {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 950px;
	clear: both;
}

#main .widecol {
	float: left;
	width: 950px;
	margin: 8px 0 8px 0;
	clear: both;
}

#main .leftcol {
	float: left;
	width: 666px;
	margin: 8px 0 8px 0;
}

#main .rightcol {
	float: left;
	width: 266px;
	margin: 8px 0 8px 17px;
	clear: right;
}

#main .subnav_col {
	float: left;
	width: 266px;
}
#main .content_col {
	float: left;
	width: 683px;
}
.content_col-top {
	position:absolute;
	margin-top:-12px;
	padding:9px 10px 3px 20px;
	width:654px;
	height:25px;
	line-height:12px;
	line-height:normal;
	font-size:12px;
	color:#666666;
	background:url(../images/content_col-top.png) right no-repeat;
	border-bottom:#84B31A solid 1px;
}
.content_col-top a {
	color:#666666;
	text-decoration:none;
}
.content_col-top a:hover {
	color:#666666;
	text-decoration:underline;
}
.content_col-body {
	width: 664px;
	background:#FFFFFF;
}
.content_col-bottom {
	margin:0px auto;
	width:950px;
	height:12px;
	background:url(../images/content_col-bottom.png) left no-repeat;
}

#top_header {
	position:absolute;
	margin-top:-12px;
}
#whitebox {
	margin-left:254px; 
	width:12px; 
	height:12px; 
	background:#FFFFFF;
}

#sub_nav {
	background:#C4D989;
}

#content {
	width: 626px;
	min-height:302px;
	padding: 20px;
	background: #fff;
}
#content a {
	color:#000000;
}
#content h1 a {
	color:#666666;
	}
#content h1 b a {
	color:#669900;
	text-decoration:none;
	}
.blue_header {
	height: 39px;
	background: url(../images/header_content.png) no-repeat;	
}
.blue_header h1 a, .green_header h1 a, .green_side_header h1 a {
	text-decoration:none;
	color:#ffffff;
	}
.white_header {
	width: 666px;
	height: 16px;
	background: url(../images/content_top.png);
}

.white_footer {
	width: 666px;
	height: 15px;
	background: url(../images/content_bottom.png);	
}

.white_side_header {
	width: 266px;
	height: 16px;
	background: url(../images/white_side_header.png);
}

.white_side_footer {
	width: 266px;
	height: 15px;
	background: url(../images/white_side_footer.png);	
}

.green_header {
	height: 38px;
	background: url(../images/header_bottom.png);	
}

.green_side_header, .green_side_header_top {
	height: 38px;
	background: url(../images/header_side.png);	
}
.green_side_header_top {
	position:absolute; 
	width:266px; 
	margin-top:-12px;
}

.green_side_footer {
	height: 38px;
	background: url(../images/side_bottom.png);	
}

#welcome {
	min-height:120px;
	background: #fff;
	padding: 1px 20px 1px 20px;
}

#welcome h1 {
	font-size: 24px;
	color: #656565;
	margin: 0px 0px 8px 0px;
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-weight: normal;
	letter-spacing:-1px;
}

#welcome p {
	margin: 0px;	
	font-size:14px;
	line-height:24px;
}

#buttons .margin {
	margin: 0 0 0 16px;	
}
#buttons a {
	float:left;
	color:#333333;
	text-decoration:none;
	overflow-x:hidden;
}
#buttons a img {
	display:block;
}
#buttons a p {
	display:block;
	margin:0px;
	padding:5px 15px 5px 15px;
	font-size:11px;
	height:30px;
	background:#FFFFCC;
}

#event {
	background: #fff;
	padding: 20px;
	width:626px;
	height:310px;
}
#event a {
	color: #072875;
}
#event_carousel-wrapper {
	margin:0px auto;
	width:624px;
	height:310px;
	overflow:hidden;
}
#event_carousel-content {
	width: 624px;
}
#event_carousel-content .slide {
    float: left;
    width: 624px;
    height: 310px;
	text-align:center;
}
#event_carousel-content .slide a {
	display:block;
}

#footer_sponsors {
	width:666px;
	height:102px;
	background: #fff;
}
#carousel-wrapper {
	margin:0px auto;
	padding: 1px 0px 1px 0px;
	width:630px;
	height:79px;
	overflow:hidden;
}
#carousel-content {
	height:79px;
}
#carousel-content .slide {
    float: left;
    width: 210px;
    height: 79px;
	text-align:center;
}
#carousel-content .slide a {
	display:block;
}
#footer_sponsors p {
	margin: 10px 0 0 18px;	
}

#content_footer_sponsors {
	background:url(../images/sponsor_bg.png) no-repeat;
	padding: 16px 18px 16px 88px;
	width:844px;
	height:79px;
	margin:20px auto 20px auto;
}
#content_carousel-wrapper {
	margin:0px auto;
	width:844px;
	height:79px;
	overflow:hidden;
}
#content_carousel-content {
	height:79px;
}
#content_carousel-content .slide {
    float: left;
    width: 210px;
    height: 79px;
	text-align:center;
}
#content_carousel-content .slide a {
	display:block;
}



#advisory_board {
	background: #fff;
	text-align: center;
	padding: 1px 0 1px 0;
	height:100px;
}

#advisory_board p {
	text-align: left;
	padding: 10px 10px 2px 10px;
	margin: 0;
	font-size: 11px;
	line-height:14px;
}

#advisory_board a {
	color: #656565;
	text-decoration: underline;
}

#highlights {
	margin-top:12px;
	height:610px;
	background: #e9f0d1;
	text-align: center;
}

#highlights p a {
	color:#000000;
}

#highlights p {
	text-align: left;
	margin: 0;
	padding: 5px 15px 10px 15px;	
}

#highlights img {
	padding: 10px 0 10px 0;	
}

#main .green_header h1, #main .blue_header h1, #main .green_side_header h1, #main .green_side_header_top h1, #main .green_side_footer h1 {
	font-size: 20px;
	height: 20px;
	padding: 5px 0 0 20px;
	margin: 0;
	color: #fff;
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-weight: normal;
	text-align:left;
}
#main .green_side_footer h1 a {
	color:#FFFFFF;
	text-decoration:none;
}

#calendar {
	background: #fff;
	padding: 20px;
	height:310px;
}

#calendar_bg {
	padding-top:20px;
	padding-bottom:70px;
	width:226px;
	min-height:140px;
	background:#F8ED6F url(../images/calendar_bg.jpg) bottom no-repeat;
}

.popup {
	position:absolute;
	padding:10px;
	width:250px;
	height:auto;
	background:#FFFFCC;
	border:#333333 solid 1px;
	text-align:left;
	filter: alpha(opacity=95);
	-moz-opacity: .95;
	opacity: .95;
}
.popup h1 {
	margin:0px 0px 5px 0px;
	font-size:14px;
	color:#398138;
}
.popup p {
	margin:0px;
	font-size:11px;
	color:#000000;
}
#footer {
	margin: 10px auto 0 auto;
	border-top: #fff solid 1px;
	padding: 12px 0 0 0;
	width: 950px;
	color: #fff;
	text-align: center;
}

#footer a {
	color: #fff;
	text-decoration: underline;	
}

#site_credits {
	font-size: 11px;
	margin: 10px 0 10px 0;
}

#site_credits img {
	vertical-align: middle;
	margin-top: -2px;	
}

#logo_sin {
	display:block;
	width:63px;
	height:23px;
	background:url(../images/logo_sin.png) no-repeat;
}
#logo_ionline {
	display:block;
	width:80px;
	height:22px;
	background:url(../images/logo_ionline.png) no-repeat;
}

.register_form {
	padding:5px;
	color:#000000;
	background:#C4D989;
	border:none;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.register_form legend {
	font-size:14px;
}

#list_item, #content #list_item {
	display:block;
	margin:0px 0px 5px 0px;
	color:#656565;
	text-decoration:none;
}
#list_item-left {
	float:left;
	padding:20px 10px 20px 10px;
	width:100px;
	height:40px;
	font-size:14px;
	background:#C4D989;
	text-align:right;
}
#list_item-right {
	float:left;
	margin:0px 0px 0px 5px;
	padding:20px 20px 20px 20px;
	width:460px;
	height:40px;
	background:#DAE8B7;
	text-align:left;
}

#wysiwyg {
	padding:10px;
	background:#FFFFFF;
}
#wysiwyg p {
	margin: 10px 0 10px 0;
	line-height:18px;
}
#wysiwyg img {
	margin:5px;
}

#wysiwyg h1, #wysiwyg .feature strong {
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 24px;
	color: #072875;
	font-weight: normal;
	margin: 5px 0 5px 0;
}
#wysiwyg h2 {
	font-family: Comic Sans, Comic Sans MS, cursive;
	font-size: 18px;
	font-weight: normal;
}
#wysiwyg h3 {
	font-size:14px;
}