html {
height : 100%;
}
body {
margin : 0; 
padding : 0; 
height : 100%;
color : #000;
background-color : #ccc;
font-family : arial, verdana, tahoma, sans-serif;
}
img{
display:block;
border : 0;
}
#wrap {
width : 98%;
background : #fff;
color : #000;
min-height : 100%;
margin : 10px 0 0 10px;
position : relative;
border : 2px solid #bbb;
}
* html #wrap {height:100%}
#header{
padding : 3px;
border-bottom : 1px dotted lime;
background : #fff;
background : url("images/sideheadbg.gif") repeat-x; 
color : #000;
}
#smheader{
float : left;
height : 90px;
padding : 3px;
border-bottom: 1px solid lime;
background : #fff;
background : url("images/grid2.jpg") no-repeat;
color : #000; 
}
#smheader h2{
display : none;
margin : 30px 0 0 25px;
}
#rtheader{
float :right;
height : 308px;
width : 48%;
}
#rtheader img{
margin : 40px 0 40px 45px;
}
#navtable{
margin : 0;
width : 98%;
height : 20px;
}
#navtable2{
position : relative;
top : 0.5%;
left : 46%;
margin : 0;
width : 49%;
height : 20px;
}
#navtable td {
text-align : center;
margin : 0;
width : 18%;
height : 12px;
border-left : 1px solid #aaa;
font : 0.75em arial,sans-serif;
}

#navtable2 td{
text-align : center;
margin : 0;
width : 18%;
height : 12px;
border-left : 1px solid #aaa;
font : 0.75em arial,sans-serif;
}
#navtable a:link, #navtable2 a:link{
color : green;
background : inherit;
}
#navtable a:visited, #navtable2 a:visited{
color : green;
background : inherit;
}
#navtable a:hover, #navtable2 a:hover{
color : red;
text-decoration : none;
background : inherit;
}
#navtable a:active, #navtable2 a:active{
color : aqua;
background : inherit;
}
#subheader {
clear : both;
height : 3px;
margin : 0;
background : #fff;
background : url("images/gbar.jpg") repeat-x; 
overflow : hidden;
color : #000;
}
#left {
float : left;
width : 170px;
height : 500px;
text-align : center;
color : #000;
background : #fff;
}
ul#side{
float : left;
text-align : left;
margin : 15px 0 0 10px;
padding-left : 15px;
font : 0.7em/0.7 tahoma, verdana, arial, sans-serif;
list-style-image : url("images/arrow.gif");

}
#side li{
margin-top : 12px;
padding-bottom : 3px;
color : #000;
list-style-image: url("images/arrow.gif");
background : inherit;

}
#side a:link{
color : green;
background : #fff;

}
#side a:visited{
color : green;
background : #fff;

}
#side a:hover{
color : red;
background : #fff;
text-decoration : none;

}
#side a:active{
color : aqua;
background : #fff;

}
p#date{
margin-top : 10px;
font : 0.70em arial, tahoma, verdana, sans-serif;
}
#main {
position : relative;
margin-left :170px;
height : 500px;
border-left : 1px dotted lime;
color : #000;
background : #fff;
}
#main h2{
float : left;
width : 90%;
height : 88px;
text-align : center;
margin : 0 0 0 15px;
background : inherit;
color : #000;
}
#alt_main{
float : left;
width : 95%;
height : 18%;
text-align : center;
margin : 0 0 0 10px;
background : #fff;
background :  url("images/smgreenheader.jpg") no-repeat;
color : #000;
}
#alt_main h3{
margin : 40px 30px 0 0;
}
h5{
float : left;
width : 75%;
text-align : center;
margin : 40px 0 0 0;
}
.mcontent{
float : left;
width : 85%;
text-align : justify;
margin : 30px 0 0 35px;
font : 0.80em/1.4 tahoma, arial, verdana, sans-serif;
}
#slogan{
float : left;
width : 85%;
text-align : center;
margin : 30px 0 0 35px;
font : 0.80em/1.4 tahoma, arial, verdana, sans-serif;
}
span.bigger{
font : 1.4em/1.4 arial, verdana, sans-serif;
}
#mainlist, #mainlist2, .mainlist3{
float : left;
padding-left : 25px;
width : 85%;
margin : 5px 0 0 35px;
background : inherit;
color : #000;
}
.mainlist3{
margin : 5px 0 0 130px;
padding : 0;
width : 60%;
}
#mainlist li, #mainlist2 li{
list-style-image : url(images/check.gif);
font : 0.75em/1.4 arial, verdana, sans-serif;
margin-top : 4px;
padding : 0 5px 15px 15px;
}
#mainlist2 li{
font: 0.75em/0.5 arial, verdana, sans-serif;
margin-top : 15px;
list-style-image: url("images/arrow.gif");
}
.mainlist3 li{
font: 0.7em/1.0 arial, verdana, sans-serif;
margin : 2px 0 0 0;
padding :  6px;
list-style-type: none;
}
h4{
float : left;
text-align : center;
width : 90%;
margin :10px 0;
padding : 0;
}
#clearfooter {
clear:both;
height:20px;
overflow:hidden;
}
#footer {
position:absolute;
bottom:0;
height:16px;
background: #fff;
background : url("images/footerbg.gif") repeat-x; 
font: 0.60em arial, verdana, sans-serif;
width:100%;
color:#777;
text-align:center;
}
#footer p{
margin-top : 4px;
}
* html #main {
height : 500px;
}
/*thumbnail "player"*/
ul.display{
float : left;
width : 100px;
margin : 15px 0 0 0;
padding : 0;
list-style-type : none;
}
#largedisp{
float : left;
width : 360px;
margin : 120px 0 0 80px;
border :  4px inset #bff;
}
#largedisp img{
float : left;
width : 360px;
padding : 2px;
margin : 0;
}
.player{
float : left;
width : 480px;
margin: 100px 0 0 65px;

}
#bd{
float : left;
text-align : left;
width : 34%;
margin:5px 0 ;
font: 0.65em arial, verdana, sans-serif;

}