/* CSS Document */
@import 'bsb_sub_nav.css';
@import 'layout_no2.css';
@import 'hacks.mofire.css';

body{
background-image:url(../images/background_main.gif);
background-repeat:repeat;
margin-top:0px;
}

div#page {
position:absolute;
left:50%;
width:778px;
margin-left:-400px;
background-color:#ffffff;
border:1px solid #333333;
border-top:none;
border-bottom:none;
padding:10px;
margin-bottom:0px;
}

div#logo{
position:relative;
width:219px;
height:70px;
margin-bottom:5px;
}

div#masthead {
position:relative;
width:783px;
height:133px;
background-image:url(../images/masthead.jpg);
background-repeat:no-repeat;
}

#masthead #buttonRect {
position:relative;
left:11px;
top:14px;
width:393px;
height:102px;
}

#masthead .button1 {
position:absolute;
top:0px;
left:0px;
width:131px;
height:102px;
}

#masthead .button2 {
position:absolute;
top:0px;
left:131px;
width:131px;
height:102px;
}

#masthead .button3 {
position:relative;
top:0px;
left:262px;
width:131px;
height:102px;
}

#globalNav{
background-color:#eeeeee;
width:782px;
height:27px;
background-image:url(../images/gnav_bg.gif);
}

#pageCell{
position:relative;
background-color:#ffffff;
width:770px;
border:1px solid #6882a8;
border-top:none;
padding:5px;
}

#pageName {
background-color:#ffffff;
width:780px;
height:30px;
border:1px solid #6882a8;
border-top:none;
}

#blankDiv{
width:100%;
height:5px;
clear:both;
}

#footer{
background:url(../images/footer_bg.gif) top repeat-x;
width:782px;
padding:0px;
margin-top:0px;
height:29px;
text-align:center;
clear:both;
}

#footer #left_img{
float:left;
width:14px;
height:29px;
background:url(../images/footer_left.gif) top left no-repeat;
}

#footer #right_img{
float:right;
width:14px;
height:29px;
background:url(../images/footer_right.gif) top right no-repeat;
}

#footerLinks{
float:left;
width:754px;
height:17px;
margin-top:7px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
color:#ffffff;
}

#footer ul {
margin:0;
padding:0;
list-style:none;
}

#footer li {
display:inline;
margin-left:3px;
padding:0;
text-align:center;
}
	
#footer a {
font-family:Arial, Helvetica, Sans-Serif;
font-size:1em;
font-weight:normal;
color:#ffffff;
text-decoration:underline;
padding:5px 10px;
margin-top:2px;
}

#footer a:hover{
color:#eeeeee;
}

#copyRight{
/*position:relative;*/
float:left;
margin-top:3px;
left:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
color:#666666;
width:300px;
}

#jwmLink{
float:right;
margin-top:3px;
margin-right:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
color:#666666;
}

#jwmLink a:link, #jwmLink a:visited{
color:#2d6bb1;
text-decoration:none;
}

#jwmLink a:hover{
color:#ff6633;
}

/********************************************************************************************************************************** * Column Styles
**********************************************************************************************************************************/
#leftCol{
float:left;
width:240px;
margin:0px;
padding:0px;
background-color:#F5F5F5;
}
  
  #leftCol .content h2{
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  font-style:italic;
  font-weight:bold;
  color:#CC0000;
  }
  
  #leftCol ul{
  margin:0px;
  padding:0px;
  }
  
  #leftCol .content li{
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  color:#1b569e;
  margin-left:25px;
  }
  
  #leftCol .content img{
	position:relative;
	left:7px;
	top: 5px;
	margin-bottom:15px;
  }
  
  #leftCol .content a img {
  	border:none;
  }

#centerCol{
float:left;
width:280px;
margin-left:5px;
padding:0px;
background-color:#F5F5F5;
}

  #centerCol a, a:visited{
  color:#3b6dab;
  }
  
  #centerCol a:hover{
  color:#6882a8;
  }

  #centerCol #colHead{
  float:left;
  width:280px;
  height:22px;
  background-color:#6882a8;
  background:url(../images/col_head_bg.gif) top repeat-x;
  }

  #centerCol .content{
  clear:both;
  padding:5px;
  background-color:#F5F5F5;
  border:1px solid #cccccc;
  border-top:none;
  width:268px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.7em;
  color:#333333;
  text-decoration:none;
  }
  
  #centerCol .content p, #rightCol .content p, #leftCol .content p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  color:#333333;
  text-decoration:none;
  margin-top:2px;
  margin-bottom:10px;
  }
  
  #centerCol .content h1, #rightCol .content h1{
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:1em;
  color:#666666;
  }
  
  #centerCol ul, #rightCol ul{
  list-style-type:square;
  list-style-image:url(../images/list_arrow.gif);
  list-style-position:outside;
  margin-top:2px;
  margin-bottom:10px;
  margin-left:30px;
  }
  
  div>#centerCol ul, div>#rightCol ul{
  margin:0px;
  padding:0px;
  }
  
  #centerCol li, #rightCol li{
  color:#333333;
  margin-left:25px;
  }
  
  #centerCol li a, a:visited, #rightCol a, a:visited{
  color:#3b6dab;
  }
  
  #centerCol li a:hover, #rightCol li a:hover{
  color:#6882a8;
  }
  
  #centerCol #colHead .heading{
  position:relative;
  top:3px;
  left:5px;
  width:240px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.8em;
  font-weight:bold;
  color:#ffffff;
  text-align:center;
  }

#rightCol{
float:left;
width:240px;
margin-left:5px;
padding:0px;
background-color:#F5F5F5;
}

  #rightCol .content, #leftCol .content{
  clear:both;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#F5F5F5;
  border:1px solid #cccccc;
  border-top:none;
  padding:5px;
  font-size:.7em;
  color:#333333;
  text-decoration:none;
  width:228px;
  }
  
  #rightCol .moreLink{
  margin-left:40px;
  }

#colHead{
float:left;
width:240px;
height:22px;
background-color:#6882a8;
background:url(../images/col_head_bg.gif) top repeat-x;
}

#colHead #left_img{
float:left;
width:14px;
height:22px;
margin:0px;
padding:0px;
background:url(../images/col_head_left.gif) top left no-repeat;
}

#colHead #right_img{
float:right;
width:14px;
height:22px;
margin:0px;
padding:0px;
background:url(../images/col_head_right.gif) top right no-repeat;
}

#colHead .heading{
position:relative;
top:3px;
left:5px;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
font-weight:bold;
color:#ffffff;
text-align:center;
}

#colHead .special{
position:relative;
top:3px;
left:5px;
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
font-weight:bold;
color:#FFFF99;
text-align:center;
}

/*.contentBox{
clear:both;
padding:5px;
background-color:#eeeeee;
border:1px solid #cccccc;
border-top:none;
width:228px;
}*/

/**********************************************************************************************************************************
 * Global Navigation Styles
**********************************************************************************************************************************/
#globalLink{
float:left;
bottom: 0px;
height: 22px;
width:700px;
left: 10px;
z-index: 100;
overflow: hidden;
margin-top:5px;
margin-left:5px;
}

#globalNav ul {
margin:0;
padding:0;
list-style:none;
}

#globalNav li {
float:left;
margin-left:3px;
padding:0;
}
	
#globalNav a {
display:block;
font-family:Arial, Helvetica, Sans-Serif;
font-size:.7em;
font-weight:bold;
color:#6882a8;
text-decoration:none;
padding:5px 15px;
}

#globalNav #globalLink a:hover {
background-image:url(../images/tab_over_bg.gif);
background-repeat:repeat-x;
border:1px solid #6882a8;
border-bottom:none;
padding:4px 14px;
}

div>#globalNav #globalLink a:hover{
background:url(../images/tab_over_bg2.gif) top left;
background-repeat:repeat-x;
border-bottom:none;
padding:4px 14px;
}
	
#globalNav #current a {
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/tab_current_bg.gif);
font-size:.7em;
font-weight:bold;
color:#6882a8;
text-decoration:none;
border-right:1px solid #6882a8;
border-left:1px solid #6882a8;
}

#globalNav #current a:hover {
background-image:url(../images/tab_current_bg.gif);
padding:5px 15px;
border-top:none;
}

div>#globalNav #current a:hover{
background-image:url(../images/tab_current_bg.gif);
padding:5px 15px;
border-top:none;
}

.spacerDiv{
clear:both;
width:auto;
height:auto;
}

#chlImage{
float:left;
margin-top:5px;
margin-left:5px;
width:238px;
height:79px;
border:1px solid #333333;
background:url(../images/channels_btmRight.gif) top left no-repeat;
}

	#chlImage .text a, #chlImage .text a:visited{
	position:relative;
	top:48px;
	left:112px;
	width:126px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#ffffff;
	font-weight:bold;
	}
	
	#chlImage .text a:hover{
	color:#000000;
	}
	
#polling{
position:absolute;
top:215px;
left:0px;
width:240px;
}

	#leftCol h1{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#333333;
	margin-left:5px;
	padding:0px;
	}
	
	#polling .content{
	background-color:#FFFFCC;
	border:1px solid #666666;
	border-top:none;
	clear:both;
	padding-top:5px;
	}
	
.heading2{
background-color:#FFCC33;
background-image:url(../images/col_head_bg.gif);
color:#ffffff;
text-align:center;
font-size:1.1em;
font-weight:bold;
margin-top:10px;
}

form {
margin:0px;
margin-top:5px;
padding:0px;
}

input{
float:left;
margin-left:60px;
}

label{
display:block;
float:left;
width:20px;
margin-top:4px;
}

.submitBtn{
margin-left:90px;
margin-top:4px;
}

.selection{
position:relative;
left:0px;
top:0px;
padding-top:3px;
}

.results{
position:relative;
left:0px;
top:0px;
padding-top:3px;
color:#CC0000;
}
 
 #leftCol .results p{
 display:block;
 padding:0px;
 margin:0px;
 color:#003399;
 padding-right:5px;
 text-align:center;
 }
 
 #leftCol .totalVotes{
 position:relative;
 left:0px;
 top:0px;
 padding-top:3px;
 color:#003399;
 text-align:right;
 padding-right:5px;
 font-style:italic;
 }
 
 #leftCol .totalVotes p{
 display:block;
 padding:0px;
 margin:0px;
 color:#003399;
 padding-right:5px;
 text-align:right;
}

 #copy{
 position:relative;
 top:0px;
 left:0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:.75em;
 color:#999999;
 }