html, body{
margin:0px;
padding:0px;
height:100%;
font-size:100%;
font-family: Arial,sans-serif;
}
body {background-color: #006699; color: #000000; } /* dk blue #006699; green #005027; */
/* ****************** DEFAULT STYLES ***************** */
.officeuseonly {height:1px;}
table { margin:0; font-size: 100%; } /* IE hack for better text resizing */
td { background: transparent; border: 0px; margin: 0px; padding: 0px; font-size: inherit; }
table.listSpace td {padding:.2em .4em;vertical-align:top;} /* generic padding */
table.listSpace th {padding:.2em .4em;vertical-align:bottom;} /* generic padding */
img { border: 0 none; }
p { margin-bottom: 1em; margin-top: 0em; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: Arial, sans-serif;}
ul {
list-style-type: square;
margin: .5em 0 1em;
padding: 0 0 0 1.5em;
position:relative;
left: 2px;
visibility: visible;
}
ul ul { list-style-type: disc; }
ul ul ul { list-style-type:circle; }
ol { margin: .5em 0 1em; padding: 0 0 0 1.5em; position:relative;}
ol.listSpace li, ul.listSpace li {margin-bottom:.5em;}
p.listSpace { line-height:1.2; }
blockquote {margin: 1em 15px; padding:15px; }
hr { clear: both; }
a, a:link, a:visited {color: #660800; text-decoration: none;}
a:hover {color: #660800; text-decoration: underline;}
h1{font-size: 24pt; font-weight:normal; font-family: "Lucida Bright", "New Century Schoolbook", times, serif; }
h2{font-size: 114%; color: #004d77;}
h3{font-size: 110%; color: #004d77;}
h4{font-size: 100%; color: #000000;}
h5{font-size: 100%; color: #004d77;}
/* ****************** LAYOUT STYLES ***************** */
#pageframe{
width:960px; /* was 800px */
margin: auto; padding:0px;
background: rgb(229,212,144); /* e5d490 beige #F1EDC2; gray #F5F3E7; */
border:solid black; border-width:1px 2px 2px 1px;
}
#masthead{
margin:auto; padding: 0px;
height:170px; overflow:hidden; /* IE needs height & overflow on div to fix 3px bug */
width:100%;
}
#banner {}
#colwrap{
width:100%; margin:0px; padding: 0px;
}
#leftcol{
width:144px;
float:left;
position:relative;
margin:0px;
padding:0px;
font-size:.8em;
}
#maincol{
float: right;
display:inline;
position: relative;
width:800px; /* was 640px */
margin:0; padding:0;
background-color:white;
height:320px; /* height acts as mininum height for shorter content pages in IE6 */
}
div#colwrap > div#maincol{
height:auto; min-height:320px; /* height for modern browsers */
}
#footer{
width:100%;
clear:both;
margin:0px; padding:0px;
font-size: 75%; color:white; font-weight:bold;
background-color:black; /* rgb(74,26,0);=brown */
}
#footer a{color:#cccccc; text-decoration:underline;}
#footer-left {float:left; text-align:left; padding:8px; width:45%;}
#footer-right {float:right; text-align:right; padding:8px; width:45%;}
/* ****************** MAIN CONTENT STYLES ***************** */
#pageName{
margin: 0px 0em .25em 0;
padding-bottom: 5px;
border-bottom: 2px dashed #cccccc;
}
.feature{
padding: 16px 16px 16px 16px;
font-size: .9em;
}
.feature a, .feature a:link, .feature a:visited {color: #660800; text-decoration: underline;}
.feature a:hover {color: black; text-decoration: underline; background-color: #DFEFFF;}
.feature h3, .feature h2{
margin: 0 0 .5em 0;
padding:0;
text-align: left;
}
.feature img.left{
float: left;
margin: 2px 10px 5px 0px;
padding: 2px;
border:1px solid black;
}
.feature img.right{
float: right;
margin: 2px 0px 5px 10px;
padding: 2px;
border:1px solid black;
}
.announcement {border:1px dashed black; padding:1em;background-color:gold;margin-bottom:1em;}
.highlight{
padding:10px;
border:solid black; border-width:1px 2px 2px 1px;
width:95%;
background-color:#BFE1F2; /* BFE1F2=pale blue rgb(78,175,220)=blue ; #d4dfc8; = green*/
margin-bottom:1em;
font-family: "times new roman",times,serif;
}
.highlight img{
float:left; border:none; padding:0px; margin: 0px;
}
.dept {margin-left:150px;}
.bubble {
margin:0px 0px 1em 1em;
padding: 1em;
width:180px;
float:right;
background-color:#b8c0d1;
border:2px solid #cccccc;
font-size: 92%;
}
.calendar {
width:99%;
font-weight:bold; color: rgb(0,0,0); font-size: .8em;
background-color: rgb(255,255,255);
}
.calendar td {
text-align:center; width:20%; vertical-align:top; padding:.5em;
border: 1px solid #999999;
}
.topper {text-align:right; font-size:.9em;font-weight:bold;}
/*********** page specific styles ***********/
#groups td, #groups th {padding: 8px;vertical-align:top; text-align:left; }
#groups th {font-style:italic; font-weight:bold; border-right:1px dashed #999999;}
#groups tr.odd td, #groups tr.odd th {}
#groups tr.even td, #groups tr.even th {background-color: #b8c0d1; }
/*********** .directory styles ***********/
.dirTitle {width:160px; text-align:center; margin:16px 0px 4px 0px; padding:2px 0px; background-color:rgb(178, 173, 115); font-weight:bold;}
/* #d4dfc8; */
.directory {
list-style: none;
margin: 0px;
padding: 0px 0px 10px 10px;
}
.directory li {margin:0;padding:0;}
.directory a {
width:100%;
padding: .25em 0; padding-left:10px;
display:block;
background: url(images/rightarrow2.gif) center left no-repeat;
}
.directory a:hover {}
/* *********************** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.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 */
/* ********End Float containers fix */
/*printer styles - change font to pixels??? */
@media print{
/*turn off background colors and hide some elements when printing*/
html,body {background:#ffffff none;}
#pageframe{width:96%;margin:0px; background:#ffffff none; border:none 0;page-break-inside:avoid;}
#nav, #search, #leftcol{display:none;}
#maincol{width:100%;}
.feature{padding:0px;}
#footer {margin-top:20px;border:1px solid black;color:black; background:#ffffff none;}
#footer a{color:#999999;}
}