body
{
font-family : Verdana,"Times New Roman",Times, serif;
font-size : 12pt;
background-color : #808080;
}

.center {
margin:auto;
text-align:center;
}

/*outer container to enable centering of content box in ie*/
#container  
{
width:100%;
border:0;
}


/*inner container centered*/
#container2 {
border:0 none;
margin:0 auto;
width:800px;
}

.wrapper{
   margin: 0px auto;
   width: 800px;
}

#top
{
padding : .5em;
background-color: #000080;
z-index: 5;
height : 60px;
}

#navcontainer ul {
background-color:#000080;
color:#FFFFFF;
height:35px;
list-style-type:none;
margin:0;
padding:0;
width:100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
font-family : Verdana ,"Times New Roman",Times, serif ;
font-size : 8pt;
border: 1px solid #FFFF00;
text-decoration: none;
padding: .2em 1em;
color: #FF0000;
background-color: #FFFF00;
}

#navcontainer ul li a:hover
{
font-family : Verdana ,"Times New Roman",Times, serif;
font-size : 8pt;
color: #fff;
background-color: #000080;
}


#content {
background-color:#000080;
}





.show { margin:0; padding:0; position: absolute; left: 1px; top: 1px}

a:link.costs { color:yellow ; text-decoration:none ; }
        a:visited.costs {color:yellow ;text-decoration:none;}
           a:active.costs {color:red ; text-decoration:underline;}
             a:hover.costs {color:red ; text-decoration:underline;}
             
a:link.contact { color:red ; text-decoration:none; }
        a:visited.contact  {color:red ; text-decoration:none;}
           a:active.contact  {color:red ; text-decoration:underline;}
             a:hover.contact  {color:navy ; text-decoration:underline;}
             
a:link.maintenance { color:red ; text-decoration:none; }
        a:visited.maintenance  {color:red ; text-decoration:none;}
           a:active.maintenance  {color:red ; text-decoration:none;}
             a:hover.maintenance  {color:navy ; text-decoration:underline;}

a:link.copy {  font-size : 8pt; text-decoration:none; color:white;  }
        a:visited.copy  {font-size : 8pt; text-decoration:none; color:white; }
           a:active.copy  {font-size : 8pt ; text-decoration:none; color:white;}
             a:hover.copy  {font-size : 8pt ; text-decoration:underline; color:navy;}

a:link.text { color:white ; text-decoration:none ; }
        a:visited.text {color:white ;text-decoration:none;}
           a:active.text {color:yellow ; text-decoration:underline;}
             a:hover.text {color:yellow ; text-decoration:underline;}



p
{
text-indent:10px;
}


h1
{
color: #000080;
line-height: 130%;
text-indent:20px;
}


.web
{ 
font-family : Verdana,"Times New Roman",Times, serif;
font-weight : bold; 
color: #000080;
}




#content2
{
height :480px;
background-color: #000080;
}

#content3
{
padding: 1em;
height : 350px;
background-color: #000080;
}

#footer {
background-color:#FF0000;
clear:right;
color:#FFFFFF;
margin:0;
padding:10px 0;
}


#image {
height:400px;
position:absolute;
top:119px;
z-index:1;
}


#intro {
height:57px;
margin:auto;
position:relative;
text-align:left;
top:35px;
width:95%;
z-index:4;
}

#intro2 {
color:#FFFFFF;
font-size:24pt;
font-weight:bold;
height:35px;
margin:15px;
position:relative;
text-align:left;
z-index:4;
}

#intro3
{
position: absolute;
width: 92%;
height: 57px;
z-index: 11; 
left: 41px;
top: 177px;
color:#FFFFFF;
}

#intro4 {
color:#000080;
height:25%;
left:20px;
position:relative;
text-align:left;
width:93%;
z-index:11;
}

#intro5
{
color:#000080;
font-size:24pt;
font-weight:bold;
height:35px;
margin:5px;
position:relative;
width:20%;
z-index:4;
}

#cost1
{
position: absolute;
width: 20% ;
height: 15px;
margin: 5px ;
z-index: 4;
top : 125px;
right : 450px;
font-size : 24pt;
font-weight : bold;
line-height: 130%;
color:#FFFFFF;
}

#cost2
{
position: absolute;
width: 350px ;
height: 350px;
margin: 5px ;
z-index: 4;
top : 155px;
right : 50px;
color:#FFFFFF;
}

#contact
{
position: absolute;
width: 40% ;
height: 15px;
margin: 5px ;
z-index: 4;
top : 130px;
left : 40px;
}

#contact2
{
position: absolute;
width: 95% ;
height: 120px;
margin: 5px ;
padding:10px;
z-index: 4;
top : 450px;
}

#contact3
{
position: absolute;
right : 20px;
width: 60% ;
height: 120px;
margin: 5px ;
padding:10px;
z-index: 8;
top : 160px;
color:#000080;
}

#wb {
float:right;
position:relative;
right:20px;
text-align:left;
top:85px;
z-index:200;
}

.bg1 {
float:right;
opacity:0.5;
position:relative;
right:15px;
top:-110px;
z-index:10;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}


.bg2 {
float:right;
opacity:0.5;
position:relative;
right:15px;
top:-125px;
z-index:10;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
}


.wb1
{
color:#FF0000;
font-weight:700;
}

.wb2
{
color:#000080;
font-weight:700;
}

.wb3
{
color:#FFFF00;
font-weight:700;
}

.wb4
{
line-height:1.1em;
font-weight:bold;
color:#000080;
margin-left:30px;
}

.wb4a
{
line-height:1.1em;
color:#000080;
margin-left:30px;
}


.wb5 {
color:#FFFFFF;
float:right;
font-size:10pt;
font-weight:bold;
}

.wb6
{
position:absolute;
right:10px;
top:105px;
font-size:10pt;
color:#000080;
}


#list5
{
position: absolute;
width: 80%;
height: 200px;
z-index: 5;
left: 30px;
top: 250px;
}


#planning
{
position: absolute;
left: 50px;
top: 240px; 
width: 90%;
height: 65%;
z-index: 10;
}

#planning2
{
position: absolute;
left: 25px;
top: 212px;
width: 455px;
height:190px;
z-index: 10;
color : #FFFFFF;
}


#wc3 {
bottom:30px;
clear:both;
left:25px;
position:relative;
text-align:left;
width:750px;
z-index:100;
}

#wc3 img{
border:0px;
}

#wc3b {
bottom:-200px;
left:25px;
position:relative;
text-align:left;
width:750px;
z-index:100;
}

#wc3b img{
border:0px;
}


#wc3c {
bottom:-130px;
left:25px;
position:relative;
text-align:left;
width:750px;
z-index:100;
}

#wc3c img{
border:0px;
}

#wc3d {
bottom:-170px;
left:25px;
position:relative;
text-align:left;
width:750px;
z-index:100;
}

#wc3d img{
border:0px;
}

#wc3e {
bottom:-150px;
left:25px;
position:relative;
text-align:left;
width:750px;
z-index:100;
}

#wc3e img{
border:0px;
}