/* CSS Document */

body {
background-color:#FFFFFF;
background-image: url(Images/bg.bmp);
}

#container-1 {
width: 812px;
min-height:300px;
margin: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border: 2px solid #000000;
}


#navbar {
    margin: 0;
    padding: 0;
    height: 2em;
}
	
#navbar li {
    list-style: none;
    float: left; 
}
	
#navbar li a {
    display: block;
    background-color: #6699CC;
    color: #FFFFFF;
	padding: 3px 4px;
    text-decoration: none; 
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left: 2px;
	margin-right: 2px;
	margin-top:5px;
	margin-bottom:5px;
	border: 1px solid #000000;
}

#navbar li ul {
    display: none;
    width: 15em; /* Width to help Opera out */
	height: auto;
    background-color: #6699CC;
}

#navbar li:hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; 
}
	
#navbar li:hover li {
    float: none;
	background-color:#6699CC;
	}
	
#navbar li:hover li a {
    background-color:#6699CC;
	border:1px solid #FFFFFF;
}
	
#navbar li a:hover {
    background-color: #0066CC;
	border:1px solid #FFFFFF;
}

#navbar li ul a:hover {
    background-color: #0066CC;
	border:1px solid #FFFFFF;
}
#container-2 {
width:812px;
height:130px;
border-bottom: 1px solid #000000;
background-color:#6699CC;
}

#container-3 {
width: 550px;
height: 74px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:20px;
margin-top:20px;
float:left;
background-image:url(Images/slogan.jpg);
background-repeat:no-repeat;
}

#container-4 {
width: 180px;
height: 104px;
margin: 10px;
float: right;
background-image: url(Images/MainLogo.jpg);
background-repeat:no-repeat;
border:2px solid #000000;
}

#container-5{
width:812px;
height: 30px;
margin:auto;
border-bottom: 2px solid #000000;
border-top: 1px solid #000000;
background-color:#6699CC;
}

#container6{
width:auto;
min-height:300px; 
margin:10px;
padding-left:10px;
padding-right:10px;
font-size:12px;
}

#container-6{
width:515px;
width:495px;
min-height:365px; 
margin:10px;
font-size:12px;
padding-left:10px;
padding-right:10px;
}

#notes {
width:450px;
min-height:100px;
padding-left:10px;
padding-right:10px;
margin-top:10px;
margin-bottom:10px;
font-size:12px;
border: 2px solid #003366;
}

#logos{
width:244px;
height:auto;
font-size:12px;
padding:10px;
color:#000000;
}

#container-7{
width:480px;
height:auto;
margin:10px;
font-size:12px;
color:#000000;
}

#container7{
width:250px;
min-height:300px;
font-size:12px;
color:#6699CC;
float:right;
text-align:center;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
border-left:2px dashed #003366;
}

#container-8{
width:812px;
height:18px;
font-size:9px;
text-align:right;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
background-color:#6699CC;
}

#container-9{
width:780px;
height:auto;
margin:5px;
font-size:9px;
text-align:center;
}

#container-10{
width:500px;
height:auto;
margin:20px;
font-size:12px;
}

#container-11{
width:755px;
min-height:360px;
max-height:auto;
margin:20px;
padding-bottom:10px;
font-size:12px;
}

#container-12{
width:315px;
height:315px;
margin: 10px;
font-size:12px;
float:left;
background-image:url(Images/how%20we%20work.jpg);
}

#container-13{
width:350px;
height:315px;
margin:10px;
font-size:12px;
float:right;
}

#container-14{
width:806px;
height:12px;
font-size:9px;
padding:3px;
text-align:right;
color: #CCCCCC;
background-color:#6699CC;
border-top: 2px solid #000000;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
color: #003366;
font-size: 14px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
color: #6699CC;
font-size: 12px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
color: #FF0000;
font-size: 12px;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
color: #003366;
font-size: 12px;
}

a:visited {
color:#8C1BDF;
}

a:link { 
color:#371FFF; 
}

a:hover {
color:#333333;
}