/*
-----------------------------------------------------
This stylesheet created by John Graham of External Relations office jdgraham2@wisc.edu
Additions and corrections are always welcome.
you may use any portion of this stylesheet as you like.  Only requirement is you send an 
email to jdgraham2@wisc.edu and let me know where your from and what site you are using it for.
-----------------------------------------------------

This is the base CSS File
FileName:    css5.css
Version:     2004.05.26
-----------------------------------------------------



/* General Elements */
/* ----------------------------------------------------- */

body {
	margin:0;
	padding:0;
	height:100%;
	color: #000;
	background-color:#fff;
	/*background-color: #bab5a3;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/* I'm changing the base size font here so I can use ems as if they were base 10.
	more info on this is detailed at http://www.clagnut.com/blog/348/     */
	font-size:62.5%;
  /* I think this hack can be removed w/ the new choose your size...
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;    */
}

 /* needed (See above)?
  html>body {font-size:small;}
*/

p {
  margin:0 0 0 0;
  }

dl, ul, ol {  

  margin:0;
  }
/*li {
  margin:0 0 5px 5px;
  list-style-position:outside;
}
commenting out working on drop downs*/

/* This is here to keep some to the sub elements looking nice.*/
form {
	margin:0;
	padding:0;
}
a img {border-style:none;}

/* Formatting Structure */
/* ----------------------------------------------------- */
#wrap {
	position:relative;
	margin:0 0 0 0;
	/*max-width:1200px;*/
	font-size:1.2em;
	width:100%
}

#subwrap {
  margin:0 0 0 0;
  position:relative;
}
#printHeader {
	display:none;
}

/* Left Cols */
/* ----------------------------------------------------- */
#colL {
 	position:absolute;
 	width:20%;
 	left:0;
 	top:0;
 	text-align:right;
	line-height:1.8em;
	padding:0 0px 15px 0px;
	height:100%;
	background-color:#F5F5F5;
}

#colL .content {
  padding:0 10px 15px 10px;
  color:#ccc;
  font-size:1em;
  }
  
/* Main Cols */
/* ----------------------------------------------------- */
#colM {
}
#colM .content {
	font-size:1em;
}


/* Right Cols */
/* ----------------------------------------------------- */
#colR {
	float:right;
	position:relative;
	padding:10px 5px 5px 10px;
	margin:0 0 10px 15px;
	background-color:#F5F5F5;
	width:30%;
	border-left:2px dotted #990000;
	border-bottom:2px dotted #990000;
	z-index:1;
}
	

#colR2 {
	display:none;
}

#colR .content {
}


/* Links */
/* ----------------------------------------------------- */
a:link, a:visited {
}
a:hover {
}
.menuitem a:link, .menuitem a:visited {
}

.menuitemSub a {
}

.menuitem a:hover, .menuitemSub a:hover {
}

#navLeft a:link, #navRight a:link, #navLeft a:visited, #navRight a:visited {
}
#navLeft a:hover, #navRight a:hover {
}
#colR a:link, #colR a:visited {
}
#colR a:hover {
}

*/	
/* Header */
/* ----------------------------------------------------- */
#hdr {
	display:none;
}
#hdrPrint {
	display:none;
}

/* Navigation */
/* ----------------------------------------------------- */
#nav {
	position:relative;
	background:#990000;
	height:24px;
	font-size:1em;
	voice-family: "\"}\""; voice-family:inherit;
	height:24px;
}
#navRight, #navLeft {
	padding-top:4px;
	color:#FFFFFF;
}
#navRight {
	text-align:right;
	float:right;
	margin-right:1em;
}
#navLeft {
	text-align:left;
	float:Left;
	margin-Left:1em;
}
#navSub {
	position:relative;
	background:#cccccc;
	padding:4px 15px 0 0;
	height:33px;
	font-size:1.2em;
	text-align:right;
	voice-family: "\"}\""; voice-family:inherit;
	height:25px;
}

#trailerWrap .content {
	margin:0px 10px 10px 0;
	font-size:1em;
	line-height:135%;
}
  
/* Titles */
/* ----------------------------------------------------- */
#colR .title {
	color:#990000;
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 15px 0;
}
h1, h2, h3, h4, h5, h6 {
	line-height:normal;
	color:#990000;
}

/* Images */
/* ----------------------------------------------------- */

  
/* Misc Content */
/* ----------------------------------------------------- */
.breadCrumbs {
	position:relative;
	letter-spacing:.2em;
	color:#CCCCCC;
	background:#000000;
	padding:4px 15px 0 0;
	height:20px;
	text-align:right;
	voice-family: "\"}\""; voice-family:inherit;
	height:17px;
	font-size:.85em;
}

.breadCrumbs a:visited, .breadCrumbs a:link {
	color:#CCCCCC;
	text-decoration:none;
}

/* Generic */
/* ----------------------------------------------------- */
.standardsNote, .skiplinks {
	display:block;
}

.textSize {	
	border-bottom: 2px solid #000000;
	border-top: 2px solid #000000;
	display:block;
	background-color:#CCCCCC;
}

/* lets format the links and descriptions */
.mainstories {
	border:1px solid #666666;
	margin: 30px 0 10px 0;
}
.mainstories .mainstories {
	background-color:#f5f5f5;
	border: 1px dashed #666;
	margin:10px 10px 30px 20px;
}
.mainstoriesLink {
	font-size:.8em;
	padding:0 10px 0 10px;
	top:-1.1em;
	position:relative;
}
.mainstoriesText {
	font-size:.9em;
	line-height:normal;
	padding:0 10px 0 10px;
	top:-1.1em;
	position:relative;
}
.mainstoriesFooter {
	/*border-top:1px dashed #000000;*/
	margin:3px 0 0 0;
	background-color:#CCCCCC;
	font-size:.8em;
	Padding-left:10px;
	}
/*
**************************************************
 if the mainstories Anchor is left in I should remove it from the printed version

*/
.mainstoriesAnchor {
	border-top:1px dashed #000000;
	border-bottom:1px dashed #000000;
	margin:3px 0 0 0;
	color:#666666;
	background-color:#f5f5f5;
	font-size:.8em;
	Padding-left:10px;
}
.mainstoriesAnchor a:link, .mainstoriesAnchor a:visited {
	color:#666666;
	text-decoration:none;
}
.mainstoriesAnchor a:hover {
	color:#FFFFFF;
	background-color:#990000;
	text-decoration:none;
}
.mainstoriesFooter a:link, .mainstoriesFooter a:visited {
	color:#333333;
	text-decoration:none;
}
.mainstoriesFooter a:hover {
	color:#FFFFFF;
	background-color:#990000;
	text-decoration:none;
}
.mainstories h1,.mainstories h2,.mainstories h3,.mainstories h4,.mainstories h5, .mainstories h6 {
	margin:0;
	padding:0;
	display:inline;
	width:100%;
	color:#990000;
	top:-.8em;
	position:relative;
	background-color:#FFFFFF;
	left:10px;
}

/* Footer */
/* ----------------------------------------------------- */
#foot {
	position:relative;
	clear:both;
	height:auto;
	margin-left:20%;
	margin-right:0%;
	padding-bottom:20px;
	background-color:#FFFFFF;
}
#foot .content {
	border-top:1px dashed #666; 
	font-size:.8em;
	line-height:140%;
	color:#666; 
	padding:15px 1.5em 20px 1.5em;
}

#foot div {
	padding-top:5px;
}
#foot a:link, #foot a:visited {
	white-space:nowrap;
	color:#666;
}

/* 
A few shout outs to:

Paul O'Brian @ www.pmob.co.uk
www.csscreator.com for its excellent forums
Richard Rutter @ http://www.clagnut.com/
James Jackson on yahoo groups css-style
*/