@import url("css/menu.css");
/*
################ Main Layout Styles ################
*/
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#000000;  margin:0; padding:0; }

.bodyBackground {background-image:url(/images/gbb/bgBody.gif); background-color:#779b43;}

#centeringContainer {position:relative; margin-left:auto; margin-right:auto; top:0; width:980px; background-color:White; text-align:left; padding:5px 0 0 0; margin-top:0px; }


/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*
################ TopBar ################
*/

.logo {position:absolute; display:block; top:13px; left:357px; z-index:20;}

.topBar {position:relative; width:970px; background-color:#334132; margin:0 0 126px 5px; padding-bottom:5px; z-index:10;}
	.flag {position:relative; float:left; display:block; margin:5px 0 5px 5px;}
	.dateAndTime {position:relative; float:right; font-weight:bold; color:White; margin:12px 15px 0 0;}

.randomLeft {position:absolute; display:block; top:52px; left:5px; z-index:10}
.randomRight {position:absolute; display:block; top:52px; left:490px; z-index:10}

.usernameLoginLink2 {display:none;}
/*
################ Navigation ################
*/
.navigation {position:relative; width:970px; background-color:#3d5034; border-top:solid 1px #334132; z-index:10; margin-left:5px;}
	.navItem {position:relative; float:left; width:134px; border-right:solid 1px #334132; text-align:center; font-weight:bold; padding-top:5px;}
	
	.usernameLogin {position:relative; width:950px; color:White; text-align:right; background-color:#334132; padding:3px 10px 3px 10px;}
	a.usernameLoginLink {text-decoration:none; color:White;}
	a:hover.usernameLoginLink {text-decoration:none; color:#9cd23e;}
	
    .m {text-align:left; font-size:13px; border:solid 1px #333333; background-color:#454547; padding:5px 10px 5px 10px;}    
    .mi {position:relative; float:left; width:134px; font-size:13px; color:#9cd23e; border-right:solid 1px #334132; text-align:center; font-weight:bold; padding-top:5px; padding-bottom:3px;}
    .mi.hov {color:#334132; background-color:#9cd23e;}
    .mi.sel {color:#334132; background-color:#9cd23e;}

/*
################ Content ################
*/
.contentContainer {position:relative; width:970px; margin-left:5px;}
	.gbbContent {position:relative; float:left; width:675px; padding:28px 10px 0 15px; margin-bottom:10px;}
	.gbbContentFullWidth {position:relative; width:940px; padding:28px 10px 0 15px; margin-bottom:10px;}
	.promoArea {position:relative; float:right; width:265px; padding-top:10px; margin-bottom:10px;}
	.promoBoxTitle {position:relative; width:245px; font-weight:bold; color:#334132; background-color:#9cd23e; padding:4px 10px 4px 10px;}
	.promoBox {position:relative; width:245px; color:White; background-color:#334132; padding:10px; margin-bottom:10px; overflow:auto;}
	.promoBox2 {position:relative; width:245px; height:198px; color:White; background-color:#334132; padding:10px; margin-bottom:10px; overflow:auto;}
	
	.surveyOption {margin-bottom:10px;}

    
    .video {float:left; width:330px;}
    .nowPlaying {float:right; width:180px;}

/*
################ Bottom and copyright ################
*/
.sponsorsContainer {position:relative; width:970px; background-color:#334132; margin:0 0 5px 5px;}
	.sponsorsTitleBox {position:relative; width:960px; background-color:#9cd23e; font-weight:bold; color:#334132; padding:3px 0 3px 10px;}
	.sponsorsLogoContainer{position:relative; padding:3px 0 3px 10px;}
	.sponorLogo{margin-right:15px;}
.copyright {position:relative; width:970px; text-align:right; font-weight:bold; color:#ffffff; padding:10px 10px 50px 0; margin:0 auto 0 auto;}

/* ############# Float Clear ############# */
.clearBoth {position:relative; clear:both; display:block; height:1px; border:none; margin:0; padding:0; background:transparent;}
.clearLeft {position:relative; clear:left; display:block; height:1px; border:none; margin:0; padding:0; background:transparent;}
.clearRight {position:relative; clear:right; display:block; height:1px; border:none; margin:0; padding:0; background:transparent;}

/*
################ Generic Items ################
*/
img { border:0; padding:0; }

.padding5 { padding:5px; }
.padding10 { padding:10px; }
.padding20 { padding:20px; }

b.red {color:Red;}

h1 {color:#334132; font-size:24px; border-bottom:dotted 1px #334132; margin:0 0 5px 0; padding:0 0 8px 0;}

p {margin:0; padding:0;}

/*
################ Form Items ################
*/

.inputText {font-family:Arial, Helvetica, sans-serif; font-size:1.0em; width:340px; height:65px; border:solid 1px #9cd341; background-color:#f8f8f8; padding:2px;}
.inputMed {font-family:Arial, Helvetica, sans-serif; font-size:1.0em; width:150px; border:solid 1px #9cd341; background-color:#f8f8f8; padding:2px;}
.inputSubmit {font-family:Arial, Helvetica, sans-serif; font-size:1.0em; border:solid 1px #9cd341; background-color:#f8f8f8; padding:2px; margin-right:45px;}

/*
################ Anchor Items ################
*/

a { text-decoration:none; color:#9cd341; }
a:hover { text-decoration:none; color:#3b4c3c; }

a.CommandButton {text-decoration:none; color:#9cd341;}

a.gbbRSSlink {display:block; text-decoration:none; color:#9cd23e; font-weight:bold;}
a:hover.gbbRSSlink {color:#fff;}

.gbbRSSdate {color:#ccc; font-size:10px; font-style:italic; margin-bottom:2px;}
.gbbRSSdetails {color:#ccc; font-size:11px; margin-bottom:12px;}