html {
min-height: 100%;
margin-bottom: 1px;}  /* Always make vertical scrollbar (kills annoying page shift in Firefox) */

* {
margin: 0;
padding: 0;}

body {
margin: 0px;
background: #C8DCEE url(../images/img01.png) repeat-x top left;}

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
text-align:justify;}

a img {
border:none;}

h1 {
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
margin:1em 0;
color: #333333;}

h3 {
font-size: 13px;
font-weight:bold;
color:#333333;
padding-bottom:5px;}

p {
margin-bottom: 10px;
line-height: 1.6em;
font-size: 13px;}

.name {
font-style:italic;}

hr {
color:#ffffff;
width:200px;
margin:20px auto;}

ul {
list-style-position:inside;
margin:0 0 10px 10px;}

.red {
font-size:12px;
font-style:italic;
color:#CC0000;}

/* Header */
#header {
width: 800px;
height: 35px;
margin: 0 auto;}

/* Nav */
#nav {
float: left;
width: 770px;
height: 40px;
margin-left:14px;
background: url(../images/nav_bar_blue.png) no-repeat left top;
font-family: Arial, Helvetica, sans-serif;}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;}

#nav li {
float: left;
background: url(../images/nav_border.gif) no-repeat right top;
height: 40px;
position:relative;}

#nav a {
display: block;
float: left;
height:40px;
margin-right: 1px;
padding: 13px 20px 0 20px;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;}

#nav a:hover {
background:url(../images/nav_bg.png) top center repeat-x;}

#nav ul li ul {
margin:0;
width:12em;
position:absolute;
top:40px;
left:0;
display:none;}

#nav ul li ul li {
width:100%;
height:25px;
background:#33373a;
border-bottom:1px solid #000000;}

#nav ul li ul li a {
width:100%;
height:25px;
padding:9px 5px 0 5px;
color:#ffffff;
text-transform:none;}

#nav ul li ul li a:hover {
background:none;
color:#666666;}

#nav ul li:hover ul, #nav ul li.over ul {
display:block;}


/* Logo */
#logo {
width: 785px;
margin: 0 auto;
padding-left: 15px;
background: #FFFFFF url(../images/header.jpg) no-repeat 14px 15px;
height: 222px;
padding-bottom:20px;}

#logo h1 {
float: left;
margin: 0;
padding: 0;}

#logo h1 {
color: #000000;
text-indent:-9999px;}

/* Page */
#page {
width: 800px;
margin: 0 auto;
padding: 0px 0px 0 0px;
background: #FFFFFF;
border: 1px solid #D5D5D5;
border-top: none;}

/* Content */
#content {
float: left;
width: 575px;
padding: 20px 0px 0px 15px;}

.border {
float:left;
width:545px;
padding:0 15px 15px 15px;
border:1px solid #cccccc;
margin-bottom:20px;}

.line {
height:1px;
width:300px;
background-color:#cccccc;
margin:20px auto;
line-height:1px;
overflow:hidden;}


/* Sidebar */
#sidebar {
float:right;
width: 150px;
padding: 20px 20px 0px 0px;
margin-right:8px;}

table.products {
float:left;
margin:20px 0 20px 20px;}

table.products td {
padding:5px;}

/* Footer */
#footer {
margin: 0;
padding: 0;
height: 140px;
background: url(../images/img02.png) repeat-x bottom left;}

#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
padding-top: 30px;
text-align: center;}

#footer a {
color:#cccccc;}

#footer a:hover {
text-decoration:underline;}

#wrapper {
background: url(../images/img02.png) repeat-x bottom left;}

/*contact form styles*/
.textbox {
height: 16px;
width: 200px;
font-family: Verdana;
font-size: 10px;
background-color:#ffffff;
border: 1px solid #999999;}

.textboxreqd {
height: 16px;
width: 200px;
font-family: Verdana;
font-size: 10px;
font-style: italic;
background-color:#FFFF99;
border: 1px solid #999999;}

.dropdown {
height: 16px; 
font-family: Verdana; 
font-size: 10px; 
width:100px;} 

.large_text {
height: 120px;
width: 275px;
font-family: Verdana;
font-size: 10px;
border: 1px solid #999999;}