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

/* set default font for page to 12px */
body {
        font-family: Arial, Helvetica, Verdana, sans-serif;
        font-size: .8em;
		background-image: url(http://www.wisconsin.edu/template_images/lines.gif);
}

#contentum { display: inline; }

/* default link color is a standard blue */
#content a:visited { color: #903; }
#content a, #footer a, #footer a:visited, #breadcrumbs a:visited { color: #00a; }

#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 *******************************************/

#content ul li { list-style-image: url(http://www.wisconsin.edu/template_images/liarrow.gif); }

#overall {
        position: relative;
        border: solid 1px #903;
}
#overall_buffer {
        background-color: #fff;
}
#header {
        border-bottom: solid 1px #903;
}
#header img {
        border: 0;
}
#headernav {
        margin-top: 0px;
        border-top: solid 1px #903;
}
#headernav a {
        text-decoration: none;
        color: #000;
}
#headernav a:visited {
        color #000;
}
#headernav a:hover {
        color: #903;
}
/* our simulated hr is just an empty div element with a top border */
div.hr { border-top: solid 1px #666; }
/************************** positioning and floats ******************************************/
#header #uwlogo,
#header #image,
#header #photo {
        float: left;
        margin-bottom: -5px;
}
html>body #header #uwlogo,
html>body #header #image,
html>body #header #photo {
	margin-bottom: 0px;
}
#header #uwlogo {
        margin-top: -5px;
}
#header #image {
    margin-left: 29px;
}
#header #photo {
        text-align: right;
}
#content {
	margin: 0 10px;
}
#leftcol, #midcol, #rightcol {
        float: left;
}
#headernav {
        clear: left;
        text-align: center;
        padding: 2px;
}
#headernav ul, #headernav li {
        list-style: none;
        display: inline;
}
#headernav li {
        padding-right: 20px;
        /*border-right: 1px solid #000;*/
}
/************************** margins, padding, and other spacing *****************************/
#overall,
div.hr {
        margin-left: auto;
        margin-right: auto;
}
#uwlogo {
        padding: 4px 4px 0 4px;
}
#rightcol {
        margin-left: -5px;
}
#leftcol {
        padding:  14px;
}
#footer {
        margin-top: 15px;
        padding-bottom: 6px;
        clear: both;
}
#validate a,
#validate a:link {
        color: #999 !important;
        text-decoration: none;
}
#validate a:hover  {
        color: #00C !important;
}
#ti1  { display: none; }
#ti2 { margin-left: 10px; }
div.hr { clear: both; }

/************************* spatial dimensions (widths and heights) *****************************/
#overall { width: 760px; }
#headernav { height: auto; }
#header { height: 80px; }
html>body #header { height: auto; }
#header #uwlogo, #header #image { height: 60px; }
#leftcol { width: 246px; }

div.hr {
        width: 400px;
        height: 1px;
        margin-bottom: 4px;
}
.fwSec {
        float: left;
        clear: both;
        width: 184px;
        border: 2px solid #000;
        margin: 8px;
        margin-bottom: 10px;
        margin-left: 2px;
        height: auto;
}
.fwSec .footer {
        clear: both;
        height; 0;
		
}
.fwSec h2 {
        background-color:#FF9;
        text-align: center;
        border-bottom: 1px solid #000;
        font-size:15px;
        margin-top: 0px;
        margin-bottom: -1px;
        padding: 4px 0;
}
.fwSec h3 {
        color: #000;
        font-size:13px;
        margin: 4px;
        text-align: center;
}
.fwSec .leftcell,
.fwSec .rightcell {
        float: left;
		border-top: 1px solid #000;
}
.fwSec .rightcell {

	
}
.fwSec .row {
        position: relative;
        border-bottom: 1px solid #000;
		
        clear: both;
}
.fwSec .row img {
        float: right;
}
.fwSec .leftcell {
        width: 92px;
}
.fwSec .rightcell {
        width: 134px;
        border-left: 1px solid #000;
}

.fwSec .mouseover a:hover,
.fwSec .mouseover a:active
 {
        display: block;
}
.fwSec .content {
        padding: 4px;
        font-size: 11px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000;
}
.fwSec a {
		text-decoration: none;
		color: #000;
}
.fwSec a:link {
		color: #000 !important;
}
.fwSec a:visited {
		color: #000 !important;
}
.fwSec a:hover{
		color: #00F !important;
}

.fwSec .rightcell .content {
        border-bottom: 0;
}
.rtArrow {
        float: left;
        margin-left: -8px;
}


#header #headerlinks { background-image: url(../template_images/longheader.jpg); }
/*#content, #menuwrapper { display: inline; } /*IE Hack absolutely necessary or content will clear past the menu */

#upArrow {
        clear: both;
}
#upArrow img {
        position: relative;
        display: inline;
        margin:  0 80px -11px auto;
        left: 80px;
	top: -3px;
		height: 20px;
		width: 41px;
		clear: both;
}
html>body #upArrow img {
        display: block;
        margin:  6px auto -2px auto;
        left: 0px;
	top: 6px;
}

#content sup {
	line-height: 0;
}


