/*UW Varsity Band stylesheet*/

/*Each section intro page also links to a secondary stylesheet which designates the background color behind the ghosted background image*/

/*COLUMN POSITION*/

/*LEFT COLUMN STYLE WAS unused for this stylesheet*/
#leftCol {
	position:absolute;
	width:231;/*correct width of 200 + border-left 1px + padding left 20px + padding right 10px */
	top:341px;
	left:0px;
	border-right:1px dashed #425462;
	margin-bottom:5px;	
	padding:0px 10px 0px 20px;
	line-height:17px;
	z-index: 100;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
	}
/* Again, "be nice to Opera 5". */
body>#leftCol {width:200px;
	}
	
	
#centerCol {
	margin:330px 260px 50px 241px;/*margin and padding order is top, right, bottom, left*/
	padding:10px;
	}
	
	
#OLDcenterCol {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:200px; /*minimum width only works in X browser*/
	margin:340px 260px 0px 231px;/*margin and padding order is top, right, bottom, left*/
	padding:0px 0px 0px 20px;
	border:0px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
	
		
#rightCol {
	position:absolute;
	width:221px;/*correct width of 200px + border-left 1px + padding left 20px */
	top:350px;
	right:20px;
	border-left:1px dashed #425462;
	/*background-color:#FEF6E4;/*a cream*/
	padding:0px 0px 0px 20px;
	z-index:2;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
	}
/* Again, "be nice to Opera 5". */
body>#rightCol {width:200px;}

.rule {
	border-top:1px dashed #425462;
	margin: 20px 0px 10px 0px;
	width:70%;
	}

	
#centerCol li {
	font:12px/18px  geneva, verdana, arial, helvetica, sans-serif;
	}
		

#centerCol ul {
	margin:0px 0px 15px 18px;
	}	
/*Almost Home

CSS are grouped this way:

links

typography

image positioning

column positioning

borders
*/

/*links*/
a:link {
	color:#660000;
	
}
	a:visited {
	color:#660000;
	
}
	a:hover {
	color: #999;
	text-decoration: none;
	}

a img {
	border: 0px;
}
	
a.globalLinkOn, a.globalLinkOn:visited, a.globalLinkOn:hover{
	font-family: Futura, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #D1E805;/*acid green highlight color*/
	font-size: 10px;
	background-color: #425462;
	padding: 2px 10px 0px 6px;
	text-decoration: none;
}

a.globalLink:link,a.globalLink:visited {/*horizontal links:  home, about the film, site map, search*/
	font-family: Futura, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #97B4C3;/*powder blue*/
	font-size: 10px;
	/*background-color: #000;*/
	padding: 2px 10px 0px 6px;
	text-decoration: none;
}

a.globalLink:hover {
	font-family:  Futura, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #D1E805;/*acid green highlight color*/
	font-size: 10px;
	background-color: #425462;
	padding: 2px 10px 0px 6px;
	text-decoration: none;
}

a.sideLinkOn,a.sideLinkOn:visited,a.sideLinkOn:hover, a.sideLinkOn:active {
	font-family:  Futura, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background-color: #425462;/*teal*/
	color: #D6CCB3;/*putty*/
	text-decoration: none;
	}
	
a.sideLink,a.sideLink:visited {
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #425462;/*teal*/
	background-color: #D6CCB3;/*putty*/
	text-decoration: none;
	}	
	
a.sideLink:hover {
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background-color: #425462;/*teal*/
	color: #D6CCB3;/*putty*/
	text-decoration: none;
	}		

	
	
a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #000000;
	}	

a.footer:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #000;
	}	
	
a.footer:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.footer:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.intro a:link,
.intro a:visited {
	color: #fff;
	text-decoration: underline;
	}
	
.intro a:hover,
.intro a:active {	
	color: #fff;
	text-decoration:none;
	}
		
				

/*alternate link styles
a.stylename {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color: #666600;font-size: 10px;}
	a.stylename:visited {color:#09c;}
	a.stylename:hover {color:#09c;text-decoration: underline;}
	a.stylename:active {color:#09c;}
	}*/
	
#global a:visited, #global a:link, #global a:active {/*371 productions/wpt links in black global nav*/
	color:#FAF9ED;
	padding-right:6px;
	padding-left:6px;
	padding-bottom:6px;
	font-size:10px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#global a:hover {
	padding-right:6px;
	padding-left:6px;
	padding-bottom:6px;
	color:#000;
	background:#D1E805;/*acid green accent color*/
	font-size:10px;
	text-decoration:none
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


/*typography styles*/
body {
	margin:0px;
	padding:0px;
	font-family:geneva, verdana, arial, helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	background-color:#fff;
	z-index:0;
	}
	
h1 {
	font-family: scala,"Trebuchet MS", geneva, verdana, arial, helvetica, sans-serif;
	margin:0px 0px -19px -1px;/*margin and padding order is top, right, bottom, left*/
	padding:0px;
	font-size:30px;
	line-height:50px;
	font-weight:900;
	color:#666;
	min-width:500px;/*minimum width works in Netscape only--Mac and PC*/
	}
	
h2 {font-family:arial, helvetica, sans-serif;
	margin:0px 0px 0px 0px;/*margin and padding order is top, right, bottom, left*/
	font-size: 18px;
	font-weight: bold;
	color:#333366	
}

.headline {
	font:13px/16px geneva, verdana, arial, helvetica, sans-serif;
	color:#000;
	font-weight: bold;
	padding-bottom:20px;
}

.header {
	font:12px/16px geneva, verdana, arial, helvetica, sans-serif;
	color:#425462;/*teal*/
	font-weight: bold;
	padding-top:10px;
}

.asterisk {
	color:#CC3300;
	font-weight: bold;
}

.on {
	color:#CC3300;
	font-weight: bold;
}

p {
	font:12px/18px geneva, verdana, arial, helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	}
	
.footer {
	font:10px/14px geneva, verdana, arial, helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	}


#leftCol p {
	font:11px/13px  geneva, verdana, arial, helvetica, sans-serif;
	margin-bottom:5px;
	}
	
#rightCol p {
	font:10px/13px  geneva, verdana, arial, helvetica, sans-serif;
	margin-bottom:5px;
	}
		
.intro {
	position: absolute;
	width: 350px; 
	top: 160px;
	left: 252px;
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	font-weight: bold;
	}

.author {
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #000;
	}


/*styles for image positioning*/
/*.globalnav {
	position:absolute;
	background-color: #000000;
	margin: 0px;
	width: 100%;
	height: 30px;
}*/

#global {/*this id holds the black globalnav links for 371 productions and wpt*/
	position: absolute;
	width: 100%; /* Incorrect value fed to ie5win */
	height: 17px;
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px 0px;/*margin and padding order is top, right, bottom, left*/
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
	text-align:right;
	color:#FAF9ED;
	border: 0px ;
	 background: #000;
/*Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:100%;
	}
body>#global {width: 100%; /* Correct for CSS2 browsers or "be nice to Opera rule"*/
	}

#global2 {/*horizontal links home/about the film/site map/search*/
	position: absolute;
	width: 400px; /*Incorrect value fed to ie5win */
	height: 17px;
	top: 80px;
	right: 0px;
	margin: 0px 0px 0px 60px;/*margin and padding order is top, right, bottom, left*/
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
	/*text-align:left;*/
	color:#FAF9ED;
	border: 0px ;
	 /*background: #425462;teal*/
/*Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:400px;
	}
body>#global2 {width: 400px; /* Correct for CSS2 browsers or "be nice to Opera rule"*/
	}	

#globalnav {/*only using this id because IE adds an extra 2 pixels 0f empty space underneath the corporate nav*/
	position: absolute;
	width: 100%; /* Incorrect value fed to ie5win */
	height: 32px;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding:0px;
	border: 0px ;
	background:#000;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:100%;
	z-index:0;
	}
body>#globalnav {width: 100%; /* Correct for CSS2 browsers or "be nice to Opera rule"*/
	}



.navpix {
	background-color: #000000;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.picture1 {
	position:absolute;
	top: 5px;
	left: 80px;
	z-index:50;
}

.picture2 {
	position:absolute;
	top: 16px;
	left: 7px;
	z-index:100;
}

.picture3 {
	position:absolute;
	top: 22px;
	left: 215px;
	z-index:100;
}

.horizontalLinks {
	position:absolute;
	width:400px;
	height:17px;
	top: 61px;
	left: 217px;
	z-index:3;
}




/*styles related to column position*/
/*#Content {
	z-index: 100;
	position: relative;
	margin:132px 0px 0px 220px;
	padding:0px 20px 0px 0px;
	
	}*/
	
/*#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}*/


#Content li {
	font:12px/18px  geneva, verdana, arial, helvetica, sans-serif;
	}
		

#Content ul {
	margin:-5px 0px 15px 18px;
	}	





/*styles related to borders and content padding*/
.topBanners {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}

.colContent {
	border-top:1px dashed #999;	
	text-align:right;
	padding:13px 0px 10px 0px;
	}
	
	
.colContent2 {
		
	text-align:right;
	padding:13px 0px 10px 0px;
	}	

	
.horizontalrule {
	border-top:1px dashed #999;
	padding:13px 0px 20px;
	margin:50px 0px 0px;
	}

.ruleResources{
	border-top:1px dashed #999;
	padding:13px 0px 20px;
	margin:50px 0px 0px;
	}
	
.padding {
	padding:0px 0px 10px 10px;
	float: right;
	}
	
.padding2 {
	padding:0px 10px 10px 0px;
	float: left;
	}