/* 
    Document   : cpuc_base
    Created on : Aug 4, 2010, 6:25:47 AM
    Author     : Brian Sholly
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/* CSS RESET */
html, body, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 50px; list-style: decimal; }
ul { padding-left: 50px; list-style:disc; }
q:before, q:after { content:''; }
/* END CSS RESET */

root { 
    display: block;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 1em;
    background: url("../images/bkgnd_menu.gif") repeat-y;
    background-color: white;
}
h1, h2, h3, h4 { 
    padding: 10px 0 5px 0;
    font-weight: bold; 
    color: #0000FF; 
}
h1 { font-size: 150%; }
h2 { font-size: 130%; padding-top: 15px; }
h3 { font-size: 100%; }
h4 { font-size:  90%; }
p, ul { padding: 10px 0;}
li { padding: 5px 0px; }
table { 
    width: 100%;
    margin-bottom: 10px;
}
th, td { 
    text-align: center; 
    border: 1px solid #888;
}
th { 
    font-weight: bold;
    background: #CCCC99;
}
td { 
    vertical-align: top;
    padding: 5px 5px 5px 0;
}
.address {
    font-style: normal;
    padding: 10px 40px;
}

.alpha { list-style-type: upper-alpha; }
.indent	{ padding-left: 50px; }
.underline { text-decoration: underline; }
.unspaced { line-height: 99%; font-size: 200%; }
.nobullet { 
    list-style: none inside none; 
    margin-left: -18px;
}
.red { color: #F22222; }
.update {
    font-style: italic;
    font-weight: bold;
}
.centered { text-align: center; }

ul.casual { list-style: none none; margin-left: -28px; }
ul.casual li span { display: table-cell; }
ul.casual li span:first-child { width: 40px; }
ul.casual li ol, ul { margin-left: 20px; }

ul.figures { list-style: none none; margin-left: -18px; }
ul.figures li span{ display: table-cell; }
ul.figures li span:first-child { width: 55px; }


#banner {  }
#banner h1 {
    color: #ff6633;
    font-size: 125%;
}
#banner h2 {
    font-size: 175%;
}

#left_column {
/*    position: fixed; */
    background-color: #CCCC99;
    float: left;
    width: 162px;
    font-size: 75%;
}
#left_column img {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 9px;    
    padding-right: 12px;
}
#left_column p {
    padding-left: 4px;
}
#nav {
    margin: 0;
    padding: 0;
}
#nav ul {
    list-style: none none;
    margin: 0;
    padding: 0;
    width: 172px;
}
#nav ul li a {
    margin: -5px 0px;
    padding: 4px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    text-decoration: none;
    display: block;
    
}
#nav ul li a:hover {
    background: #EEEE88;
}
#nav ul li#active {
    background: #ff6633;
}
#nav li:first-child { }

#main {
    margin-left: 200px;
    margin-right: 15px;
}
#main ul {
    padding-left: 50px;
}

#instructions {
    color: red;
}
#note {
    /* margin-top: 30px;
    margin-bottom: 20px;
    font-size: 75%; */
}

#webinfo {
    /* margin-top: 20px;
    margin-bottom: 20px;
    font-size: 75%; */
}
#webinfo img { 
    float: left;
    vertical-align: middle;
}

#footer {
    clear: both;
    margin-left: 171px;
    padding-top: 20px;
}
#footer p {
    text-align: center;
}