body {
background-color: #cccccc;
font-family: Georgia;
font-size: 9pt;
color: #ffffcc;
margin:0;
}
a {color: #ffcc33; text-decoration: none; font-family: Georgia; font-size: 9pt; }
a:visited {color:#ffcc33; text-decoration: none; font-family: Georgia; font-size: 9pt; }
a:hover {color: #ffcc33; text-decoration: underlined; font-weight: bold; font-family: Georgia; font-size: 9pt; }
a:active { color:#ffcc33; text-decoration: underlined; font-weight: bold; font-family: Georgia; font-size: 9pt; }

h1 {
font-family: Georgia;
font-weight:normal;
color: #cccccc;
font-size: 18pt;
padding-top: 10pt;
padding-left:90pt;
margin: 0;}

h2 {
font-family: Georgia;
font-weight: normal;
color: #cccccc;
font-size:12pt;
padding-top: 0pt;
padding-left:90pt;
margin:0;}

h3 {
font-family: Georgia;
font-weight: normal;
color: #cccccc;
font-size:12pt;
padding-top: 0pt;
margin:0;}

/* ----------container to center the layout-------------- */
#container {
width: 994px;
background-image:url(../img/containerback.jpg);
background-color: #003366;
margin-bottom: 0px;
margin: 3px auto;

}

/* --------------left navi------------- */
#left {
float: left;
width: 144px;
height: 600px;
margin: 0px;
margin-right:0px;
vertical-align: top;
padding-left: 0px;
padding-top: 0px;
background: url(../img/logo.jpg) no-repeat left top;
}

/* ----------banner for logo-------------- */

#banner {
float: right;
background-color: #003366;
height: 100px;
width: 850px;
padding: 0px;
margin: 0px;
background: url(../img/banner.jpg) no-repeat;
}

#banner2 {
float: right;
background-color: #cccccc;
width: 850px;
height: 2px;
}

#banner3 {
float: right;
background-color: #333333;
width: 850px;
height: 29px;
text-align: right;
padding: 0px;
margin: 0px;
}

#banner4 {
float: right;
background-color: #cccccc;
width: 850px;
height: 2px;
}

/* -----------------content--------------------- */
#content {
float: right;
width: 510px;
background-image: url(../img/contentbackground5.jpg);
background-color: #003366;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 0px;
font-size: 9pt;
text-align: left;
}

div#content { 
min-height: 490px;
height:expression(this.scrollHeight > 490 ? "auto":"490px"); 
}

p {
padding-top: 2px;
margin-top: 0px;
}


#right {
float: right;
width: 275px;
text-align: left;
padding-left:10px;
padding-right: 5px;
padding-top: 30px;
margin: 0;
}

/* -----------footer--------------------------- */
#footer {
background-color: #ffffff;
clear: both;
height: 2px;
}

#footer2 {
background-color: #333333;
height: 25px;
text-align: center;
padding: 0px;
margin: 0px;
}

#footer3 {
background-color: #cccccc;
height: 3px;
}
