/*
-----------------------------------------------------
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.  I
It's nice to hear from other designers.
-----------------------------------------------------
**Modified  2005.6.16 **
This CSS file is now a dynamically generated css file.  For the purists I know this goes against the 
nature of CSS, but rather than use constant html>body type of hacks I keep it clean by browser detection.
Any place where I use different code for different browsers I've tried to show the alternate browsers 
versions as comments in case your interested.
-----------------------------------------------------
This is the base CSS File
FileName:    css.asp
Version:     2005.6.16
-----------------------------------------------------



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

html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	color: #000;
	background-color:#fff;
	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%;
}


p {
  margin:0 0 7px 0;
}

dl, ul, ol {  
  margin:0;
}

#colM dl, #colM ul, #colM ol {
  margin:0 0 0px 15px;
}
li {
  margin:0 0 5px 5px;
  list-style-position:outside;
}

/* This is here to keep some to the sub elements looking nice.*/
form {
	margin:0;
	padding:0;
}
#buttonTest {
	background:inherit;
	border:none;
	color:#fff;
	font-weight:bold;
	font-size:.9em;
}
input, select, textarea {
	font:100% Verdana,Sans-serif;
}
textarea {
}
a img {border-style:none;}

/* Formatting Structure */
/* ----------------------------------------------------- */
#wrap {
	float:left;
	width:600px;
	background-color:#fff;
	margin-left:-1px;
	min-height:630px;
	background-image:url(/_images/forCss/bgShieldsm2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#subwrap {
	margin:0 0 0 0;
	position:relative;
	height:100%;
	/*height 100% is kept in to keep IE6.0 happy*/
	min-height:250px;
}

#printHeader {
	display:none;
}

#container {
	width:756px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	padding:0px;
	text-align:left;
}
#container-inside {
	width:750px;
}

/* Left Cols */
/* ----------------------------------------------------- */
#colL {
	float:left;
 	width:150px;
 	left:0;
 	top:0;
 	text-align:left;
	/*line-height:1.8em;*/
	padding:0 0px 15px 0px;
	height:auto;
	background-color:#fff;
	font-size:1em;
}

#colL .content {
  padding:0 10px 15px 10px;
  color:#ccc;
  font-size:1em;
 }
  
/* Main Cols */
/* ----------------------------------------------------- */
#colM {
	float:left;
	padding:0px 0px 15px 10px;
	height:100%;
	width:580px;
}


/* Right Cols */
/* ----------------------------------------------------- */
#colR-QuickLinks {
	float:right;
	position:relative;
	padding:10px 5px 5px 10px;
	margin:0;
	width:200px;
	border-left:2px dotted #990000;
	border-bottom:2px dotted #990000;
	z-index:1;
}

#colR-QuickLinks .ul {
}
	

#colR2 {
	float:left;
	width:250px;
}

#colL2 {
	padding:0 15px 0 15px;
	float:left;
	width:320px;
	line-height:200%;
}


/* Links */
/* ----------------------------------------------------- */
a:link, a:visited {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	background-color:#990000;
	color:#FFFFFF;
}
.menuitem a:link, .menuitem a:visited {
	color:#000000;
	display:block;
	padding:8px 10px 8px 10px;
	text-decoration: none;
	font-weight:normal;
}

/*  In case someone wants to have sub categories on the left on select pages*/
.menuitemSub a {
	padding-right:18px;
	text-decoration:none;
	display:block;
	font-weight:normal;
	text-align:right;
}


/* threw this in as an easy way to put the solid line in the last of the subLinks*/
.menuitemSubLast a {
	font-weight:normal;
	padding-right:18px;
	text-decoration:none;
	display:block;
	padding-bottom:5px;
	text-align:right;
}

#navLeft a:link, #navRight a:link, #navLeft a:visited, #navRight a:visited {
	text-decoration:none;
	color:#FFFFFF;
}

#navLeft a:hover, #navRight a:hover {
	color:#990000;
	background-color:#FFFFFF;
}
#colR a:link, #colR a:visited {
	display:block;
	text-decoration:none;
	color:#333333;
}
#colR a:hover {
	display:block;
	color:#990000;
	background-color:#000000;
}

/* Header */
/* ----------------------------------------------------- */
#hdr {
	height:20px;
	background: url(/_images/forCss/header.png) no-repeat left;
	
	width:750px;
	overflow:hidden;
	text-align:right;
	font-size:18px;
	padding:50px 0px 5px 0;
}

#hdrPrint {
	display:none;
}

/* Navigation */
/* ----------------------------------------------------- */
#nav {
	position:relative;
	background:#990000;
	height:27px;
}
#navRight, #navLeft {
	padding-top:4px;
	color:#FFFFFF;
}
#navRight {
	text-align:right;
	float:right;
	padding-right:15px;
}
#navLeft {
	text-align:left;
	float:Left;
	padding-left:15px;
	width:50%;
}

#templateSearch {
	display:inline;
}
  
/* Titles */
/* ----------------------------------------------------- */
#colR .title {
	color:#990000;
	font-size:1.6em;
	font-weight:bold;
	margin:0 0 15px 0;
}

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

  
/* Misc Content */
/* ----------------------------------------------------- */
.breadCrumbs {
	letter-spacing:.1em;
	color:#000;
	padding:4px 15px 5px 5px;
	text-align:right;
	font-size:.9em;
}

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

/* Generic */
/* ----------------------------------------------------- */
.standardsNote, .skiplinks {display:none;}
.textSize {	
	border-bottom: 2px solid #000000;
	display:block;
	background-color:#CCCCCC;
}


/* Footer */
/* ----------------------------------------------------- */
#foot {
	clear:both;
	height:100%;
	padding:15px;
	font-size:.9em;
	line-height:160%;
	color:#666; 
}

#foot a:link, #foot a:visited {
	white-space:nowrap;
	color:#666;
}
#foot p {
	margin:0;
	padding:0;
}

#bottomNav {
	border-top:1px dashed #666;
	font-size:.9em;
	line-height:140%;
	color:#666; 
	margin-top:10px;
	padding:10px;
}

.clr {
	clear:both;
	height:0px;
	margin:0;
	padding:0;
}
/* 
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
*/