/*Props to bluerobot.com for some of the wonderful styles used below. Styles are listed alphabetically.*/
/*WISCONSIN STORIES HOME PAGE CSS*/

	
#greenbayNav {
	background-color:#FFFF00;
	z-index: 400;
	position:absolute;
	top:93px;
	left:0px;
	width:760px;/*correct width of 760px + left and right padding*/
	height:101px;
	line-height:17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:760px;	
	/*border-bottom-style: double;
	border-bottom-color: #CCC;
	border-width: 4px;*/
		
	}
/* Again, "be nice to Opera 5". */
body>#greenbayNav {width:760px;}


#greenbayPatch {
	z-index: 1;
	position:absolute;
	top:60px;
	left:548px;
	}
	
body {
	/*font: 76% Verdana, sans-serif;*/ 
	margin: 0; 
	padding: 0;
	font: 0.8125em Verdana, sans-serif;
	line-height: 1; 
	color: #333; 
	background: #f4f4ee;
	text-align:left; 
	}
	
	
.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	margin:5px 10px 10px 15px;	
	}

.bodyResources {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #000000;
	margin:5px 10px 10px 3px;	
	}			
	
.bodyArchive2 {
	padding-top: 1px;		
	}	

.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #fff;	
	}	
	
.homepageintro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color:#fff;
	font-weight:bold;	
	}	
#container {
	width: 100%;
	/*height: 400px;*/
	margin: 0px;
	padding: 0px;
	
	}
	
#containerWW2 {
	width: 100%;
	height: 456px;
	margin: 0px;
	padding: 0px;
	background:#c9c9a7 url(../images2003/backgrounds/ww2_olive_stripes.gif) repeat scroll left top;
	}	

#contentheader {
	background:#518E95;
	width:100%;
	text-align:left;
	height:155px;
	}
		
#contentheader h1 {
	font-size:14px;
	padding:10px;
	margin:0px;
	}
	
#contentright p { font-size:10px}

/*#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}*/
	


#floatinglinksWW2 {
	z-index: 1;
	position:absolute;
	top:170px;
	left:137;
	width:301px;
	line-height:17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:300px;
	}
/* Again, "be nice to Opera 5". */
body>#floatinglinksWW2 {width:300px;}

.frame {

	float:left;
	}
	
#footer {
	width: 100%;	
	padding: 0px;
	margin: 0px;
	}
	
	
#footer2 {
	width: 100%;	
	padding: 0px;
	margin: 0px;
	}	
	
/*#footer
	{
	
padding: 10px 10px 10px 0px;
color: #333;
background-color: #fff;}*/

h1 {
	font-size:10px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	padding-left:15px;
	padding-top:0px;
	}
		

#header {
	
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:155px; /* 155px + 0px padding + 0px border= 155px */
	background:#518E95;
	width:100%;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:155px; /* the correct height */
	text-align:left;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:155px;}

.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-left:15px;
	}
	
.headlineFlush {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-left:0px;
	}	
	
#jelloText {
	margin:0px 50px 0px 614px;/*margin and padding order is top, right, bottom, left*/
	padding:10px;
	}
	
#jello {
	margin-left:614px;
	text-align:left;
	padding:0px;
	/*background:#5C494A;*/
	width:100%;
	
	
	}
	

/*this stable column contains the three columns, regions 2, 3, 4*/	
#leftCol {
	
	margin:0px;
	padding:0px;
	border-top:1px solid #CCC;
	position:absolute;
	top:248px;
	left:0px;
	width:615px;/* correct width of 614px + 0px padding  + 0px borders = 614px*/
	/*height:353px;correct height of 252 + 1px top border and 0 px bottom border + 0px padding=427px*/

/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:615px;
	/*height:352px;*/
	}
/* Again, "be nice to Opera 5". */
body>#leftCol {width:614px;/* height:352px;*/
	}

/*this stable column contains the three columns, regions 2, 3, 4*/	
#leftColworldwar2 {
	margin:0px;
	padding:0px;
	/*border: 0px solid #CCC;*/
	position:absolute;
	top:261px;
	left:0px;
	/*background:#fff;*/
	width:1000px;/* correct width of 614px + 0px padding  + 0px borders = 614px*/
	height:457;/*correct height of 335 + 1px top border and 0 px bottom border + 0px padding=457px*/

/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:1000px;/*614 is the true height*/
	height:456;/*456 is the true height*/
	}
/* Again, "be nice to Opera 5". */
body>#leftColworldwar2 {width:100%; height:335;/* 614 is the true width and 335 is the true height*/
	}
	
		
	
	
/*#leftCol p {
	font:10px/14px "Gill Sans", geneva, verdana, arial, helvetica, sans-serif;
	}*/
		
.nomargin {
	margin: 0px;
	padding: 0px;	
	}
	
p {

	text-align:left;
	}
	
.programs {
	border-top:1px dashed #999;
	margin:15px 10px 10px 15px;
	padding-top:15px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	}	
	
.paddingLogo {
	margin: 10px 0px 0px 0px;
	text-align: left;
	}
	
.paddingPartners {
	margin-right: 10px;
	
	}	
	
	
.pictureBorder {
	border-bottom: 1px solid #666666;	
	}
	
.pictureBorder2 {
	border-left: 1px solid #A7A88C;
	border-right:1px solid #A7A88C;	
	}	
	
/*World War II columns also duplicated in _style_home_col.css; delete when relinked*/

#r1WW2{
	width:100%;
	background:#704148;
	}
	
#r2WW2 {
	width:204px;
	padding:0px;
	float:left;
	background:#d9dab5;
	height:100%;	
	}	
	
#r3WW2 {
	width:206px;
	padding:0px;
	float:left;
	background:#cecfac;
	height:100%;
	/*border-left:1px solid #996;
	border-right:1px solid #996;*/
	}
	
#r4WW2 {
	width:204px;
	padding:0px;
	float:left;
	background:#d9dab5;
	height:100%;
	}
	
#r5WW2 {
	width:363px;
	padding:0px;
	float:left;
	background:#e4daa1;
	height:100%;
	}
	
.star {
	margin: 1px 5px 25px 0px;
	float:left;
	}
	
	
	
.thumbnail {
	margin: 4px 15px 25px 0px;
	float:left;
	}