.select-headers li {list-style:none; display:inline; float:left; background-image: url(../img/tab_meba_off.gif); width: 136px; text-align:center; margin-left:2px; font-size:10px}
.select-headers li a {cursor: pointer; color:black}
.select-headers ul {margin:0px; padding:0px}
.select-headers li#tab-header1{background-image: url(../img/tab_on.gif)}


/* CSS Document */

body {
	margin: 0;
	text-align: center;
}

#wrapper {
	width: 968px;
	margin: 0 auto;

}

#header {
	width: 968px;
	float: left;
}

#contentwrap {
	width: 968px;
	float: left;
	margin-top: 30px;
	
}

#content {
	text-align: left;
	margin: 20px;
	width: 900px;
	float: left;
	height: 450px;
	_height: 450px;
}

#headerwrap {
	width: 590px;
}

#footer {
	width: 968px;
	/*float: left;*/
}

.csc-header h1 {
	font-family: Arial;
	font-size: 18px;
	color: #009966;
}


p.bodytext {
	font-family: Arial;
	font-size: 12px;
}

.news-latest-container 	h2 {
	display: none;
}

.news-latest-item {
	margin-bottom: 10px;
}

.news-latest-date a {
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	color: #009966;
}

.news-latest-container h3 a {
	font-family: Arial;
	font-size: 18px;
	color: #009966;
	text-decoration: none;
}

.news-latest-category {
	display: none;
}

.news-latest-morelink a {
	font-family: Arial;
	font-size: 12px;
	color: #009966;
	}

.news-latest-gotoarchive a {
	margin-top: 20px;
	font-family: Arial;
	font-size: 12px;
	color: #009966;
}

hr.clearer {
	display: none;
}

.news-single-timedata {
	font-family: Arial;
	font-size: 12px;
	color: #009966;
}

.news-single-category {
	font-family: Arial;
	font-size: 12px;
}

.news-single-item h2 {
	font-family: Arial;
	font-size: 18px;
	color: #009966;
}

body .news-single-item h6 {background-image:none; color:black}

.news-single-img {
	float: right;
}

.news-single-backlink a {
	font-family: Arial;
	font-size: 12px;
	color: #009966;
}

.news-list-item h3, .news-list-item h3 a {
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
}

.news-list-item h3 a {
	color: #009966;
}

.news-list-container img {
	float: left;
}

.news-list-category {
	font-family: Arial;
	font-size: 12px;
}

.news-list-morelink a {
	font-family: Arial;
	font-size: 12px;
	color: #009966;
}

.news-list-container {
	padding-bottom: 20px;
}

.news-amenu-container h2 {
	font-family: Arial;
	font-size: 18px;
	color: #009966;
}

.news-amenu-container ul li {
	font-family: Arial;
	font-size: 12px;
}



###################################
#Robin - the real stuff starts here
###################################

html, body {border: 0; height: 100%}

body {margin: 0; text-align: center; font-family: Verdana, sans-serif; font-size: 12px; background-color: #4d7dae; background-image:url(../img/main_background.jpg); background-repeat:repeat-x}

#leftcol {width: 556px; margin-right:5px; margin-left:5px; text-align:left; background-color:white; min-height: 600px; z-index: 10;}
#rightcol {width: 173px}
#farleftcol {width: 191px; background-color:white}
#farleftcol h6 {margin: 0px;}
.lMenu {text-align:left; padding-left:13px; background-image:url(../img/i/menu_bg.gif); background-repeat:repeat-y}
.lMenu h3 {font-weight:bold; font-size:11px; margin-bottom:4px; margin-top:6px}
.lMenu .myAccount h3{background-color:#FE0000; padding:4px}
.lMemnu h3 a {font-size: 11px}
.lMenu .schoolOptions h3, .lMenu .teacherOptions h3 {background-color:#CCFF66; padding:4px; color:black}
.lMenu a {margin-left:5px; color:white; line-height:18px; font-size:10px}
#lMenuBlocker {position:absolute; left:0px; top:0px; width:13px; height:21px; overflow:hidden; background-color:white}

#header1, #header2, #footer, #wrapper {width: 930px; margin-left: auto; margin-right: auto}
#header1 {/*background-image:url(../img/i/header_1.jpg); background-repeat:no-repeat;*/ height:126px; margin-top:7px}
#header2 {background-image:url(../img/i/header2_1.jpg); background-repeat:no-repeat}
#footer {border: 1px solid white; height:65px; background-image:url(../img/footer_background.gif); background-repeat:repeat-x}
#footer img {float:right; margin-right:10px}
li {padding-bottom:6px}




#topsponsors {margin-top:7px; margin-bottom:7px; background-image:url(../img/logos_background.gif); height: 64px; overflow:hidden}
#topsponsors img {margin-left:18px; margin-right:18px}

#leftcol, #rightcol, #farleftcol {float:left; vertical-align:top; padding-top:0px; margin-top:0px; z-index: 10; overflow:hidden /*padding-bottom: 32767px !important; margin-bottom: -32757px !important; min-height:698px*/}
@media all (min-width: 0px) {
	#leftcol, #rightcol,  #farleftcol {padding-bottom: 0 !important; margin-bottom: 0 !important}
	#leftcol:before, #rightcol:before, #farleftcol:before {content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; /*padding-top: 32767px !important; margin-bottom: -32757px !important;*/ height: 0}
}
	



#wrapper {overflow: hidden}
#wrapper {float: left; float: none}
#wrapper:after {content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; clear: both; visibility: hidden}
#wrapper {display: inline-block}
#wrapper { display: block}
#wrapper {margin-top:8px; margin-bottom:10px; position: static;}

#leftcol_inner {padding-left:10px; padding-right: 10px}

a img {border: none}
a {text-decoration: none}
a:hover {text-decoration: underline}
/*h1 {margin-left:10px; text-align:left; color: #007950; font-weight:900; font-size:18px}*/
h1 {text-align:left; background-image: url(../img/i/title-bar.jpg); background-repeat:no-repeat; height:35px; padding-top:6px; padding-left:10px}
h2 {color: #FF0202; font-weight:bold; font-size:14px; margin:0px; margin-top:16px; padding:0px}
h3 {margin-top:8px; font-size:12px; font-weight:bold; color:#007950; padding:0px; margin-bottom:2px}

h6  {background-image: url(../img/header_background.gif); padding-top:5px; padding-bottom:0px; height:18px; font-size:12px; text-transform:uppercase; color:white; text-align:left; text-indent:5px; margin-top:0px; overflow:hidden}

div.clearer {clear:both; height:2px; overflow:hidden; float:none}






.nav {height: 30px; background-image:url(../img/nav_background.gif); padding-left: 50px; /*padding-top:5px*/}


.nav ul {list-style: none; margin: 0; padding: 0; float: left; height:30px; display:inline}

.nav a, #nav h2 {font: bold 12px/12px arial, helvetica, sans-serif; display: block; margin: 0; color:white}

.nav h2 {padding: 0; display:inline}

.nav a {color: white; text-decoration: none; padding:0px; margin:0px; padding-left:15px; padding-right:14px; /*line-height:31px*/; border-style-bottom:none; height: 23px; padding-top:7px; vertical-align:center; display:block}

.nav li {position: relative; height:30px; display:block}

.nav li:hover {position: relative; background-color:black; color:white}

.nav li:hover a {text-decoration:none}



.nav ul ul a {width: 150px !important; background-color: black; color:white; padding: 4px; margin:0px; display:block; height:auto; ; z-index:502}

.nav ul ul a:hover {background-color:white; color:black; display:block}

.nav ul ul {position: absolute; z-index: 500; margin-left:0px; margin-top:0px; width:150px}

.nav ul ul li {border-bottom:1px solid white; padding:0px; margin:0px; /*margin-top:-2px;*/ display:block; width:150px; height:auto; z-index:501}

div.nav ul ul {display: none}

div.nav ul li:hover ul {display: block}

div.nav ul li:hover {margin-bottom:-15px}

div.nav ul ul li:hover {margin-bottom:0px}












#tabarticle-1, #tabarticle-2, #tabarticle-3, #tabarticle-4 {padding-left:10px; padding-right:10px}
#tabarticle-2, #tabarticle-3, #tabarticle-4 {display:none}


/* POLL */
.tx-jkpoll-pi1 {padding-left:5px; padding-right:5px}
.tx-jkpoll-pi1 form {padding: 0px; margin:0px}
.tx-jkpoll-pi1, .tx-jkpoll-pi1 form {width:191px; text-align:left}
.tx-jkpoll-pi1 h1 {width: 180px; font-size:12px; color: black; font-weight:bold; margin:0 0 30px 0; padding:0px}		
.tx-jkpoll-pi1 .submit {margin-top:5px; margin-bottom:5px}



/* NEWS */
.news-latest-item {float:left; width: 172px; margin-left:10px}
	.news-latest-title a {color:black; font-weight:bold}
.news-latest-subheader p.bodytext {margin-top:0px; margin-bottom:0px; padding:0px}
a .news-latest-morelink {color:#ca0808; font-size:10px; margin-top:2px; font-weight:bold}			


#ba_news, #bv_news, #seabl_news, #bigv_news {width:126px; margin-left:10px; overflow:hidden; float:left}
#ba_news h6, #bv_news h6, #seabl_news h6, #bigv_news h6 {margin-bottom:1px}


.news-list-item {margin-bottom:14px}
.news-list-item br {line-height:1px}
.news-list-title {text-decoration:underline; font-weight:bold}
.news-list-morelink {display:none}
.news-list-date {font-size:10px; color:#666} 
.news-list-subheader p.bodytext {margin:0px}

.news-single-timedata {display:none}
.news-single-item h6 {margin-bottom:0px}

body #twrss_table {
	margin:0px
}

#twrss_table {
	height: 175px;
	overflow: hidden;
}

.twrss_head{
	font-size: 12px; 
	color: #666666; 
	font-family: verdana; 
	font-style: normal; 
	font-weight: bold; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px; 
	margin-right:10px; 
	line-height: 16px;  
}

.twrss_head_channel{
	font-size: 12px; 
	color: #666666; 
	font-family: verdana; 
	font-style: normal; 
	font-weight: bold; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px; 
	margin-right:10px; 
	line-height: 16px;  
}

.twrss_imagefile{
float:left;
margin-left:10px;
margin-right:10px;
}

body .twrss_bodytext {
	margin:0px
}

/*.twrss_bodytext A{
	font-size: 12px; 
	color: #666666; 
	font-family: verdana; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 16px;  
    text-decoration:underline;
	}*/

/*.twrss_bodytext A:hover{
	font-size: 12px; 
	color: #666666; 
	font-family: verdana; 
	font-style: normal; 
	font-weight: normal;  
	line-height: 16px;  
        text-decoration:underline;
}*/

.twrss_channel_description{
	border:1px dotted #dddddd;
	background-color:#f5f5f5;
	color:#000;
	font-size: 14px;
	font-family: verdana;
	font-style: normal;
	font-weight: bold;
	padding:3px;
}

#twrss_table .twrss_item_link a{
	border-left-style:none;
	color:#000;
	padding:0px;
	text-decoration: none;	
}

#twrss_table .twrss_item_link a:hover{
	border-left-style:none;
	color:#000;
	padding:0px;
	text-decoration: underline;	
}

body #twrss_table .twrss_item_content{
	border-left-style:none;
	border-bottom-style:none;
	padding:0px;
	color:black;

	overflow:hidden;
}

.button_bg_green {
	width: 172px;
	height: 48px;
	float: left;
	background-image: url(../img/rightbutton_blank1.gif);
	background-repeat: no-repeats;
	line-height: 48px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

.button_bg_green a {
	text-decoration: none;
	color: #FFFFFF;
}

.button_bg_pink {
	width: 172px;
	height: 48px;
	float: left;
	background-image: url(../img/rightbutton_blank5.gif);
	background-repeat: no-repeats;
	line-height: 48px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

.button_bg_pink a {
	text-decoration: none;
	color: #FFFFFF;
}

.button_bg_blue {
	width: 172px;
	height: 48px;
	float: left;
	background-image: url(../img/rightbutton_blank3.gif);
	background-repeat: no-repeats;
	line-height: 48px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

.button_bg_blue a {
	text-decoration: none;
	color: #FFFFFF;
}

.button_bg_orange {
	width: 172px;
	height: 48px;
	float: left;
	background-image: url(../img/rightbutton_blank2.gif);
	background-repeat: no-repeats;
	line-height: 48px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

.button_bg_orange a {
	text-decoration: none;
	color: #FFFFFF;
}

.button_bg_purple {
	width: 172px;
	height: 48px;
	float: left;
	background-image: url(../img/rightbutton_blank4.gif);
	background-repeat: no-repeats;
	line-height: 48px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

.button_bg_purple a {
	text-decoration: none;
	color: #FFFFFF;
}

#leftcol .news-latest-container {
	float: left;
	width: 172px;
}

#viewcallink {
	margin-top: 5px;
	margin-bottom: 5px;
}

.event {
	text-align: left;
}

.event a {
	color: #5A328B;
}

.event p, .event h3 {
	margin: 0px;	
}

.event h3 a {
color: #5A328B;
font-size: 12px;
}

.event .eventdate {
	font-weight: bold;
	font-size: 10px;
}

#extra-news-image-wrapper {
	float: left;
	display: inline;
	width: 364px;
	margin: 12px 0 0 10px;
}

#news-image-1 {
	float: left;
	display: inline;
	width: 177px;
	margin-right: 10px;
	overflow: hidden;
}

#news-image-2 {
	float: left;
	display: inline;
	width: 177px;
	overflow: hidden;
}

#copyright {
	text-align: left;
	color: #FFF;
	font-size: 11px;
	padding: 10px;
}
