﻿body 
	{
	background: #ffffff url("bg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0px;      	     
	color: #000000;
        font-family: arial;
      	}

div#container{
width:766px;
margin: 0;
background: #d4e0e4;
}

#menu {
width: 100%;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 153px;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 6px 5px;
}

#menu h2 {
color: #fff;
background: #1377B1 url("button-off.jpg");
text-align:center;

}

#menu a {
color: #ffffff;
background: #1377B1 url("button-off.jpg");
text-decoration: none;
text-align:center;

}

#menu a:hover {
color: #000000;
background: #FFB344 url("button-on.jpg");;
text-align:center;
}

#menu li {position: relative;
}

#menu ul ul {
position: absolute;
z-index: 500;
left:0px;
top:27px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;;}

a:link     
	{
	font-family:"century gothic", arial, "sans serif";
	font-size:12px;
	font-weight : normal;
	color :  #03519b;
	text-decoration : underline;
	background:transparent;
	}
a:visited   
	{
	font-family:"century gothic", arial, "sans serif";
	font-size:12px;
	font-weight : normal;
	color :  #03519b;
	text-decoration : underline;
	background:transparent;
	}
a:hover     
	{
	font-family:"century gothic", arial, "sans serif";
	font-size:12px;
	font-weight : normal;
	color :  #000000;
	text-decoration : underline;
	background:transparent;
	}
a:active    
	{
	 font-family:"century gothic", arial, "sans serif";
 	font-size:12px;
	font-weight : normal;
	color :  #03519b;
	text-decoration : underline;
	background:transparent;
	}


.content-middle {
background: transparent;
width:962px;
padding-top:10px;
text-align:left;
background-repeat: repeat-x; 
}



.f1 {
background: transparent;
vertical-align:middle;
font-family:"century gothic",arial,"sans serif";
font-size:11px;
color:#ffffff;
letter-spacing:1px;
text-align:center;
}

.footer {
background: #ffffff url(footer.jpg);
width:100%;
height:70px;
}



h2 {
color:#828484;
font-size:19px;
font-family:arial;
font-weight:bold;
background:transparent;
}

h1 {
color:#1377B1;
font-size:19px;
font-family:arial;
font-weight:bold;
background:transparent;
}

b {
font-family:arial,"sans serif";
font-size:11px;
}


.rr2 {
width:766px;
background: #ffffff;
vertical-align:top;
height:100%;
margin-right:4px;
}


.rr3 {
width:466px;
background: #ffffff;
vertical-align:top;
height:100%;
padding-right:10px;
padding-bottom:10px;
padding-left:0px;
padding-top:20px;
font-family:"century gothic", arial, "sans serif";
font-size:12px;
color:#000000;
text-align:left;
}

.rr4 {
width: 296px;
background: #eaeaea;
vertical-align:top;
height:100%;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
padding-top:20px;
font-family:"century gothic", arial, "sans serif";
font-size:12px;
color:#000000;
text-align:left;
}

.hhh {
background: #1377B1;
}

.f9 {
background:#f8f7f7;

color:#000000;
text-align:left;
width:266px;
	border-color: #999999;
	border-style: dashed;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.f10 {
background:#f8f7f7;

color:#000000;
text-align:left;
width:400px;
	border-color: #999999;
	border-style: dashed;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

