/*masthead styles*/	

#header {/*this div holds the header contents together. You must have it for IE*/	
	background: transportation;
	position:relative;
	}
	


/*container styles*/
#wrapperWV {
	margin: 0 auto; /*Centers in FF */
	text-align:left;/*For IE/Win, properly aligns content left; otherwise, content remains centered in IE*/ 
	font-size: 0.88em;/*don't mess with this--keeps the font size perfect*/
	width: 980px; 
	border:1px solid #333;
	background: #fff url(/pics/bkgd_wrapper1.gif) 0 0 repeat-y;
	margin-bottom:20px;
	}
	
body {

    margin:0px;
	padding:0px;	
	font: 0.8125em/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background: #fff;/*WPT's background color is #78665C*/
	text-align: center; /*Centers in IE */
	}


#banner {
	position:relative;
	top:0px;
	width: 980px; 
	/*height:94px;*/
	height:103px;
	margin: 0 auto;
	border-bottom:2px solid #fff;
	background: #333 url(/pics/banner_kidsvote.gif) repeat-y 50% 0;
	}
	
	
#bannerKVlogo /*hovering wpt logo in top banner; links back to wisconsinvote.org*/
	{
	position:relative;
	top: 16px;
	left:72px;
	z-index:10000;
	background-color:transparent;
 	}
	
#bannerEDBlogo /*hovering wpr logo in top banner; links back to wpr.org*/
	{
	position:absolute;
	top: 13px;
	left:630px;
	z-index:10010;
	background-color:transparent;
 	}
	
#bannerWPTlogo /*hovering wpt logo in top banner; links back to wpt.org*/
	{
	position:absolute;
	top: 13px;
	left:815px;
	z-index:10020;
	background-color:transparent;
 	}
			
	
#search {
	z-index: 1000; 
	position:relative;
	top:-5px;
	left:750px;
	}

/*left column navigation links*/
a.leftnav:link, a.leftnav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:underline;
	}

a.leftnav:hover, a.leftnav:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:none;
	}	
	
	
#homepage {
	z-index: 100; 
	position:relative;
	top:26px;
	left:12px;
	width:400px;
	background-color:transparent;
	}
		
	
#globalNav {
	position:absolute;/*originally had relative position with top and left position at 0px 0px; had to change when search.cfm pooped out April 2, 2008*/
	width: 980px; 
	top:70px;
	/*left:0px;*/
	font: 0.855em Geneva, Arial, Helvetica, sans-serif; font-weight:700;
	text-transform: uppercase;
	background-color: #000;/*originally #474747;*/
	/*padding: 5px 20px 5px 20px; */
	padding:5px 0 5px 0;
	border-top: 1px solid #fff; 
	border-bottom: 1px solid #fff; 
	height:12px; 
	}
			

#globalNav ul, #globalNav2 ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	}

#globalNav li, #globalNav2 li {
	display: inline;
	padding: 0 10px;
	}

#globalNav li a, #globalNav2 li a{
	text-decoration: none;
	color: #fff;
	}

#globalNav li a:hover, #globalNav2 li a:hover {
	text-decoration: none;
	color: #FD9900;
	}		
	
	
/*left-hand navigation; updated by EK-N July 07, 2008*/	
.leftNavBlock {
	width: 222px;
	float:left;
	background-color:#99CCCC;/*ocean blue*/
	}
	
.leftNavBlock ul
	{
	width: 222px;
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

.leftNavBlock li 
	{
	
	margin: 0px;	
	}

.leftNavBlock li.intro
	{
	font-weight:bold;
	/* width:234px;correct width of 222px + the 12px total for left/right padding plus 0px  border*/
	padding: 5px 2px 6px 10px;
	margin:0px;
	border-bottom: 2px solid #fff;
	background: #99CCCC;/*ocean blue matches column background*/
	color:#0066CC;/*orig #0066CC, same as WPT's naav*/
	text-transform:uppercase;
	}	
	
	
.leftNavBlock a 
	{
	display: block;
	
	padding: 5px 2px 6px 10px;
	margin-bottom:-5px;/*keeps the list tightly stacked; otherwise, you see the light background between links during hover state*/
	border-bottom: 2px solid #fff;
	background: #99CCCC;/*ocean blue matches column background*/
	text-decoration: none; /*lets remove the link underlines*/
	text-transform:uppercase;
	}
	
.leftNavBlock a:link, .leftNavBlock a:active, .leftNavBlock a:visited 
	{
	color:#666666;
	text-transform:uppercase;
	}

.leftNavBlock a:hover 
	{
	
	border-bottom: 2px solid #fff;
	background: #829FAE;
	color: #fff;
	text-transform:uppercase;
	}	
	

#homeVideoPreviews {
	float: left; 
	width: 288px;/* correct width of 288px + 0 padding + 0 borders*/
	padding: 10px 0px 10px 0px;
	background-color:transparent;	
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:295px;
	}
/* Again, "be nice to Opera 5". */
body>#homeVideoPreviews {width:295px;
	}	
	
	
/*WisconsinVote Media Shortcut links--------*/
#mediaShortcut 
	{
	width: 126px;
	float:left;
	/* this width value is also effected by
	the padding we will later set on the links. */
	}
	
#mediaShortcut ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.955em; 
	font-weight:normal;
	}

#mediaShortcut li 
	{
	margin: 0px;
	padding:0px;
	}

#mediaShortcut li.intro, #mediaShortcut li.intro2
	{
	font-weight:bold;
	padding:4px 0px 4px 10px;
	}	

#mediaShortcut li.intro
	{
	background-color:#FF9933;
	padding:4px 0px 4px 10px;	
	}	
	
#mediaShortcut li.intro2
	{
	background-color:#ADC9C9;	
	}	
	
#mediaShortcut a 
	{
	
	display: block;
	width:114px;/*true width of 126px subtracting the left/right padding*/
	padding: 4px 2px 4px 10px;
	border-bottom: 1px solid #fff;
	background: #88A4A4;
	text-decoration: none; /*lets remove the link underlines*/
	}
	
#mediaShortcut a:link, #mediaShortcut a:active, #mediaShortcut a:visited {
color: #000000;
}

#mediaShortcut a:hover 
	{
	border-bottom: 1px solid #fff;
	background: #ADC9C9;
	color: #fff;
	}
	
/*media shortcut arrow link to media library*/
#mediaShortcut a.arrow:link, #mediaShortcut a.arrow:visited {
	text-decoration:none;
	width:15px;
	padding:0;
	background:transparent;
	color:transparent;
	border:0;
	text-decoration: none;
	}

#mediaShortcut a.arrow:hover, #mediaShortcut a.arrow:active {
	text-decoration:none;
	width:15px;
	padding:0;
	background:transparent;
	color:transparent;
	border:0;
	text-decoration: none;
	}
	
/*hacks
.leftNavBlock, .leftNavBlock li.intro, .leftNavBlock a, .leftNavBlock a:hover {width: 222px; voice-family: "\"}\""; voice-family: inherit; width: 222px;}*/