/* CSS Document */

/*--------- GENERAL ----------- */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#e8e8e8;
	padding: 0px;
	margin: 20px 0;
	text-align:center;
	color:#666;
}

.s1 {font-size: 65%; }
.s2 {font-size: 70%;}
.s3 {font-size: 80%;}
p { margin:0px 0px 10px 0px; line-height:1.2}
p.intro {font-size:120%; line-height:1.2}
h1 {font-size: 220%; font-family:Arial, Helvetica, sans-serif; color:#7f8790; margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; font-weight:normal}
h2 {font-size: 160%; font-family:Arial, Helvetica, sans-serif; color:#7f8790;margin:20px 0px 0px 0px;padding:0px 0px 5px 0px; font-weight:normal}
h2.top {font-size: 160%; font-family:Arial, Helvetica, sans-serif; color:#7f8790;margin:0px 0px 0px 0px;padding:0px 0px 5px 0px; font-weight:normal}
h3 {font-size: 120%; color:#7f8790;margin:5px 0px 10px 0px; }
h4 {font-size: 100%; color:#7f8790;margin:5px 0px 0px 0px; }


a { color:#d90026;text-decoration: none;font-weight: normal;}	
a:hover { color:#d90026; font-weight: normal; text-decoration: underline;}
ul { margin:0px 0px 20px 20px; padding:0;}
ul ul { margin:5px 0px 10px 20px; padding:0;}
li { margin:0px 0px 2px 0px; padding:0;}

img		{margin:0;display:block; border:0}
a img	{border:0;margin:0}
.hidden {text-indent: -9000px; margin:0px; padding:0px; height:0px}

.clearleft {clear:left; height: 0;}
.clearright {clear:right; height: 0;}
.clear {
  clear: both;
  max-height:0px;
}

#skiptocontent {display: none;margin:0px; padding:0px; height:0px}


/*------------ LAYOUT -----------------*/

#wrapper {
	margin: 0px auto;
	padding:0px 3px 0px 3px;
	background:url(images/background.gif) repeat-y top left;
	width: 970px;
	\width:976px; 
	w\idth: 970px;
}

#wrapperBtm { 
	margin: 0px auto;
	padding:0px 3px 0px 3px;
	height:25px;
	background:url(images/frame_btm.gif) repeat-y top left;
	width: 970px;
	\width:976px; 
	w\idth: 970px;
}

#content {
	padding:20px 300px 20px 20px;
	margin:0px 0px 0px 0px;
	float:right;
	text-align:left;
	background:url(images/about_bg.gif) no-repeat top right;
	border-left:1px dashed #D90026;
	min-height:400px;
	width: 430px;
	\width:730px; 
	w\idth: 430px;
	}
	
	
#center {
	padding:30px 20px 0px 20px;
	margin:0;
	float:left;
	width: 220px;
	\width:260px; 
	w\idth: 220px;
}
	
#sideright {
	float:right;
	padding:30px 15px 0px 15px;
	margin:0;
	width: 164px;
	\width:194px; 
	w\idth: 164px;
}

#sideleft {
	float:left;
	padding:0px 20px 0px 0px;
	margin:30px 0px 0px 0px;
	border-right:1px solid #3F3F98;
	width: 465px;
	\width:485px; 
	w\idth: 465px;
}

/*------------- HEADER ----------------*/

#header {
	height:120px;
	width:970px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

#header #logo {
	float:left;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 20px;
	width: 200px;
	\width:226px; 
	w\idth: 200px;
}

#header form {
	float:right;
	margin:0px 20px 0px 0px;
	padding:20px 0px 0px 0px;
	width: 240px;
}

#header form input {
	border: 1px solid #ccc;
	color: #007d9a;
	float:left;
	
}

#header form #searchsubmit {
	width:18px;
	height:18px;
	border:0;
	float:left;
	margin: 2px 0px 0px 10px;
	padding:0;
}

/*------------ MAIN NAV -----------------*/

#mainnav{
    float:left;
	margin: 22px 0px 0px 0px;
	padding: 7px 20px 9px 20px;
	border-top:1px dashed #D90026;
	background:url(images/navbar.gif) repeat-x bottom left;
	width:930px;
	\width:970px; 
	w\idth:930px;
}

#mainnav ul{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	float:left;
    list-style: none;
}

#mainnav li{
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 60px 0px 0px;
}


#mainnav li a, #mainnav li a:visited {
	color:#005E75;
    padding: 0;
    margin: 0;
	}
	
#mainnav li a:hover {	
	color:#003333;
	text-decoration:none
	}
	
/*------------ LEFT NAV -----------------*/

#leftnav{
    float:left;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 9px 15px;
	width:200px;
	\width:215px; 
	w\idth:200px;
	text-align:left
}

#leftnav ul{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	float:left;
    list-style: none;
}

#leftnav li{
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

#leftnav li h2 {
	color:#005E75;
	font-size:1.2em;
	font-weight:bold;
    padding: 0px 0px 5px 0px;
    margin: 0;
	width:180px;
	float:left;
	}
	
#leftnav ul li a, #leftnav ul li a:visited {
	color:#005E75;
    padding: 0px 0px 0px 20px;
    margin: 0;
	width:180px;
	float:left;
	background:url(images/leftnav_bullet.gif) no-repeat 0% 50%;
	}	

#leftnav li a:hover {	
	color:#005E75;
	text-decoration:underline;
	background:url(images/leftnav_bullet.gif) no-repeat 0% 50%;
	}


/*--------------- HOME -----------------*/
#bannerboxholder {
	width:970px;
	float:left;
	margin:0;
	padding:20px 0px 10px 0px;
	background:url(images/bluebox_bg.gif) no-repeat top right;
	color:#fff;
	line-height:1.6
}

.bannerboxleft {
	width:290px;
	margin:0px 0px 0px 20px;
	padding:0;
	float:left;
}

.bannerboxright {
	width:280px;
	margin:0px 0px 0px 40px;
	padding:0;
	float:left;
}

#bannerboxholder ul {
	line-height:1.4
	}
	
#bannerboxholder ul li {
	margin:0;
	padding:0;
	}

#bannerboxholder .intro {font-size: 1.4em;margin:0px 0px 10px 0px; }
#bannerboxholder .introTwo {font-size: 1.3em;margin:0px 0px 10px 0px; }

a.btnLink {
	background: url(images/btn.gif) no-repeat 100% 60%;
	float:left;
	height:20px;
	color:#FFFFFF;
	padding:0px 25px 0px 0px;
	margin:20px 0px 0px 0px;
}

a.btnLink:hover {text-decoration:none}
a.btnLink:visited {text-decoration:none;}

#homeleft {
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 0px;
	float:left;
	width: 610px;
}

#homelefttop {
	height:180px;
	margin:0px 0px 0px 0px;
	padding:0px 260px 0px 20px;
	float:left;
	border-bottom:1px dashed #D90026;
	background:url(images/cables.jpg) no-repeat right bottom;	
	width: 365px;
	\width:625px; 
	w\idth: 365px;
}

#homeleftbox  {
	height:220px;
	margin:0;
	padding:0px 0px 0px 20px;
	float:left;
	background:url(images/pic2.jpg) no-repeat bottom right;
	border-right:1px solid #81A9B1;
	width: 310px;
	\width:330px; 
	w\idth: 310px;
}

#homerightbox {
	width:260px;
	margin:0px 0px 0px 0px;
	padding:0;
	float:right;
}

#newsright {
	width:260px;
	height:180px;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}

.newsDate {}


/* ------------- FORM ------------------*/

#content form		{ margin:0;padding:0;}
#content input 	{margin:4px 0px 0px 0px;padding:0px;color: #000000;font-size: 0.9em;display:inline;}
#content textarea {margin:1px 0px 0px 0px;padding:0px;color: #000000;display:inline; font-family:Verdana, Arial, Helvetica, sans-serif}
#content select{margin:0;background: #FFFFFF;color: #000000;padding: 1px;font-size: 0.9em;display:inline;margin-top:2px;float:left}
#content submit {text-align:center}
#content fieldset {
 margin:0px 0 15px 0;
 padding:0px 0 20px 0;
 border:0;
 width:400px;
 float:left;
 border-bottom:1px solid #ccc;
 }
 	
#content legend {
	font-size: 120%; 
	color: #64379B; 
	margin:0px 0px 0px -7px;
	padding:0px 0px 0px 0px;
	display:block; 
	font-weight:600
	}

 		
#content label {
	display:inline;
	float:left;
	margin:4px 0 0px 5px;
	 width:100px;
 }
 
#content #buttons {
 	width:200px;
	float:right;
 }
 
/*--------------FOOTER---------------*/

#footer {
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 10px;
	text-align:left;
	background-color: #065565;
	width:950px;
	\width:970px; 
	w\idth: 950px;
}

#footer ul {
	padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
	float:left;
    list-style: none;
	width:700px;
}

#footer li{
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px;
	border-left:1px solid #fff;
}

#footer li.first{
	border:none;
}

#footer li a, #footer li a:hover, #footer li a:visited {
	color:#fff;
    padding: 0;
    margin: 0;
	}
	
#footer #copyright {
	color:#fff;
	float:right;
	width:150px;
	padding-top:4px;
}