body{
font: 76% arial,sans-serif;
text-align:center

}



#container{
text-align:left;
border: 1px solid #000;
width:800px;
margin:0 auto;
 height:100%;   
   background:white;
color :#004E77
}





#header{
background: url(../images/header.jpg) top center repeat-x;
	OVERFLOW: hidden;
	WIDTH: 800px;
	HEIGHT: 110px;
}






.body1 { border : 1pt solid black; }
.left1 { float : left; width : 280px; }
.right1 { float : right; width : 280px; }
.spacer1 { clear : both; }






#content{
	margin:10px;/* makes border line up with #left border */
	color:  #003A5A;
}


#content2{
	margin:20px;
	
}




#left {
	float:right;
	width:200px;
	padding: 5;
	margin-left:-1px;/* makes border line up with #left border */
	padding: 10;
	overflow: no;
}
#right {
	float:left;
	width:570px;
	margin-left:-1px;/* makes border line up with #left border */
	padding: 10;
	overflow: no;
}





#left_clients{
float: left;
width: 33%; /*Width of left column in pixel*/

}

#right_clients{
float: left;
width: 33%; /*Width of right column*/

}



#right2_clients{
float: left;
width: 33%; /*Width of left column in pixel*/

}




#right_image{
float: left;
align:right;
width: 33%; /*Width of left column in pixel*/

}



	#footer {
	clear: both;
	padding: 15px 24px 0px 110px;
	bottom: 5px;
	margin right: 20px;
	height: 40px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: black;
	text-decoration: none;
	
	
	background: url(../images/footer.jpg) top center repeat-x;
	OVERFLOW: hidden;

	
	}
		
	#footer a {
	color: black;
	text-decoration: underline;	

	}
	
	#footer a:hover {
	color: red;
	text-decoration: none;	
	}




/* START NAVBUTTONS */





#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 0;
background-color: #31868B;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #31868B;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: white;
color: #036;
}

#navcontainer ul li a:active
{
background-color: white;
color: #036;
}






 .cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/sideText3.png) no-repeat;
white-space: nowrap;
display: block;
width: 180px;
height: 174px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 14px;
width: 180px;
height: 174px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 180px;
height: 174px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 13px;
margin: 0px;
padding: 0px;
cursor: pointer;
}







.fontlight {

color: #31868B;

}







.font1 {
font-size: 20px;
color: #31868B;
  font-weight: bold;
   text-align: left;
 line-height: 1.5em;
 /* font-style: italic; */
}


.font2 {
font-size: 18px;
color: #004E77
  font-weight: bold;
   text-align: left;
 line-height: 1.5em;
font-style: italic; 
}




.font3 {
font-size: 18px;
color: #31868B;
 text-align: left;
 line-height: 1.5em;
}




.fontnews {
font-size: 22px;
color: #990000;
 text-align: left;
 line-height: 1.5em;
   font-weight: bold;
   font-style: italic; 

}









 .cssSide
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/side1a.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.cssSide a
{
display: block;
color: #000000;
font-size: 14px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssSide img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssSide a:hover img
{
visibility:hidden
}

.cssSide span
{
position: absolute;
left: 35px;
top: 13px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

















 .cssSide2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/side2a.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.cssSide2 a
{
display: block;
color: #000000;
font-size: 14px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssSide2 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssSide2 a:hover img
{
visibility:hidden
}

.cssSide2 span
{
position: absolute;
left: 35px;
top: 13px;
margin: 0px;
padding: 0px;
cursor: pointer;
}










 .cssSide3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/side3a.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.cssSide3 a
{
display: block;
color: #000000;
font-size: 14px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssSide3 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssSide3 a:hover img
{
visibility:hidden
}

.cssSide3 span
{
position: absolute;
left: 35px;
top: 13px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



















    #content_Contact {
    position:center;

    width:320px;

   }



#contactLeft {


	float: left;
	width: 80px;
}

#contactRight {


	margin: 0;
	float: left;
	width: 200px;
}







#left_50{
float: left;
width: 48%; /*Width of left column in pixel*/
margin-right:5px;
}

#right_50{
float: left;
width: 48%; /*Width of right column*/

}



#features{
float: left;
width: 100%; 

}


#rightlogo{
float: right;
width: 32%; 

}






a.newslink:link {text-decoration: none; color:#004E77}
a.newslink:visited { text-decoration: none; color:#004E77}
a.newslink:active { text-decoration: none}
a.newslink:hover { font-weight:none; color: red;}