body {
background-color: #eeeeee;
font-family: "tahoma",arial,"sans serif"; 
font-size: 14px;
padding: 0px;
margin: 0px;
text-align: center;
}
td {
font-size: 14px;
background-color: #efefef;
}
.formfield {
border: 1px solid #000000;
font-family: "arial",trebuchet ms",lucida Sans Unicode","tahoma",arial,"sans serif"; 
font-size: 13px;
margin: 2px;
color: #303748;
}
.drop-shadow, .drop-shadow-vert {
margin: 3px 0px 5px 0px;
float: left;
}
.drop-shadow {
text-align: left;
width: 140px;
height: 110px; 
background: url(../style/drop_shadow.gif) top left no-repeat;    
} 
.drop-shadow-vert {
width:110px; 
height: 140px;
background: url(../style/drop_shadow_vert.gif) top left no-repeat;   
}
.drop-shadow img, .drop-shadow-vert img {
margin: 5px;
padding: 0px;
border-style: none;
}
.drop-shadow img
{
width: 120px;
height: 90px;
} 
.drop-shadow-vert img {
width: 90px;
height: 120px;
}
.thumbnail_title {
text-align: center;
font-size: 11px;
}
a { color: #000000; }
a:visited { color: #000000; }
#wrapper {
text-align: left;
width: 780px;
min-width: 700px;
margin: 10px auto;
background-color: #ffffff;
line-height: 130%;
border-width: 10px 10px 10px 10px;
border-color: #999999;
border-style: solid;
padding: 0px;
vertical-align: top;
color: #333333;
}
#quicknav {
text-align: right;
height: 30px;
color: #ffffff;
line-height: 30px;
background-color: #cccccc;
border-bottom: 1px solid #666666;
border-top: 1px solid #dedede;
}
#topstrip {
font-size: 1px;
height: 10px;
background-image: url('../style/topstripne.png');
background-repeat: no-repeat;
}
#bottomstrip {
font-size: 1px;
height: 10px;
background-image: url('../style/topstripneb.png');
background-repeat: no-repeat;
}
#header {
background-color: #ddd;
background-image: url('../style/header_repeatx.png');
background-repeat: repeat-x;
background-position: center top;
height: 120px;
border-bottom: 1px solid #666666;
}
#logol {
background-image: url('../style/stlogo.png');
background-repeat: no-repeat;
background-position: center center;
float: left;
width: 500px;
height: 120px;
}
#logor {
background-image: url('../style/padi_logo.gif');
background-repeat: no-repeat;
background-position: center center;
float: right;
width: 120px;
height: 120px;
}
#content {
float: right;
border-left: 1px solid #999999;
width: 600px;
border-style: solid;
border-width: 0px 0px 0px 1px;
max-width: 610px;
vertical-align: top;
}
#navi {
float: left;
width: 168px;
max-width: 168px;
margin: 0px;
padding: 0px;
text-align: center;
}
#navi ul {
text-align: left;
padding: 0px;
margin: 15px auto 25px auto;
width: 138px;
max-width: 138px;
}
.mainnav, .subnav {
list-style: none;
text-indent: 5px;
position: relative;
border-style: solid;
border-width: 1px;
}
.mainnav {
background-color: #dddddd;
border-color: #eeeeee #aaaaaa #aaaaaa #eeeeee;
font-size: 0.9em;
}
.subnav {
font-size: 12px;
border-color: #eeeeee #aaaaaa #aaaaaa #eeeeee;
}
.mainnav a, .subnav a {
line-height: 28px;
display: block;
/*height: 28px;*/
color: #000000;
text-decoration: none;
}
.mainnav a {
background-image: url("gauge_e.gif");
background-repeat: no-repeat;
background-position: 5px center;
text-indent: 30px;
color: #333333;
}
.subnav a {
text-indent: 5px;
}
.mainnav a:hover {
border-color: #222222 #444444 #444444 #222222;
background-color: #515151;
background-image: url("gauge_f.gif");
background-repeat: no-repeat;
background-position: 5 center;
color: #ffffff;
}
.mainnav a.sel {
/*border-color: #222222 #444444 #444444 #222222;
background-color: #515151;
color: #ffffff;*/
background-image: url("gauge_f.gif");
background-repeat: no-repeat;
background-position: 5 center;
}
.subnav a.sel {
border-color: #ff0000 #eeeeee #eeeeee #aaaaaa;
font-weight: bold;
}
.titlestrip, .titlestripr {
height: 23px;
line-height: 23px;
text-indent: 5px;
padding: 0px;
margin: 15px 15px 15px 10px;
font-weight: bold;
}
.titlestrip {
background-image: url("titlestrip.png");
background-repeat: no-repeat;
background-position: left center;
}
.titlestripr {
background-image: url("titlestripr.png");
background-repeat: no-repeat;
background-position: right center;
}
.titlestriprb {
height: 25px;
margin-top: 3px;
background-image: url("titlestripr.png");
background-repeat: no-repeat;
background-position: right center;
}
.course {
margin: 10px;
text-align: justify;
padding-bottom: 8px;
}
.course .coursetitle, .titlestrip {
color: #ffffff;
}
.course .coursetitle, .course {
text-decoration: none;
}
.course .coursetitle, .course .fullcourselink {
font-weight: bold;
}
a.fullcourselink {
font-size: 0.9em;
color: #333333;
}
#quicklink {
border: 1px solid #eeeeee;
margin: 0px 10px 10px 15px; 
width: 170px; 
float: right; 
padding: 3px; 
}
#quicklinktitle {
font-style: italic;
font-size: 0.8em; 
padding: 3px;
}
#footer {
clear: both;
margin: 0;
padding: .5em;
color: #333;
border-top: 1px solid gray;
}
.opaque {
opacity: 1.0;
filter: alpha(opacity=100);
}
.imagedesc {
width: 100%;
background-color: #ffffff;
position: absolute;
z-index: 2;
filter:alpha(opacity=70);
opacity:0.7;
}
.imagedesc p {
text-align: left;
margin: 3px;
font-size: 0.7em;
}
li {
display: block;
}
.sidebarphoto { 
margin: 5px auto 5px auto;
height: 110px;
text-align: center;
background: url(../style/drop_shadow_side.gif) top center no-repeat;  
}
.sidebarphoto img {
padding-top: 10px;
}
#browserfootnote {
clear: both;
text-align: right;
margin: 2px;
}
#browserfootnote, #browserfootnote a {
font-size: 9px;
color: #999999;
}

#fb_feed {
float: right;
margin: 15px;
}