body {
font-family: arial, verdana, sans-serif; 
font-size: 12px;
background-color: #b6b6b6;
}
#wrapper {
background-color: #FFFFFF;
position: relative;
width: 780px;
height: 1100px;
padding: 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}
#head1 {
background-image: url('../images/header1r.gif');
width: 780px;
height: 100px;
}
#head2 {
background-image: url('../images/header2r.gif');
width: 780px;
height: 40px;
} 
#leftside {
background-image: url(../images/leftbg.gif);
background-repeat: repeat-y;
position: absolute;
left: 0px; 
top: 140px;
width: 153px;
height: 942px;
padding-left: 5px;
padding-top: 20px;
padding-right: 7px;
}

#leftsideflash {
position: absolute;
left: 0px; 
top: 140px;
width: 153px;
height: 922px;
}
#flash {height: 742px;}
#leftlogo {bottom: 0px;}

#center {
background-color: #FFFFFF;
position: absolute;
left: 153px; 
top: 140px;
width: 627px;
height: 922px;
z-index: 1;
}
#content {
background-color: #FFFFFF;
background-image: url(../images/logo-bg.gif);
background-repeat:no-repeat;
position: absolute;
left: 0; 
top: 0;
width: 597px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
height: 892px;
text-align: justify;
z-index: 2;
}
#content a:link, a:visited, a:active {color: #000000;}
#content a:hover {color: #cc0000;}
#content ol {margin-top:0;}
#content ul {margin-top:0; margin-left:12px;}

#contentflash {
background-color: #FFFFFF;
background-image: url(../images/logo-bg.gif);
background-repeat:no-repeat;
position: absolute;
left: 0; 
top: 0;
width: 444px;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
height: 452px;
text-align: justify;
z-index: 2;
}
#head1text {
position: absolute;
margin-right: 15px;
top: 82px;
right: 0px;
color: #FFFFFF;
font-weight: bold;
}
#topmenu {
float: right; 
margin-right: 15px;
margin-top: 13px;
}
#topmenu a {
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none; /* no decoration to avoid underline showing when hovered onto */
margin-left: 25px; /* Space between each menu item */
}
#topmenu a:hover {color: #ed0505;}

#footer {
width: 780px;
margin-left: auto;
margin-right: auto;
}
#bottom {
background-image: url('../images/bottom.gif');
position: absolute;
bottom: 0px;
left: 0px;
width: 780px;
height: 38px;
z-index: 1;
}
#bottommenu {
float: left;
margin-left: 10px;
margin-top: 5px;
}
#bottommenu a {float: left; font-size: 11px; color: #FFFFFF;}

#bottommenu a:hover {color: #ed0505;} 

#bottomcredits {
float: right;
margin-right: 10px;
margin-top: 7px;
color: #FFFFFF;
font-size: 10px;
text-align: right;
}
#bottomcredits a {color: #FFFFFF;}

#date {
float: left;
margin-left: 12px;
margin-top: 13px;
color:#FFFFFF;
}

#flyout {
padding-bottom: 5px;
padding-top: 5px;
padding-left: 7px;
padding-right: 7px;
border-style: solid;
border-color: #000000;
border-width: thin;
background-color: #FFFFE2;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
z-index: 3;
}
#flyout b{font-size: 12px; font-weight: bold;}
#flyout ul {margin-left: 0; padding-left: 0;}
#flyout li {margin-left: 16px; padding-left: 0;}

#longfo {width: 300px; height: auto;}

.heading {
font-size: 16px;
font-weight: bold;
color: #000000;
}