* { padding: 0; margin: 0;}
@charset "utf-8";

html, body {
  margin: 0px;
  margin-bottom: 1em; 
  font: normal 12px Verdana, sans-serif;
  padding: 0px;
  border: 0px;
  color: black;
  background: #E8E9EB; margin-bottom: 1em;
}

table th,td {
padding:5px; 
}

p {padding-bottom: 15px; }

html, body, p, th, td, li, dd, dt, ul {
  font: 10pt Arial, Helvetica, sans-serif;
}


h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  padding:15px 0px 15px 0px
}
h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt ; }
h4 { font-size: 12pt; }
h5 { font-size: 11pt; }
h6 { font-size: 10pt; }
a:link { color: blue; text-decoration: none;}
a:visited { color: blue; text-decoration: none;}
a:hover { color: red; text-decoration: underline;}
a:active { color: red; text-decoration: none;}

.box {
        border-style: solid;
        border-width: 1px;
        border-color: black;
        position:absolute; 
        top:100px; 
        left:20px; 
        }
        
A.alphamenu{
 	font : bold 16pt Verdana, sans-serif;
 	color:#0000FF;
 	text-decoration:none
 		    }
A.alphamenu:Hover{
 	font : bold 16pt verdana, sans-serif;
 	text-decoration:none
 	    	    }
A.alphamenu:Active{
 	font : bold 16pt verdana, sans-serif;
 	text-decoration:none
 		    }
A.alphamenu:Visited{
 	font : bold 16pt verdana, sans-serif;
 	text-decoration:none
		    }
#outerwrapper {
background-image:url(http://library.uco.edu/images/bgsides.png); repeat-y; margin: 0 auto; padding: 0 9px; width: 950px;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 950px; 
 border-bottom: 1px solid gray;
 background-color: #FFF;
}

#header {
	height:70px;
	width:950px;
	background-image:url(http://library.uco.edu/images/subheadfill.png); repeat-y;
}

#sectionhead {
	font: bold 28px Arial; 
	color: #FEC600;
	padding-top: 18px;
	float:right;
	margin-right:40px;
}

#side-a {
	float: left;
}

#content { 
	float: left;
	margin: 0 15px;
	background-color: #FFF;
}

#contentfullpage { 
	float: left;
	margin: 0;
	margin-left:1px; 
	width:949px;
	background-color: #FFF;
}

#pagename {
	font: bold 22px Arial; 
	color: #000;
	padding:10px 0px 10px 0px;

}

#bottom { 
 width: 950px;
 clear: both;
 padding-top: 10px;
 text-align:center; 
 font: normal 10px Verdana, sans-serif; 
}

#footer { clear: both; margin: 0 auto;  }
.cap { background: url(http://library.uco.edu/images/bgCap.png) no-repeat; height: 12px; margin: 0 auto; padding: 0 9px; width: 950px;}


label
{
width: 7.3em;
float: left;
text-align: right;
display: block;
}


input
{
color: #000;
background: #fee3ad;
border: 1px solid #404040;
margin-left:6px;
cursor: pointer;
margin:2px;
padding:2px 3px;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px solid black;
margin-left:6px;
padding-right:6px;
cursor: pointer;
} 

.submit input:Hover
{
background: #003366;
color: white;
border: 2px solid black;
margin-left:6px;
padding-right:8px;
cursor: pointer;
} 

fieldset{
border: 1px solid #000;
padding:5px;
padding-right:6px;

}

legend
{
background: #003366;
border: 1px solid #404040;
padding:6px;
color: #fff;
font-weight:bold;
} 


.submenu{
float:left;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #c0c0c0;
background-color: white;
border-bottom-width: 0;
width: 200px;
}

* html .submenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 200px;
}

.submenu ul{
padding-top:10px;
margin: 0px;
list-style-type: none;
}

.submenu a{
font: bold 13px Verdana;
padding: 6px 3px 4px 6px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #003366;
text-decoration: none;

}

.submenu a:visited{
color: #003366;
}

html>body .submenu a{ /*Non IE rule*/
width: auto;
}

.submenu a:hover{
background-color: #003366;
color: white;
text-decoration: none;
}


.submenu2{
float:left;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #c0c0c0;
background-color: white;
border-bottom-width: 0;
width: 105px;
}

* html .submenu2{ /*IE only rule. Original menu width minus all left/right paddings */
width: 100px;
}

.submenu2 ul{
padding-top:10px;
margin: 0px;
list-style-type: none;
}

.submenu2 a{
font: bold 13px Verdana;
padding: 6px 2px 4px 6px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #003366;
text-decoration: none;

}

.submenu2 a:visited{
color: #003366;
}

html>body .submenu2 a{ /*Non IE rule*/
width: auto;
}

.submenu2 a:hover{
background-color: #003366;
color: white;
text-decoration: none;
}

.list1 li{
  list-style: none;
  background: url(/images/diamond.gif) no-repeat left center;
  padding-left: 1.2em;
}

.list1 ul {
  margin: 1.3em;
  padding: 0;
}

.list2 li{
  list-style: none;
  background: url(/images/redarrow_255.gif) no-repeat left center;
  padding-left: 1.2em;
}

.list2 ul {
  margin: 1.3em;
  padding: 0;
}

.question{
border-top-style: dashed;
border-top-width:1px;
border-color: #ccc;
padding: 10px;
}


.questiongov{
background:#D6D6D6;
padding:5px;
border-top-style: dashed;
border-top-width:1px;
}
.answergov{
background:#FFFFFF;
padding:5px;
margin-bottom:10px;
}

.subhead {
color: #800000; 
font-weight: bold; 
padding-bottom:5px;
padding-top:5px;
}

.sectitle {
font-size:1.2em; 
padding-bottom:10px; 
font-weight:bold;
color:#800000;
}

.gobutton {
	background-color:#FFC300; 
	font-weight:bold;
	font-size: 1em; 
}
/*group study rooms */
.bgtd{
background-color:#CCC; padding: 5px;text-decoration:line-through;
}
.bgcheck{
background-color:#CCC;text-decoration:line-through;
}
.bg2{
padding: 2px 2px 2px 28px; background-color:#CCC;text-decoration:line-through;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ CSS Tableless Form*/

.cssform p{
width: 600px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 350px; /*width of left column containing the label elements*/
/* nice effect but not sure I want it border-top: 1px dashed gray;*/
height: 1%;
}

.cssform label{
float: left;
margin-left: -350px; /*width of left column*/
width: 345px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

}

.cssform textarea{
width: 300px;
height: 50px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
*/

* html .threepxfix{
margin-left: 3px;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-weight:bold}

tr.lightrow td {
background-color: #FFF;
}
tr.darkrow td {
background-color: #DDD;
}