/* CSS Document */

.skiplink {display:none}

.product{
border: 1px solid #003468; 
margin-bottom: 10px;
margin-right: 10px;
float: left;		
}

.productLeft{
border: 1px solid #003468; 
margin-bottom: 10px;
margin-right: 10px;
float: right;		
}

#top
{
background:  url(images/blue_horizontal_line.gif) repeat;

}

#bottom
{
background:  url(images/blue_horizontal_line_flipped.gif) repeat;

}

#leftCol
{
background:  url(images/blue_vertical_line.gif) repeat;

}

#rightCol
{
background:  url(images/blue_vertical_line_flipped.gif) repeat;

}

#topLeft
{
background:  url(images/blue_top_left.gif) no-repeat;
}

#topRight
{
background:  url(images/blue_top_right.gif) no-repeat;

}

#botLeft
{
background:  url(images/blue_bot_left.gif) no-repeat;

}

#botRight
{
background:  url(images/blue_bot_right.gif) no-repeat;

}

.leftVertical
{
background:  url(images/blue_vertical_line.gif) repeat;

}

.rightVertical
{
background:  url(images/blue_vertical_line_flipped.gif) repeat;
}

#navcontainer
{
width: 11em; }

#navlist
{
padding: 0px;
margin-left: 0;
font: 14px Verdana, Arial, Helvetica, sans-serif;
width: 11em;
color: #808285; }

#navlist li
{
list-style: none;
margin: 0px;
border-left: 0px #003468 solid;
border-bottom: 0px #003468 solid;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.5em 0.4em 0.2em 0.2em;
text-decoration: none;
}

#navlist li a:link { color: #666666; 
					border-left: 0px #FFF solid;
					}
#navlist li a:visited { color: #666666; 
					border-left: 0px #FFF solid;
					}
#navlist li a:hover
{
font-weight:normal;
color: #E6E6E6;
background: #657DA6;
border-left: 0px #FFFFFF solid;
}

html,body{
	min-height:101%;
	margin-top:0px;
	padding:10px;
	background-color: #003468;

}
body{font: 14px Verdana, Arial, Helvetica, sans-serif}
p{margin:10px 10px 10px}

a{color: #0000FF; text-decoration:none;}
a:hover{background-color: #131D98; color: #FDEB01; text-decoration:none; font-weight:normal}

div#header h1{
	height:60px;
	line-height:0px;
	padding-left:0px;
	color: #000000;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#content p{line-height:1.4}
div#navigation{background:#FFF}
div#extra{background:#FFF}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#crumb{
	background: #FFF;
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
}

div#wrapper{float:right;width:100%;margin-left:-150px}
div#content{
	margin-left:195px;
	width: 75%;
}
div#navigation{float:left;width:150px}
div#extra{float:left;clear:left;width:150px}

div#copy{color: #E6E6E6; font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif}
div#copy a:link{color: #E6E6E6; text-decoration:none; font-weight:normal; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif}
div#copy a:visited{color: #E6E6E6; text-decoration:none; font-weight:normal}
div#copy a:hover{background-color: #131D98; color: #FDEB01; text-decoration:none; font-weight:normal}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}

.french_cell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

body#home a#navhome,
body#about a#navabout,
body#hydlok a#navhydlok,
body#classic a#navclassic,
body#aboutsys a#navaboutsys,
body#support a#navsupport,
body#contact a#navcontact,
body#french a#navfrench,
body#downloads a#navdownloads{
color: #E6E6E6;
background: #657DA6;
}