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

body      {
	color: #333333;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 12px;
	background-color: #D6EFFF;
	background-image: url(images/DB_bckgrd.jpg);
	background-repeat: repeat-x;
}

h1{
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 18px;
	color: #336699;
	font-style: italic;
}

h2{
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 14px;
	color: #336699;
	font-style: italic;
	margin-bottom: 1px;
}
.floatLeft {
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}

a         {
	color: #336699;
}
a:link    {
		color: #336699;
}
a:visited {
	color: #336699;
}
a.emailhover   {
		color: #336699;
}
a:hover   {
		color: #336699;
}
a:active  {
		color: #336699;
}

#header {
	background-color: #FFFFFF;
	height: 120px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#billboard{
	background-color: #FFFFFF;
	height: 250px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/header_bkgrd.jpg);
}

#maincontent{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	margin-bottom: 10px;
}

#productcontent{
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#leftcolumn{
	float: left;
	width: 265px;
	margin-top: 10px;
	margin-left: 20px;
}

#rightcolumn{
	width: 450px;
	margin-top: 10px;
	margin-left: 320px;
	line-height: 16px;
}


#footer{
	height: 25px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	color: #333333;
}

#logo{
	height: 109px;
	width: 270px;
	margin-top: 5px;
	margin-left: 30px;
	float: left;
}

#title{
	margin-left: 345px;
	height: 60px;
	width: 402px;
}


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
	font-family: arial, helvetica, serif;
	font-size: 10px;
}

#nav a {
	display: block;
	width: 66px;
}

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 66px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
	clear: left;
	color: #ccc;
}

.marginTop {
	margin-top: 20px;
}