/*
-----------------------------------------------------
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 {
}
body {
	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;
}

/*
**REMOVED 2007_02 
dl, ul, ol {  
  margin:0;
}
*/
#container {
	background-image:url(/_images/2006css/bgShadow.png);
}

/*
**REMOVED 2007_02 
#colM dl, #colM ul, #colM ol {
  margin:0 0 0px 15px;
}
*/
li { 
  margin:0 0 5px 0px;
}

/* This is here to keep some to the sub elements looking nice.*/
form {
	margin:0;
	padding:0;
}

input, select, textarea {
	font:100% Verdana,Sans-serif;
}

a img {
	border-style:none;
}

/* Formatting Structure */
/* ----------------------------------------------------- */
#wrap {
	/*background-color:#fff;
	background-repeat:no-repeat;
	background-position:bottom;*/
}


#printHeader {
	display:none;
}


/* Left Cols */
/* ----------------------------------------------------- */
#colL {
 	text-align:left;
	padding:0 0px 15px 0px;
	height:auto;
}

/* Main Cols */
/* ----------------------------------------------------- */
#colM {
}


/* Right Cols */
/* ----------------------------------------------------- */



/* Links */
/* ----------------------------------------------------- */
#wrap a:link, #colM a:visited, #bottomNav a:visited, #wrap a:visited {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
#wrap 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;
}

.menuitemSelected a:link, .menuitemSelected 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:3px 5px 3px 20px;
	text-decoration:none;
	display:block;
	font-weight:normal;
	text-align:left;
}


/* threw this in as an easy way to put the solid line in the last of the subLinks*/
.menuitemSubLast a {
	font-weight:normal;
	padding:3px 5px 3px 20px;
	text-decoration:none;
	display:block;
	padding-bottom:5px;
	text-align:left;
}
.menuitemSubSub a {
	padding:3px 5px 3px 30px;
	margin:0 0 0 0px;
	text-decoration:none;
	display:block;
	font-weight:normal;
	text-align:left;
	font-size:.9em;
}
.menuitemSubSubSub a {
	padding:3px 5px 3px 45px;
	margin:0 0 0 0px;
	text-decoration:none;
	display:block;
	font-weight:normal;
	text-align:left;
	font-size:.9em;

}

/* threw this in as an easy way to put the solid line in the last of the subLinks*/
.menuitemSubSubLast a {
	font-weight:normal;
	padding:3px 5px 3px 30px;
	text-decoration:none;
	display:block;
	padding-bottom:5px;
	text-align:left;
	font-size:.9em;
}

#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 {
	text-align:right;
}

#hdrPrint {
	display:none;
}

/* Navigation */
/* ----------------------------------------------------- */

#hdrRight, #hdrLeft {
	padding-top:4px;
	color:#FFFFFF;
}
#hdrRight {
	text-align:right;
	padding-right:10px;
}
#hdrLeft {
	text-align:left;
	padding-left:15px;
}

#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;
}


/* Footer */
/* ----------------------------------------------------- */
#foot {
	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;
}

.category {
}
.categoryTitle {
}
.categoryItems {
	margin:0 0 0 15px;
	padding:0 0 0 5px; 
}
.categoryItemTitle{
	margin:0 5px 3px 0;
	padding:2px 0 0 10px;
	border-left:3px solid #ccc;
	border-top:1px dashed rgb(240,240,240);
}
.categoryItemUrl {
	Display:none;
}
	
.categoryItemDescription {
}

#countdown {
	width: 174px;
	height: 168px;
	background-image:url(../_images/countdown/Countdown.jpg)
}
#countdownnum {
	font-size: 22px;
	color:#990000;
	position: absolute;
	margin-left: 115px;
	margin-top: 30px;
}