body {
    background-image: url(graphs/oscbg.gif);
    font-family: Verdana, Helvetica, Arial; 
    font-size: 9pt;
}

a:link { color: #336699 }
a:active { color: #FFCC33 }
a:visited { color: #336699 }

.index { 
    font-family: Verdana, Arial, Helvetica, san-serif; 
    color: #336699; 
    text-decoration: none 
}

.header {               
    font-family: Verdana, Arial, Helvetica, sans-serif;               
    font-size: 14pt;
    font-weight: bold;               
    color: #336699;
}

#content p.error {
    color: red;
}

.headerTable {
  font-size: 30px;
  font-weight: bold;
}

td.mainNav {
  font-family: Verdana, Helvetica, Arial;
  font-size: 7pt;
  color: #336699;
}

td 
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    vertical-align: top;  
    font-size: 10pt;       
}                   

/* fixed page width */
div#innerwrapper
{
    width: 750px;             
    margin-left: 30px;
    padding: 10px 7px 0px 7px;
    background-color: #ffffff;             
}

div#outside {
 width: auto;
 min-width: 780px;
 overflow:hidden;
 height:auto;
 min-height:300px;
 margin-left: 15px;
 float:left;
}

table.mainTable 
{
    width: 750px;             
    background-color: #ffffff;             
    margin-left: 50px;
}     

/* ********** footer *********** */
/* Horizontal unordered list for footer links */
div#footer {
    width: 750px;             
    background-color: #ffffff;             
    margin-left: 18px;
    font-size: 7pt;       
    color: #333333;
}

table.footerTable 
{
    width: 800px;             
    background-color: #ffffff;             
    margin-left: 50px;
    padding: 0px 10px 10px 0px;
}  

div#banr {
    border-bottom: solid 0px #cccccc; 
    font-size: 7pt;
    color: #336699;
    min-height: 100px;
}

td.headerRow 
{
    border-bottom: solid 0px #cccccc; 
    font-size: 7pt;
    color: #336699;
}

td.footerRow 
{
    border-top: solid 0px #cccccc;  
    font-size: 7pt;       
    color: #333333;
    padding-left: 10px;
} 

div#navcol, div#topnav, div#tools, div#section, div#skip2 {
  display: none;
}

td.sideColumn 
{
    width: 0px;             
} 

#banr {
position:relative;
text-align:left;
}
/* Places required link to campus homepage */
#ucb {
position: relative;
top: 9px;
left: 12px;
width:50%;
}
#ucb a {
text-decoration: none;
}
#ucb a:hover, #ucb a:active {
text-decoration:underline;
}
#logo {
 margin: 10px 0px 0px 0px;
 position: absolute;
 top: 10px;
 width: 100%;
 float:left;
}
#logo a{
 background-image: url(graphs/osclogo.gif);
 background-repeat: no-repeat;
 height: 84px;
 width: 416px;
 display:block;
}
#pagebody {
 display:inline;
 float:left;
}
/* Common toolset - map/email/search */
#tools {
position:absolute;
top: 2px;
right: 7px;
vertical-align: top;
text-align: right;
}
#tools form {
display:inline;
}
#tools input {
margin: 2px 0;
border:none;
}
#tools input.go {
margin-bottom:-4px;
}
#tools a, #tools a:visited {
text-decoration:none;
}
#tools a:hover, #tools a:visited:hover {
text-decoration:underline;
}

div#contentcol
{
    width: auto;             
    padding: 0px 30px 10px 0px;
    border: solid 0px #cccccc;
    height:auto;
    min-height:300px;
}

td.mainContentBox 
{
    width: 700px;             
    padding: 0px 0px 10px 0px;
    border: solid 0px #cccccc;
}   

div#content
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

div#content p,ol,ul
{
    font-size: 8.5pt;
    color: #333333;
}

div#content ul, li
{
    margin: .0em 0 .0em 1.3em;
}

div#content ol
{
    margin: .0em 0 .0em 1.3em;
}

div#content ol, li
{
    margin: .0em 0 .0em 1.3em;
}

td.mainContentBox p
{
    font-size: 8.5pt;
    color: #333333;
}          

/* OSOC forms */
div#content td.formColHeader, td.formColHeader {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 7.5pt;
    color: #HHHHHH;
    background-color: #CCCCCC;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 4px;
    width: 170px;
}

div#content td.formColHeaderAlt, td.formColHeaderAlt {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 7.5pt;
    color: #HHHHHH;
    background-color: #E6E6E6;
    font-weight: bold;
    padding-left: 5px;
    padding-top: 4px;
    width: 170px;
}

div#content td.formColField, td.formColField {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 7pt;
    color: #336699;
    font-weight: bold;
    padding-left: 5px;
}