@import url("common.css");

html, body{
background: #ffffff;
color: #000000;
text-align: center;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#container{
position: relative;
width: 758px;
margin-left: auto;
margin-right: auto;
text-align: left;
border: 2px solid #cccccc;

}

#header{
position: relative;
height: 156px;
background: #ffffff url(../images/headerbg.jpg) no-repeat top left;
}

#header .logo{
position: absolute;
top: 50px;
left: 180px;
}

#menu{
position: absolute;
top: 0px;
right: 0px;
width: 550px;
height: 25px;
background: #878787 url(../images/menubg.gif) no-repeat left;
}

#menu ul{
margin: 0px;
padding: 0px 0 0 10px;

}

#menu ul li{
margin: 0px;
padding: 0px 0 0 0px;
display: inline;
}

#menu a{
color: #ffffff;
text-decoration: none;
padding: 0px 13px 0px 13px;
line-height: 25px;
border-right: 1px solid #ffffff;
}
#menu .last a{
border: 0px;
}

#menu a:hover{
color: #000000;
}

#footer{
position: absolute;
bottom: 0px;
left: 0px;
width: 700px;
height: 25px;
background: #0b3d91 url(../images/footerbg.gif) no-repeat top right;
color: #ffffff;
}

#footer ul{
margin: 0px 0px 0px 36px;
padding: 0px;
text-align: left;
}

#footer ul li{
margin: 0px;
padding: 0px;
display: inline;
}

#footer a{
color: #ffffff;
text-decoration: none;
padding: 0px 20px 0px 15px;
line-height: 25px;
border-right: 1px solid #ffffff;
font-size: 11px;
}
#footer .last a{
border: 0px;
}

#footer a:hover{
color: #a6bad6;
}

#main{
background: #ffffff url(../images/mainbg.gif) no-repeat top left;
width: 100%;
padding: 30px 0px 0px 0px;
position: relative;
}

.left #content{
padding-left: 222px;
padding-right: 64px;
}

.right #content{
padding-left: 44px;
padding-right: 250px;
}

#content{
border-left: 54px solid #bccce0;
padding-top: 36px;
padding-bottom: 50px;
}
/* commented backslash hack \*/
#content {
	height:300px;
}
/* end hack */
html>body #content {
	height:auto;
	min-height:300px;
}
#imagebox{
position: absolute;
top: 47px;
}

.left #imagebox{
left:36px; 
}

.right #imagebox{
right: 38px;
}

table{
border-collapse: collapse;
padding: 0px;
border: 0px;
}

#content ul{

margin: 5px 0px 5px 10px;
padding: 0px;
}

#content ul li{
list-style-image: url(../images/bullet.gif);
margin: 5px 5px 5px 5px;
padding: 0px;
color: #5b88b9;
font-style: italic;
font-size: 13px;
}

#content h1{
color: #878787;
}

#content h2, #imagebox h2{
color: #0b3d91;
margin-top: 20px;
}


#content h3{
color: #0b3d91;
font-size: 12px;
}

#content p{
color: #878787;
font-size: 13px;
}

#content p strong{
color: #0b3d91;
}

#content p em{
color: #5b88b9;
}

hr{
height: 1px;
background: #878787;
border: 0px;
}

th{
color: #5b88b9;
width: 120px;
}

input, textarea{
width: 200px;
border: 1px solid #878787;
color: #000000;
background: #ffffff;
}

.radio{
width: auto;
}

.button{
width: 120px;
color: #5b88b9;
border: 1px solid #878787;
background: #ffffff;
}