@charset "UTF-8";
/* CSS Document */

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #576F81;	
	list-style-position: inside;
	list-style-image,: none;
	list-style-type: none;
	background-color: #FFFFFF;
	background-image: url(resources/background.gif);
	background-repeat: repeat-x;
	margin: 0px;
	overflow: -moz-scrollbars-vertical; 
}
.hidden {
	display: none;
}

/*Setting the content section*/
#content {
	text-align: left;
	width: 700px;
	margin: 0 auto;
}

/*Defining the Navbar's parameters*/
#nav {
	margin:0;
	padding:0;
	height:91px;
	width:700px; 
}

#nav li {
	list-style: none;
	padding:0;
	margin:0;
	height:91px;
	background-repeat: no-repeat;
	float:left;
	}
#nav li a, #nav li a:visited {
	display: block;
	text-decoration: none;
	height: 91px;
	background-repeat: no-repeat;
}

/*Defining the home button, its hover state, and setting it for the current page state*/
#nav-home { width:320px;	background-image: url(resources/commerce-logo.gif);}
/* Because the home image doesn't need a rollover
#nav-home:hover { background-image: url(resources/commerce-logo_on.jpg);} 
#home #nav-home { background-image: url(resources/commerce-logo_on.jpg);}
*/

/*Defining the quote button, its hover state, and setting it for the current page state*/
#nav-quote { width:80px;	background-image: url(resources/quote_off.gif);}
#nav-quote:hover { background-image: url(resources/quote_on.gif);} 
#quote #nav-quote { background-image: url(resources/quote_on.gif);} 

/*Defining the ftp button, its hover state, and setting it for the current page state*/
#nav-ftp { width:65px; background-image: url(resources/ftp_off.gif);}
#nav-ftp:hover { background-image: url(resources/ftp_on.gif);} 
#ftp #nav-ftp { background-image: url(resources/ftp_on.gif);} 

/*Defining the green button, its hover state, and setting it for the current page state*/
#nav-green { width:80px;	background-image: url(resources/green_off.gif);}
#nav-green:hover { background-image: url(resources/green_on.gif);} 
#green #nav-green { background-image: url(resources/green_on.gif);}

/*Defining the help button, its hover state, and setting it for the current page state*/
#nav-help { width:75px;	background-image: url(resources/help_off.gif);}
#nav-help:hover { background-image: url(resources/help_on.gif);} 
#help #nav-help { background-image: url(resources/help_on.gif);} 


/*Defining the contact button, its hover state, and setting it for the current page state*/
#nav-contact { width:80px; background-image: url(resources/contact_off.gif);}
#nav-contact:hover { background-image: url(resources/contact_on.gif);} 
#contact #nav-contact { background-image: url(resources/contact_on.gif);} 

/*The photo shuffler*/
#photodiv {
	width: 700px;
	text-align: left;
 	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

/*main body in the content section*/
#leftcontent {
	float:left;
	width:450px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 15px;
	line-height: 1.7;
}

/*right side bar*/
#rightcontent {
	float:right;
	width:210px;
	padding-bottom:20px;
	line-height: 1.7;
}
		
/*Defining the footer*/
#footer {
	margin: 0px;
	padding-top: 10px;
	width: 100%;
	float:right;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C1D27E;
	float:left;
	clear:both;
	font-size: 10px;
	font-style: normal;
	line-height: 1.7em;
	color: #013D79;
}
#footer-1, #footer-2 {
	margin-left:15px;
	width:150px;
	float:left;
}
#footer-3 {
	margin-right:10px;
	width:212px;
	float:right;
	color: #576F81
}

/*text formatting
p, h1 {line-height: 1.7em;}*/
h1 {
	color: #013D79; 
	font-size: 16px; 
	font-weight: 400; 
	font-style: normal;
	height:1em;
	}
h2 {
	color: #013D79;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	height: 1em;
}		
strong {color:#000000;}
b {color:#576F81;}
ul {list-style:inside; list-style-type:none}
a {color:#013D79; text-decoration:none}
a:hover {color:#A4BB39}
span.text {position:relative; color:#576F81;}

img.floatLeft { 
    float: left; 
    margin: 4px; 
	clear:both;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.rightcol {
width:330px;
float:right;
clear:right;
margin-bottom:20px;
}