/******************  fonts (colors, sizes, families, weights, etc) ********************************/

/* set default font for page to 12px */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: .8em;
}

#contentum { display: inline; }

h1 abbr {
	text-decoration: none;
	border: none;
}
/* default link color is a standard blue */
#content a:visited { color: #903; }
#content a, #footer a, #footer a:visited, #breadcrumbs a:visited { color: #00a; }
/*#contentum a { color: #903; }
#contentum a:visited { color: #d47; }*/

/* our breadcrumbs underline when hovered over, but are bare otherwise. Normal links are the opposite */
#breadcrumbs { font-size: 10px; }
#content a:hover, #breadcrumbs a { text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

/* text in the footer is centered and smaller than our standard text */
#footer { 
	font-size: 11px;
	text-align: center;
}


h1, h3 { color: #903; } 
h1 { font-size: 1.5em; }

h2 { font-size: 1.4em; }

h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

li.reditalic { 
	color: #903; 
	font-style: italic; 
}

div.hr { font-size: 1px; }
.archive { 
	text-align: right; 
	font-size: .85em;
}

.smalltext { font-size: .8em; }
.bold { font-weight: bold; }

/***************** background colors, borders, and images *******************************************/

body { background-image: url(../template_images/lines.gif); }
#content ul li { list-style-image: url(../template_images/liarrow.gif); }

#overall { 
	position: relative;
	border: solid 1px #903; 
}
#overall_buffer { 
	background-color: #fff; 
	background-repeat: repeat-y; 
	background-image: url(../template_images/leftcolnomenu.gif);
}
#header #image{ border: none; }
#headerlinks { 
	background-image: url(../template_images/shortheader.jpg); 
	background-repeat: no-repeat; 
}
#header #image, #overall { background-color: #903; }
#content, #footer, #overall_buffer { background-color: #fff; }

/* our simulated hr is just an empty div element with a top border */
div.hr { border-top: solid 1px #666; }

.img-left img, .img-right img { border: solid 1px #000; }
.rssdiv {
	border: solid 1px #903;
	float: right;
	padding: 4px;
	width: 300px;
}
.rssdiv h1 {
	font-size: 1.3em;
	margin-top: 2px;
}
.rssdiv .pubDate {
	font-size: 0.9em;
	font-style: italic;
}
.rssdiv dl {
	margin-left: 10px;
}
.rssdiv dd {
	margin-bottom: 5px;
	margin-left: 10px;
}
.rss.rssSubscribe {
	display: block;
	float: right;
	border: 1px solid #000;
}

/************************** positioning and floats ******************************************/

#header #image img, #officename, .img-right, .img-right-noborder { float: right; }
.img-left, .img-left-noborder { float: left; }
#officetext { display: none; }

/************************** margins, padding, and other spacing *****************************/

#overall, div.hr { 
	margin-left: auto; 
	margin-right: auto; 
} 
   
#headerlinks span img{ margin-top: 4px; }
#officename { 
	margin-top: -4px;
	padding-right: 10px;
	height: 72px;
}

#uwlogo { margin-left: 20px; }

#contentfixer {
	position: absolute;
	top: 80px;
	padding-left: 10px;
	padding-top: 15px;
	width: 200px;
	height: 100px;
	z-index: 1;
	/*border: 1px solid #000;*/
}
#content { 
	position: relative;
	padding-left: 10px; 
	padding-right: 11px; 
	margin-bottom: 0; 
	padding-bottom: 1em;
	background-color: #fff;
	z-index: 10;
	height: 150px;
}
html>body #content {
	height: auto;
	min-height: 150px;
}

#footer, 
#contentfixer, 
#content { margin-left: 113px; }

#footer { 
	padding-bottom: 1em; 
	margin-top: 0; 
	clear: both;
}

#validate a,
#validate a:link {
	color: #999 !important;
	text-decoration: none;
}
#validate a:hover  {
	color: #00C !important;
}

/* These headers will "stack" on top of each other. */
h1#ti1 { 
	margin-bottom: 0;
	width: 100%;
}
h2#ti2 { 
	margin-top: 0; 
	width: 100%;
}

#menu ul ul li { margin-bottom: 0; }

/* set to 30pt to match the default indent of ul/ol 's. Use this class to achieve indentation instead of blockquotes. */
p.indent { margin-left: 30pt; }

.img-left, .img-right, .img-left-noborder, .img-right-noborder, ul.listspace li, ol.listspace li { margin-bottom: 1em; }
.img-left, .img-left-noborder { margin-right: 1em; }
.img-right, .img-right-noborder { margin-left: 1em; }

div.hr { clear: both; }

/************************* spatial dimensions (widths and heights) *****************************/

#overall, #header { width: 760px; }

/* This is done so the red (left) half of the banner can be seperate from the image (right) half. */
#headerlinks { 
	width: 404px; 
	height: 72px; 
}

div.hr { 
	width: 400px; 
	height: 1px;
	margin-bottom: 4px;
}

@media print
{
	#overall { border: none!important; width: auto!important;}
	#menuwrapper { display: none!important; }
	#content { margin-left: auto!important; float: none!important;}
	#footer { margin-left: auto!important; clear: both!important; }
	#contentfixer { display: none; }
}

/************************ hacks ********************************/
/* fix IE italics problem */
/* \*/
* html #content {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */