/* CSS Document */

body {
background-color: #cccccc;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:50px;
color: #000000;

}

ul
{
margin: 0px 0px 0px 15px;
padding: 0px;
list-style: square;
}

ul.leftul
{
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
}

ul.services
{
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
}


#header span {
	display: none;
}
	
#header {
	width: 780px;
	height: 100px;
	background-image: url(images/dci3Head.gif);
}

h1 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
color: #9bafbf;
}

p {
color:#000000;
font: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
line-height: 18px;
}

p.left {
color:#FFFFFF;
font: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: left;
}

/* div layouts */

div.containerBlank
{
width:800px;
margin-right:auto;
margin-left:auto;
padding:0px;
}

div.container
{
width: 800px;
background-color:#FFFFFF;	
margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
}

div.header
{
margin-left:10px;
margin-top:10px;
padding: 10px 0px 5px 0px;
width:780px;
height:100px;
color:#7a7a78;
background-color:#FFFFFF;
}


div.bar
{
padding:0px;
width:780px;
height:5px;
background-color:#9bafbf;
margin-left:10px;
}

div.nav
{
padding: 5px 0px 0px 0px;
width:780px;
height:35px;
background-color:#FFFFFF;
text-align:right;
margin-left:10px;
font: Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #9bafbf;
}

div.mid
{
margin-left:10px;
width:780px;
height:430px;
background-color:#b4c6d4;
padding:0px;
}


div.left
{
padding: 0px;
width:195px;
height:420px;
background-color:#9bafbf;
color:#FFFFFF;
font: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left:5px;
margin-top:5px;
float:left;
}

div.leftWrite
{
padding: 10px 10px 10px 10px;
width:175px;
height:400px;
background-color:#9bafbf;
float:left;
}

div.content
{
padding:0px;
margin-left:200px;
margin-top:-420px;
margin-right:5px;
width:570px;
height:420px;
background-color:#FFFFFF;
float:right;
}

div.contentWrite
{
padding: 20px 20px 0px 20px;
width:525px;
height:320px;
background-color:#FFFFFF;
line-height: 18px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
}

div.services
{
padding: 20px 0px 0px 20px;
width:250px;
height:320px;
background-color:#FFFFFF;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
float: left;
}

div.servicesList
{
padding: 20px 0px 0px 0px;
width:200px;
height:320px;
background-color:#FFFFFF;
color:#000000;
font: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: right;
line-height: 18px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
float: right;
}

div.title
{
padding: 10px 20px 0px 20px;
width:500px;
height:auto;
text-align:right;
background-color:#FFFFFF;
color:#000000;
font: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

div.mg
{
padding:0px;
position:absolute;
margin-left:0px;
margin-top:5px;
text-align:right;
width:800px;
height:auto;
color:#FFFFFF;
clear:both;
}


/*links*/

a:link{
color:#FFFFFF;
text-decoration:none;
}
a:active{
color:#FFFFFF;
text-decoration:none;
}
a:visited{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#FFFFFF;
text-decoration:none;
}


/*nav links */

a.nav:link{
color:#9bafbf;
text-decoration:none;
}
a.nav:visited{
color:#9bafbf;
text-decoration:none;
}
a.nav:active{
color:#9bafbf;
text-decoration:none;
}
a.nav:hover{
color:#6aa2d1;
text-decoration:none;
}
