.left {text-align: left}
.center {text-align: center}
.right {text-align: right}
.note {font-size: x-small;}
.plain {border: none}
.alignfont {font-family: courier}

body {background-color: #CCF; behavior:url(csshover.htc);}

body, p, h1 {font-family: sans-serif, arial; }

h1 {margin: 0; padding: 0 0 .4em;}

table {border-collapse: collapse; border: solid 2px #66F; border-spacing: 0px; background-color: #FEC; margin: 0 0 20px;}
td, th {border: solid white 1px; padding: 4px; margin: 0px; text-align: left}
td.body {padding: 20px; text-align: left}
th.data {border-color: #66F; border-width: 2px 1px}
.data {text-align: center}

a.site {
display: block;
background-color: #66F; 
border-style: solid; 
border-width: 2px; 
border-color: #FFF; 
text-decoration: none; 
padding: 4px; 
width: 200px;
margin-top: 20px;
text-align: center;
color: #FFF;
font-size: small;}

a.site:hover {background-color: #F93}

a.sitesmall {
display: inline;
background-color: #66F; 
border-style: solid; 
border-width: 2px; 
border-color: #FFF; 
text-decoration: none; 
padding: 2px; 
width: 100px; 
text-align: center;
color: #FFF;
font-size: x-small}

a.sitesmall:hover {background-color: #F93}


/***** PAGE LAYOUT BELOW *****/

#container {width: 100%; background-color: #66F; padding: 0;}

#title{
display: block;
position: relative;
width: 100%;
height: 80px;
background-color: #6666FF;
margin-bottom: 20px;
}

#titletext {
display: block;
position: absolute;
left: 30px;
top: 20px;
text-decoration: none;
font-weight: bold;
font-size: xx-large;
color: white;
}

#title a{
padding: 0;
margin: 0;
}

#title a img{
float: left;
padding: 0;
margin: 0;
border: 0;
}

#block {
display: block; 
margin-left: 150px; 
padding: 0 10px 50px 0; 
background-color: #CCF; 
min-height: 500px}

#content {
display: block; 
height: 600px; 
margin-left: 20px; 
padding: 0 10px 0 0; 
background-color: #CCF;}

#nav{
width: 150px;
height: 100%;
margin: 0;
padding: 0;
font-size: 90%;
float: left;
background-color: #66F;
text-align: center;
}

#nav img.logo {
margin: 1em auto;
border: none;
}

#nav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
border-bottom: 1px solid #CCCCFF;
margin: 0; 
}

#nav li.divider {
width: 144px; /* or 150 px minus padding and border-left */
background-color: #6666FF;
text-align: left;
color: #fff;
font-size: medium;
font-weight: bold;
padding: 3px;
/* border-left: 10px solid #AACCFF; */
}

html>body #nav li.divider { /*Non IE6 width - MSIE Box Model Bug*/
width: auto;
}

#nav li a{
display: block;
padding: 5px 5px 5px 8px;
margin: 0;
border-left: 10px solid #99CCFF;
border-right: 10px solid #3333FF;
background-color: #6666FF;
color: #fff;
text-decoration: none;
text-align: left;
width: 117px; /* 150px minus 5 px for right padding, 8 px for left padding, and 2 * 10px for borders */
}

html>body #nav li a{ /*Non IE6 width - MSIE Box Model Bug*/
width: auto;
}

#nav li a:hover{
border-left: 10px solid #AACCFF;
border-right: 10px solid #3366FF;
background-color: #FF9933;
color: #fff;
}

#printview {
position: relative;
margin: .5em;
display: block;
float: right;
}