html * {
margin: 0;
padding: 0;
}
body {
font: 78%/140% Helvetica, Arial, sans-serif;
color: #000;
margin: 0 0 20px 0;
}
/*-- Global ---------- */
a {
font-weight: bold;
}
a:hover {
}
img { border: 0; }
p { padding-bottom: 10px; }
#sitecontainer {
width: 770px;
background:#b9dce3 url("../images/bg.gif") repeat-x;
}
/*-- Header ---------- */
#header {
width: 770px;
background: url("../images/header_bg.gif") 0px 24px no-repeat;
/* margin: 0 auto; */
height: 115px;
}
ul#topnav {
text-align: right;
list-style: none;
height: 24px;
}
ul#topnav li { display: inline; }
ul#topnav li a {
font-size: .9em;
font-weight: normal;
color: #000;
padding: 0 3px 0 3px;
border-right: solid 1px #333;
}
ul#topnav li a.last {
padding: 0 0 0 3px;
border: none;
}
h1#logo a {
display: block;
height: 81px;
width: 178px;
background: url("../images/mst_logo.gif") 36px 8px no-repeat;
text-decoration: none;
text-indent: -999em;
float: left;
}
#header form {
margin: 0 0 0 504px;
width: 244px;
padding: 4px 0 0 6px;
}
#header form p {
padding: 0;
}
#header form fieldset { border: 0; }
#header form fieldset legend {
font-weight: bold;
color: #195d98;
}
#header form fieldset label {
display: block;
float: left;
color: #195d98;
text-align: right;
width: 116px;
padding: 1px 4px 0 0;
font-size: .9em;
height: 1em;
}
#header form fieldset input.forminput {
width: 115px;
font-weight: bold;
vertical-align: middle;
border: solid 1px #ccc;
}
#header form fieldset input.submit {
float: right;
border: 0;
border-left: solid 18px #004a8d;
background: none;
color: #004a8d;
margin: 5px 6px 0 0;
font-size: .9em;
font-weight: bold;
}
div#print {
padding: 0;
height: 20px;
line-height: 17px;
background: #fff;
padding: 10px 0 0 0;
}
div#print p {
width: 770px;
/* margin: 0 auto; */
text-align: right;
}
div#print p a {
color: #369ab0;
text-decoration: none;
background: url("../images/print_icon.gif") no-repeat;
padding: 4px 0 4px 21px;
font-weight: normal;
}
/*-- Container ---------- */
#container {
background: #fff;
}
/*-- Cols ---------- */
#cols {
/* margin: 0 auto; */
margin: 0 auto 20px auto;
background: url("../images/cols_bg.gif") 190px 20px repeat-y;
}
/*-- Col1 ---------- */
#col1 {
width: 201px;
float: left;
margin: 0 -3px 0 0;
}
html>body #col1 { margin: 0; }
ul#nav {
width: 200px;
}
ul#nav li {
list-style: none;
display: inline;
}
ul#nav li a {
color: #004a8d;
display: block;
padding: 2px 0 2px 20px;
text-decoration: none;
font-weight: normal;
width: 170px;
}
ul#nav li a:hover {
background: #004a8d;
color: #fff;
}
ul#nav li ul {
position: absolute;
width: 200px;
left: -999em;
}
ul#nav li:hover ul, ul#nav li.sfhover ul {
left: auto;
margin: -35px 0 0 160px;
border-right: solid 3px #666;
border-bottom: solid 3px #666;
border-top: solid 1px #004a8d;
border-left: solid 1px #004a8d;
/*background: url("../images/hovernav_bg.png") right top repeat-y;*/
}
ul#nav li ul li a {
background: #fff;
width: 180px;
padding-right: 6px;
}
ul#nav li#active ul {
position: relative;
left: auto;
}
ul#nav li#active a {
background: #004a8d;
color: #fff;
}
ul#nav li#active ul li a {
margin: 2px 0 2px 21px;
padding: 0 0 0 4px;
width: 141px;
border-left: solid 19px #fff;
background: none;
color: #004a8d;
}
ul#nav li#active ul li a:hover {
border-left: solid 19px #369ab0;
background: none;
color: #369ab0;
}
ul#nav li#active:hover ul, ul#nav li#active ul {
margin: 0;
border: none;
}
/*-- Col2 ---------- */
#col2 {
width: 569px;
margin: 0 0 0 198px;
}
html>body #col2 { margin: 0 0 0 201px; }
#contentarea {
padding: 0px 22px 0 22px;
}
h2#pagetitle {
color: #004a8d;
font-size: 1.8em;
padding: 0 0 8px 0;
line-height:normal;
}
h2#pagetitle span {
color: #000;
margin: 0 0 0 3px;
}
h3#subtitle {
border-bottom: solid 1px #004a8d;
padding: 0 0 12px 0;
margin: 0 0 12px 0;
}
h3#subtitlehome {
border-bottom: solid 1px #004a8d;
padding: 0 0 6px 0;
margin: 0 0 6px 0;
font: 100%/120% Helvetica, Arial, sans-serif,;
font-weight: bold;
}
#contentarea ul, #contentarea ol {
margin: 10px 20px 10px 20px;
}
#contentarea li {
margin: 4px 0 4px 0;
}
/*-- Footer ---------- */
#footer {
clear: both;
background:#b9dce3 url("../images/footer_bg.gif") repeat-x;
padding: 0 0 10px 0;
width: 770px;
}
#footer p {
/* margin: 0 auto; */
color: #369ab0;
font-size: .8em;
text-align: right;
padding: 10px 10px 10px 0;
}
table {
padding: 5px; margin:2px;
border: solid 1px #009999;
width:520px;
text-align:left;
}
#tableNav {text-align:right; padding:5px; margin:5px; background-color:#EEE; width:540px;}
#tableNav a {color:0048ad; text-decoration:none; line-height:normal; font-weight:lighter;}
#tableNav a:hover {color:0048ad; text-decoration:underline; line-height:normal;}
#tableNav a:visited {color:#6666CC; text-decoration:underline; line-height:normal;}
/*complete_overview.php table formatting */
#coTable {
padding: 5px;
margin:2px 2px 2px 25px;
width:560px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
vertical-align:top;
}
th {
padding: 5px 2px;
margin:2px 2px 2px 25px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-weight:lighter;
vertical-align:top;
background-color:#004a8d;
color:#FFF;
}
td {padding: 5px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
vertical-align:top;
}
#td2 {padding: 5px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
vertical-align:top;
background-color:#B9DCE3;
}
#td2 p {
text-indent: -2em;
padding-left: 2em;
}
#td3 p {
text-indent: -.5em;
padding-left: .5em;
background-color:#FFF;
}
#td3 {width:168px;}
/* end complete_overview.php table formatting */
#sitecontainer #container #cols #col2 #contentarea td {
line-height: normal;
text-align: left;
vertical-align: middle;
white-space: normal;
padding: 5px;
display:table-cell;
}
/* from http://www.positioniseverything.net/easyclearing.html --------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */