/* CSS Document */

body{
font-family:"Arial Narrow", Times; 
font-weight:bold;
line-height:20px; 
background-color:#F7F7F7;
}

/*Global Layout*/

#container{
width:985px; 
height:auto; 
margin:0 auto; 
background-color:#FFFFFF; 
border:1px solid #8C9699;
line-height:18px;
}

#header{
width:985px;
height:245px;
background:url(../img/all/header.jpg) no-repeat;
}

#navigation{
float:left;
width:158px;
height:391px;
overflow:auto;
overflow-x:hidden;
background-color:#143C79;
}

#admin #content{
float:left;
width:826px;
height:390px;
overflow:auto;
overflow-x:hidden;
}

#contentLeft{
float:left;
width:600px;
height:320px;
border-right:1px solid #8C9699; 
}

#contentRight{
float:right;
width:226px;
height:320px;
}

#innerContentLeft{
float:left;
width:380px;
height:320px;
overflow:auto;
overflow-x:hidden;
}

#innerContentRight{
float:right;
width:210px;
margin-right:10px;
}

#home #innerContentRight{
background:url(../img/home/sidePic.jpg) no-repeat;
width:210px;
height:300px;
}

#services #innerContentRight{
background:url(../img/services/sidePic.jpg) no-repeat;
width:210px;
height:300px;
}

#refurbishment #innerContentRight{
background:url(../img/refurb/sidePic.jpg) no-repeat;
width:210px;
height:300px;
}

#underground #innerContentRight{
background:url(../img/underground/sidePic.jpg) no-repeat;
width:210px;
height:300px;
}

#contact #innerContentRight{
background:url(../img/contact/sidePic.jpg) no-repeat;
width:210px;
height:300px;
}

#bottomContentLeft{
float:left;
width:600px;
height:70px;
background:url(../img/all/accreditations.jpg) no-repeat;
border-right:1px solid #8C9699; 
border-top:1px solid #8C9699;
}

#bottomContentRight{
float:right;
width:226px;
height:70px;
border-top:1px solid #8C9699;
}

#imageContainer{
float:left;
margin-left:30px;
width:100%;
}

#imageBox{
float:left;
margin-top:-250px;
height:220px;
background-color:Gray;
z-index:1;
}

#animation{
padding:10px 0px 10px 0px;
}

#login{
border:1px dashed #000000;
background-color:#FFECEC;
margin:10px 20px 20px 30px;	
}

#clear{
clear:both;
}

/*End of Global Layout*/


/*Global Styling*/

p{
font-size:0.7em;
color:#3F4582;
margin:8px 10px 0px 30px;
line-height:12px;
}

a{
color:#3F4582;
text-decoration:none;
cursor:pointer;
}

#navigation a{
color:#FFFFFF;
}

#navigation a:hover{
color:#96BFE6;
}

ol{
font-size:0.7em;
color:#3F4582;
list-style:none;
margin:8px 10px 8px 30px;
padding:0px 0px 0px 0px;
}

#admin ol{
margin:0px 10px 0px 30px;
}

#contentLeft ol{
list-style:disc;
margin-left:45px;
}

#navigation ol{
color:#FFFFFF;
font-size:0.7em;
margin:15px 0px 0px 10px;
font-weight:bold;
}

#navigation li{
margin:0px 0px 10px 0px;
}

#secondaryNav ol{
font-size:0.6em;
margin:0px 0px 0px 28px;
}

#secondaryNav li{
margin:0px 0px 0px 0px;
line-height:15px;
}

#contentRight ol{
line-height:13px;
margin-left:20px;
margin-right:0px;
}

h1{
font-size:0.9em;
color:#3F4582;
margin:0px 0px 10px 30px;
}

h2{
font-size:0.8em;
color:#3F4582;
margin:0px 10px 10px 30px;
}

h3{
font-size:0.7em;
color:#3F4582;
margin:20px 10px 20px 30px;
}

#admin h3{
cursor:pointer;
}

h4{
font-size:0.6em;
color:#3F4582;
margin:10px 10px 10px 20px;
}

h5{
font-size:0.9em;
color:#3F4582;
margin:10px 10px 10px 10px;
}

h6{
font-size:1.0em;
margin:0px 0px 0px 0px;
text-decoration:underline;
}

/*End of Global Styling*/


/*Forms*/

.label{
display:block; 
font-size:0.7em; 
color:#3F4582;
margin:3px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

.textbox{
display:inline; 
width:300px; 
height:18px; 
border:1px solid #cccccc; 
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

#admin .textbox{
width:350px;
}

.textarea{
display:inline; 
width:300px; 
height:70px; 
border:1px solid #cccccc;
margin:0px 0px 0px 30px;
padding:0px 0px 0px 0px;
}

#admin .textarea{
width:350px;
height:150px;
}

.submitButt{
display:block;
width:auto; 
height:25px; 
border:1px solid #000000; 
margin:10px 20px 0px 30px;
padding:0px 5px 0px 5px;
}

.confirmButt{
display:inline;
width:auto; 
height:25px; 
border:1px solid #000000; 
margin:5px 5px 5px 5px;
padding:0px 5px 0px 5px;
}

#admin .submitButt{
margin-top:20px;
}

.helpButton{
width:auto;
height:25px;
border:1px solid #000000;
margin:0px 0px 0px 20px;
display:inline;
}

fieldset{
border:none;
padding:10px 10px 10px 30px;
}

/*End of Forms*/


/*Classes*/

.grey{
color:#9FA1A3;
}

.blue{
color:#96BFE6;
}

.bullet{
margin-right:6px;
}

.floatLeft{
float:left;
display:inline;
}

.image{
margin:10px 10px 10px 0px;
}

.requiredfield{
font-size:0.6em; 
color:red;
margin:0px 0px 0px 0px;
font-weight:normal;
}

.table{
display:block;
margin:20px 10px 20px 30px;
}

.style1{
background-color:red;
}

.style2{
background-color:#FF6666;
}
	
.style3{
background-color:#00FF00;
}

.BarBorder{
border-style:solid;
border-width:1px;
height:20px;
width:180px;
}

.BarIndicator{
color:orange;
background-color:orange;
}

/*End of Classes*/