body { background: #fff url(../img/bg_body.png) center 0 repeat-x; font-size: 76%; line-height: 160%; }

form #SignUp label { display: inline; }

/* Body Container */
#container { position: relative; width: 977px; margin: 0 auto; }

/* Header */
#header { height: 344px; }
	#header h1 { float: left; width: 208px; margin: 104px 0 0 0; text-indent: -3000px; }
		#header h1 a { display: block; width: 100%; height: 246px; z-index: 1; background: transparent url(../img/bg_logo.png) 0 0 no-repeat; }
	#header #banner { position: absolute; top: 104px; left: 185px; width: 792px; height: 235px; z-index: 2; background: transparent url(../img/banners/ssf_flash_banner.png) 0 0 no-repeat; }

/* Footer */
#footer { width: 100%; clear: both; padding-bottom: 2em; }
	#footer #menu { position: absolute; top: 60px; left: 18px; z-index: 50; }
	#footer #topbar { position: absolute; top: 0; left: 18px; width: 100%; color: #555; text-transform: uppercase; line-height: 1.8em; }
		#footer #topbar a { color: #555; text-decoration: none; }
		#footer #topbar a:hover { color: #333; text-decoration: underline; }
		#footer #topbar #sponsor-top { float: left; width: 700px; overflow: hidden; }
		#footer #topbar #search { float: left; }
		#footer #topbar #search form { display: block; width: 400px; }
			#footer #topbar #search input,
			#footer #topbar #search label { display: inline; clear: none; vertical-align: middle; }
			#footer #topbar #search input#q { width: 12em; margin: 0 0.5em;  }
		#footer #topbar #menu-staff { float: right; padding-top: 18px; padding-right:18px; }
			#footer #topbar #menu-staff li { display: block; float: left; padding: 0 0.8em; border-right: solid 1px #ccc; }
			#footer #topbar #menu-staff li.staff-login { border: 0; }
	#footer #menu-bottom { padding: 1em 0; line-height: 1.8em; text-transform: uppercase; color: #555; }
		#footer #menu-bottom ul { margin: 0 auto; width: 66em; }
			#footer #menu-bottom li { display: block; float: left; padding: 0 0.8em; border-right: solid 1px #ccc; }
			#footer #menu-bottom li.contact { border: 0; }
				#footer #menu-bottom a { color: #555; text-decoration: none; }
				#footer #menu-bottom a:hover { color: #333; }
	#footer #sponsor-bottom { clear: both; padding: 1em 0; text-align: center; }
	#footer .powered { clear: both; padding: 1em; margin: 0; color: #500076; }
		#footer .powered a { color: #500076; text-decoration: underline; }

#chooser { padding-top: 1em; }
	#chooser .static { height: 420px; }
	#chooser .container { margin: 0 1em 2em; padding: 0.5em; border: solid 1px #ddd; }
	#chooser .choose { width: 20%; height: 100%; border-right: solid 1px #500076; text-align: center; overflow: auto; }
		#chooser .choose h4 { margin: 0; padding: 0 1em 0.5em; font-size: 80%; text-transform: uppercase; font-weight: normal; color: #aaa;  }
		#chooser .choose ul { margin: 0; padding: 0; list-style: none; background: #ddd; border-top: solid 1px #ddd; }
			#chooser .choose li { display: block; padding: 0.3em 1em; background: #fff; border-bottom: solid 1px #ddd; text-align: right; }
				#chooser .choose li a { display: block; color: #000; font-weight: bold; text-decoration: none; }
				#chooser .choose li a:hover { color: #500076; }
			#chooser .choose li.active { background: #b6ce2e; }
				#chooser .choose li.active a { color: #500076; }
	#chooser .description { width: 79%; height: 100%; overflow: hidden; }
		#chooser .description .image { width: 290px; height: 100%; overflow: hidden; text-align: center; }
			#chooser .description .image img { border: solid 1px #ccc; }
		#chooser .description .text { padding: 0 1em; height: 100%; overflow: auto; }

#articles .box { padding: 0 0 1em; margin: 20px 0 1em; _margin: 10px 0 0.5em; }
	#articles .box h4 { margin-bottom: 1em; }
	#articles .box p { padding: 0 1em 1em; }
	#articles .box .image { display: block; width: 190px; text-align: center; }
		#articles .box .image img { padding: 5px 20px; }
	#articles .box .item { width: 330px; _width: 320px; }
	#articles .separator { clear: left; width: 80%; margin: 0 auto; height: 1px; border-bottom: solid 1px #ccc; }

#login form { width: 16em; margin: 0 auto; }

/* Buttons */
.button-download,
.button-learn-more { display: block; text-indent: -3000px; background: transparent none center center no-repeat; }
.button-download { width: 74px; height: 20px; background-image: url(../img/button_download.png); }
.button-learn-more { width: 81px; height: 20px; background-image: url(../img/button_learn_more.png); }

/* Columns */
.stack { clear: both; float: left; width: 100%; }
.stack .inner { padding: 0 12px; }

.mininav { padding: 0.6em 1em; margin: 0 1em 1em; line-height: 160%; background: #ddd; }
	.mininav a { padding: 0 1em 0 0; color: #500076; text-transform: lowercase; font-weight: bold; }
	.mininav .float-right a { padding: 0 0 0 1em; }
	.mininav a.download { font-weight: normal; }

.col-content { width: 961px; margin-left: 16px; margin-top: 4px; }
	.col-content h2 { margin: 0 0 6px; background: transparent none 0 0 repeat-y; font-size: 1.2em; color: #000; text-transform: lowercase; }
		.col-content h2 span { display: block; padding: 10px 12px 6px; background: transparent none 0 0 no-repeat; }
	.col-content .col-left h2,
	.col-content .col-right h2 { color: #fff; }
	.col-content h3,
	.col-content h4,
	.col-content h5,
	.col-content h6 { color: #500076; margin: 0; }
.col-center p { margin-bottom: 1em; }
.col-center ul,
.col-center ol { margin: 0 2em 2em; }
.col-center ul { list-style: outside disc; }
.col-center ol { list-style: outside decimal; }
.col-center table { margin: 0 0 2em; }
	.col-center table th,
	.col-center table td { padding: 0.2em 0.4em; }
	.col-center table td { border: solid 1px #ddd; }
	.col-center table tr.alt td { background: #ddd; }
.col-center h3 small,
.col-center h4 small,
.col-center h5 small,
.col-center h6 small { display: block; margin-top: -0.4em; font-size: 70%; font-weight: normal; text-transform: uppercase; }
.col-content .col-center,
.col-content .col-left,
.col-content .col-right { background: transparent none 0 0 repeat-y; }
.col-content .col-right { width: 203px; }
.col-content .col-left ul,
.col-content .col-right ul { list-style: none; }
	.col-content .col-right .inner { text-align: center; }
.col-content .bottom { background: #fff none 0 top no-repeat; }

/* Sidebars */
.col-content .col-green { background: transparent url(../img/sidebar_green/bg_column.png) 0 0 repeat-y; }
	.col-content .col-green h2 { background-image: url(../img/sidebar_green/bg_header.png); }
		.col-content .col-green h2 span { background-image: url(../img/sidebar_green/bg_top.png); }
	.col-content .col-green a { color: #222; }
		.col-content .col-green a:hover { color: #000; }
	.col-content .col-green .bottom { background-image: url(../img/sidebar_green/bg_bottom.png); }

.col-content .col-gray { background: transparent url(../img/sidebar_gray/bg_column.png) 0 0 repeat-y; }
	.col-content .col-gray h2 { background-image: url(../img/sidebar_gray/bg_header.png); }
		.col-content .col-gray h2 span { background-image: url(../img/sidebar_gray/bg_top.png); }
	.col-content .col-gray .bottom { background-image: url(../img/sidebar_gray/bg_bottom.png); }

/* One column */
.one-column .col-center { width: 961px; background-image: url(../img/center_large/bg_column.png); }
	.one-column .col-center h2 { background-image: url(../img/center_large/bg_header.png); }
		.one-column .col-center h2 span { background-image: url(../img/center_large/bg_top.png); }
	.one-column .col-center .bottom { background-image: url(../img/center_large/bg_bottom.png); }

/* Two columns */
.two-column .col-center { width: 758px; background-image: url(../img/center_medium/bg_column.png); }
	.two-column .col-center h2 { background-image: url(../img/center_medium/bg_header.png); }
		.two-column .col-center h2 span { background-image: url(../img/center_medium/bg_top.png); }
	.two-column .col-center .bottom { background-image: url(../img/center_medium/bg_bottom.png); }

/* Three columns */
.three-column .col-wrap { width: 758px; }
	.three-column .col-center { width: 554px; background-image: url(../img/center_small/bg_column.png); }
		.three-column .col-center h2 { background-image: url(../img/center_small/bg_header.png); }
			.three-column .col-center h2 span { background-image: url(../img/center_small/bg_top.png); }
		.three-column .col-center .bottom { background-image: url(../img/center_small/bg_bottom.png); }
	.three-column .col-left { width: 204px; }


#footer #topbar #menu-staff li.home
{
	display:none;	
}
#footer #topbar #menu-staff ul.icons li
{
	border-right:none;
	padding-right:2px;
}
ul.icons li.homeicon a, ul.icons li.homeicon a:link, ul.icons li.homeicon a:visited
{
	background:transparent url(../../images/icon-home.jpg) 0 0 no-repeat;
}
ul.icons li.contact a, ul.icons li.contact a:link, ul.icons li.contact a:visited
{
	background:transparent url(../../images/icon-contact.jpg) 0 0 no-repeat;
}
ul.icons li.fb a, ul.icons li.fb a:link, ul.icons li.fb a:visited
{
	background:transparent url(../../images/icon-fb.jpg) 0 0 no-repeat;
}
ul.icons li.youtube a, ul.icons li.youtube a:link, ul.icons li.youtube a:visited
{
	background:transparent url(../../images/icon-youtube.jpg) 0 0 no-repeat;
}
ul.icons li.homeicon a, ul.icons li.homeicon a:link, ul.icons li.homeicon a:visited,
ul.icons li.contact a, ul.icons li.contact a:link, ul.icons li.contact a:visited,
ul.icons li.fb a, ul.icons li.fb a:link, ul.icons li.fb a:visited,
ul.icons li.youtube a, ul.icons li.youtube a:link, ul.icons li.youtube a:visited
{
	width:27px;
	height:27px;
	display:block;
	text-indent:-9999em;
	overflow:hidden;
}
ul.icons li.homeicon a:hover, ul.icons li.homeicon a:active,
ul.icons li.contact a:hover, ul.icons li.contact a:active,
ul.icons li.fb a:hover, ul.icons li.fb a:active,
ul.icons li.youtube a:hover, ul.icons li.youtube a:active
{
	background-position:0 -27px;
}
#footer #topbar #menu-staff ul.icons, #footer #topbar #menu-staff ul.top
{
	float:left;
}
#menu-bottom
{
	display:none;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}