/* Ohio State masthead/navigation bar styles Created:September 2004. Update:March 2006:#masthead bckgr to jpg file,color For more information see:http://www.osu.edu/resources/ */
#masthead{width:100%;position:relative;font-family:"trebuchet ms",Helvetica,Arial,sans-serif;line-height:100%;margin:0px;padding:0px;background:#c9c9c9 url(img/gradient.jpg) no-repeat 0px 0px;}
h1.masttitle,h2.masturl{margin:0px;float:left;position:relative;padding:8px;font-family:"trebuchet ms",sans-serif;font-size:100%;line-height:100%;font-weight:normal;padding-left:6px;padding-right:6px;}
h1.masttitle{padding-left:11px;padding-right:11px;background-color:#990000;border-right:1px solid #ccc;}
h1.masttitle a,h2.masturl a{text-decoration:none;color:white;}
h1.masttitle a:hover{color:#F9F7DC;text-decoration:underline;}
h2.masturl a:hover{color:#F9F7DC;text-decoration:underline;}
#mastnavigation{position:relative;float:right;padding:0px;padding-top:4px;margin:0px;font-family:"trebuchet ms",Helvetica,Arial,sans-serif;font-size:100%;line-height:100%;font-weight:normal;}
#mastnavigation ol{display:inline;margin-bottom:0;list-style-type:none;color:#fff;margin-right:6px;}
#mastnavigation ol li{display:inline;}
#mastnavigation ol li img{vertical-align:middle;}
#mastnavigation ol li a{color:#222;padding:0em 5px;text-decoration:none;border-right:0px solid #ccc;}
#mastnavigation ol li a:hover{background:#eee;color:black;}
#mastnavigation input{vertical-align:middle;}
#mastnavigation input.textfield{padding:0px;font-family:"trebuchet ms",sans-serif;background:#DDE0C6;font-size:100%;width:65px;border:1px solid gray;height:1.4em;}
img {border:none;}
br.clearall{clear:both;}
/* <hr> tag hack for more ie 5,6.x compatibility. found here:http://www.sovavsiti.cz/css/hr.html */
div.hr{margin-top:1px;width:100%;height:1px;background:#D5D5E6 url(img/spacer.gif) no-repeat scroll center;margin-bottom:0px;}
div.hr hr{display:none;}
/* to hide label from Camino browser */
.label{display:none;}
/* endmasthead */

body{width: 960px; margin: 0 auto; font-family:"trebuchet ms",Helvetica,Arial,sans-serif;color:#333;/* font-size:.8em;*/
font-size:85%;line-height:135%;padding:0px;}
#skippagenav{position:absolute;top:-200px;left:-200px;background:red;z-index:3;}
.hidden{display:none;}
#twocolumnleft,#twocolumnright,#threecolumn,#singlecolumn{position:relative;width:99%;margin-right:auto;margin-left:auto;margin-top:12px;background:white;}
#content{margin-bottom:12px;}
#content p{}
#content h1,#content h2,#content h3,#content h4{font-family:Verdana,Helvetica,Arial,sans-serif;color:black;background-color:transparent;margin-top:25px;margin-bottom:5px;padding-bottom:0px;}
#content h1{color: #900;font-size:1.5em;}
#content h2{color: #900;font-size:1.2em;}
#content h3{font-size:1em;}
#content h4{font-size:.9em;}
br.clearall{clear:both;}

/* positioning */
img.border {margin: 5px 10px; padding: 4px; border: #ccc solid 1px}

.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.alignleft{float:left;}
.alignright{float:right;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin:10px;/* optional rounded corners for browsers that support it */-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.caption img{margin:0;padding:0;border:0 none;}
.caption p.caption-text{padding:0 4px 5px;margin:0;font-size: 11px; line-height: 1.5em;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

/* Page title */
#title{background:white;margin:0px;margin-top:13px;width:100%;margin-bottom:3px;}
#title img{margin-right:9px;vertical-align:middle;}
/* unused for now...*/
.replace{position:relative;margin:0px;padding:0px;/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden;/* */}
.replace span{display:block;position:absolute;top:0px;left:0px;z-index:1;/*for Opera 5 and 6*/}
#myh1,#myh1 span{height:100px;width:300px;background-image:url(head.png);}

/* Content Layouts:single column */
#singlecolumn{position:relative;width:100%;margin-top:12px;background:white;}
/* Content Layouts:2 column left */
#twocolumnleft #smallcolumn{float:left;width:26%;background:white;margin:0px;padding:0px;margin-right:2%;}
#twocolumnleft #maincolumn{float:left;width:69%;background:white;}
#twocolumnleft #maincolumn p,#twocolumnright #maincolumn p{font-family:georgia,Helvetica,Arial,sans-serif;line-height:135%;font-size:small;color:black;}
#twocolumnleft #smallcolumn p,#twocolumnright #smallcolumn p{font-family:Verdana,Helvetica,Arial,sans-serif;line-height:135%;color:black;font-size:x-small;}
#smallcolumn ol{margin:0px;padding:0px;list-style-type:none;font-size:1em;}
/* #content #smallcolumn #maincolumn h2{margin-top:0px;}*/
#maincolumn OL LI{font-family:georgia,Helvetica,Arial,sans-serif;list-style-type:square;line-height:135%;}
/*Content Layouts:2 column right*/
#twocolumnright #smallcolumn{float:right;width:20%;background:white;margin:0px;padding:0px;padding-right:2%;}
#twocolumnright #maincolumn{float:left;min-width:560px;width:76%;margin-top:0%;background:white;}
/*Content Layouts:3 columns. based from http://www.positioniseverything.net/thr.col.stretch.html*/
#threecolumn{position:relative;width:95%;background:white;}
#threecolumn #smallcolumn{position:absolute;right:1%;width:24%;background:white;}
#threecolumn #maincolumn{margin:0 34% 0 26%;background:white;width:47%;}
#threecolumn #left{position:absolute;width:24%;background:white;margin-top:0px;}
#threecolumn #left h1,#threecolumn #left h2,#threecolumn #left h3,#threecolumn #left h4,
#threecolumn #smallcolumn h1,#threecolumn #smallcolumn h2,#threecolumn #smallcolumn h3,#threecolumn #smallcolumn h4{margin-top:0px;}
/*Content Layouts:3 columns. based from http://www.saila.com/usage/layouts/saila_layout.html*/
#threecolumn{position:relative;width:95%;background:white;}
#threecolumn #smallcolumn{float:left;width:19%;background:white;margin-left:1%;}
#threecolumn #maincolumn{float:left;width:50%;margin-left:4%;background:white;margin-right:3%;}
#threecolumn #left{float:left;width:19%;background:white;}
/*Tabbed navigation */
#menuholder{width:100%;}
#menutab{background:#e5e5e5 url("img/hairline.gif") repeat-x bottom center;border-top:0px solid #BEBFBF;border-right:1px solid #BEBFBF;margin-top:16px;}
#topline{width:100%;background:transparent url("img/hairline.gif") repeat-x top center;}
#bottomline{width:100%;background:transparent url("img/hairline.gif") repeat-x top center; }
#menutab ul,#menutab ol{margin:0;padding:0px 0px 0;list-style:none;}
#menutab li{float:left;background:url("img/left.gif") no-repeat left top;margin:0;padding:0 0 0 5px; }
#menutab a,#menutab a.last{float:left;display:block;background:url("img/right.gif") no-repeat right top;padding:5px 15px 2px 6px;color:#222;text-decoration:none;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menutab a,#menutab a.last{float:none;}
/* End IE5-Mac hack */
#menutab a.last{background: url("img/right-last.gif") no-repeat right top;padding:5px 17px 2px 6px;}
#menutab a:hover{color:black;text-decoration:underline;}
#menutab #current{background-image: url("img/left-on.gif");}
#menutab #current a{background-image: url("img/right-on.gif");padding-bottom:3px;color:#900;text-decoration:none;font-weight:bold;}

#footer{width:100%;padding-top:12px;border-top:2px solid #ccc;}
#footer p{padding:0px;margin-top:0px;margin-bottom:0px;font-size:.9em;}