
/* CSS Document */

body{
padding:0;
margin:0;
font-size:14px; 
font-family:Arial, Helvetica, sans-serif;
background:#FFFFFF;
}

#blue{
width:100%;
text-align:center;
background:url(http://www.tvo.org/utils_tvo/tvoImgs/tvostripe.jpg) #000000 top repeat-x;
height:19px;
}


#global input{
text-align:left;
margin-top:2px;
padding-top:2px;
vertical-align:top;
}


#corp{
width:980px; /*old vers: 800px*/
background-color:#000000;
text-align:left;
}


/*bar uptop*/

#tvobar{
background:#333;
height:100%;
padding:0;
margin:0;}


#tvosmallred{
padding:0 20px 0 3px;
margin:0;
}

/*inside nav*/

#innernav{
width:100%;
height:30px;
padding:0;
margin:0 auto 0 auto;
color:#CCC;
/*background:url(images/blackpage.gif) repeat-y top;*/
}

#innernav a{
color:#CCC;
text-decoration:none;
}

#innernav img{
border:none;}

#innernav ul{
display:inline;
font-size:0.85em;
color:#FFF;
padding:0 30px 0 0;
margin:50px 0 0 5px;
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#innernav ul li{
width:auto;
padding:0 5px 0 5px;
display:inline;
}

#innernav ul li a{
color:#CCC;
text-decoration:none;}

#innernav ul li a:hover{
color:#666;}

#innernav form{
display:inline;
padding:15px 15px 3px 15px;
margin:0 0 5px 0;
border:1px solid #343235;
background:#333;}

#innernav.on{
color:#fff;}

#loginsignup{
display:inline;
padding:15px 15px 3px 15px;
margin:0 0 5px 10px;
font-size:0.75em;}

#loginsignup a{
color:#666;}

#loginsignup a:hover{
color:#e9f7ff;}


/*inner container*/
#container{
width:980px; /*old vers: 760px*/
background:url(images/bluebg.jpg);
padding:0 10px 0 10px;
margin:0 auto;
}

#global{
width:100%;
background:#333333; 
width:100%; 
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:left;
border-bottom:1px solid #000000;}

#adminHUD{
background-color:#000000;
color:#FFCC00;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
height:28px;
font-size:0.75em;
height:100%;
text-align:left;
padding-bottom:2px;
}

#adminHUD a{
color: #ffffff;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
text-decoration: none;
}

a#signuplink{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.2em;
color: #66cccc;
text-decoration: none;
font-weight: bold;
}

#adminHUD #frontusername{
font-size:.95em;
border:none;}
#adminHUD #frontpassword{
font-size:.95em;
border:none;}


#adminHUD #loginbtn{
margin:10px 50px 0px 0px;
padding:0px;
background:url(images/fade4.jpg);
color:#000000;
border:1px solid #CCC;
font-size:0.95em;}



#masthead1{
clear:both;
width:980px;
height:254px;/*75px orig*/
padding:0;
margin:0 auto 5px auto;
background:url(images/citizenred2.gif) repeat-x;
}

img{border:none;}

#logo{
float:left;
padding:0;
margin:0;
/*background:url(images/citizenlogo.gif); */
}


#headline{
float:right;
padding:25px 15px 0 0;/*with faq:15px 15px 0 0;*/
margin:20px 20px 0 0;
}

#headline p{
width:300px;
color:#FFF;
font-size:1.5em;/*with faq:1.2em*/
padding:0 0 0 5px;
margin:10px 0 0 5px;/*with faq: 0 0 0 5px*/
}

#headline img{
float:left;
}

.electoralfaqbtn{
float:left;
padding:0;
margin:15px 30px 0 0;}

#leftCol{
width:250px;
font-family:Arial, Helvetica, sans-serif;
float:left;
margin:5px 0 0 0;
padding:0px 5px 0px 5px;
}

#centerCol{
width:715px;
float:right;
padding:0;
margin-bottom:30px;
}


.updateHdr{
width:300px;
height:90px;
padding:0;
margin:0;
display:block;
background:url(images/updateHdr.gif) no-repeat top center;
}



#updates{
width:320px;
height:500px;
display:block;
float:left;
padding-left:26px;
margin:0;
overflow:auto;
background:url(images/blueshadow.gif) left repeat-y;
/*border-left:2px solid #660000;*/
}


#updates p{
font-size:1em;
margin:1em;}

#updates p.first:first-line{
color:#660000;
font-size:1.8em;}


#player{
width:320px;
height:500px;
display:block;
float:left;
padding:0 0 0 0;
margin-left:10px;
border:1px solid #333;
color:#FFFFFF;
background:#333333;
}

#player a:link{
color:#FFCC00;}

#rightCol{
float:right;
width:125px;/*135px*/
margin:0px;
padding:0px;
}


/*FORM*/

#pagenav{
margin:10px 0 0 10px;}

#passform{
height:600px;}

#signupform, #passform{
width:55%;
margin:20px auto;}

#CFForm_2{
padding:5px;
margin-top:40px;
background:#d2dde7;}



#signupform h2, #signupform h4{
margin-top:20px;
margin-bottom:20px;}

#signupform p{
margin:3px;}

#signupform label{
padding:0;
margin:0;
}

#signupform input, #passform input{
margin:10px 0 10px 0;
font-size:1.2em;}

#newsletterSignUp{
width:400px;
padding:20px;
margin:10px 0 10px 0;
background:#d2dde7;}

.newsletterItem{
margin:5px 10px 5px 0px;}


#termsText{
width:450px;
height:200px;
margin:10px 0 10px 0;}


#bottomLink1{ 	
	color:#000;
	text-align:center;
	height:50px; 
	background:#D2DDE7;
	clear:both; 
}

#bottomLink2{
	color:#000;
	text-align:center;
	height:50px; 
	background:#D2DDE7;
	clear:both; 
	}


#bottomLink1 a:link, #bottomLink2 a:link{
	color:#000;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;}

