* { padding: 0; margin: 0; }

body {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 10px auto;
 width: 960px;
 border: 1px solid black;
}
#header {
 width: 960px;
 color: #333;
 padding: 0px;
 height: 82px;
 margin: 0px 0px 0px 0px;
 background: url(../images/header-bg.jpg) repeat-x;
}
.searchbox{
 float:right;
 padding: 27px 30px;
 text-align: right;
}
.searchbox label{
 color: white;
 font-weight: bold;
}
.searchbox span{
 color: black;
 font-weight: bold;
}
.purple-list{
 float:right;
 padding: 30px 30px 20px 30px;
 width: 365px;
 font-weight: bold;
 color: #9e3155;
}
.purple-list li{
 margin: 0px 0px 10px 0px;
 list-style-image:url("../images/bullet.gif");
}
#subhead {
 width: 960px;
 height: 194px;
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: url(../images/sub-head-bg.jpg);
}
#navigation {
 width: 960px;
 color: #333;
 height: 38px;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: url(../images/nav.jpg);
}
#main_nav{
 float: left;
}
#main_nav ul{
 list-style: none;
 padding: 0px 10px;
 float: left;
}
#main_nav li{
 float: left;
 padding: 10px 25px;
 border-right: 1px solid #c5c5c5;
}
#main_nav a:link,#main_nav a:visited{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
#main_nav a:hover{
	color: #c5c5c5;
	text-decoration: underline;
	font-weight: bold;
}
#contenthead { 
 width: 960px;
 color: #333;
 background: url(../images/content-head.jpg);
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 13px;
}
#content { 
 width: 880px;
 color: #333;
 background: url(../images/content-body-bg.jpg);
 margin: 0px 0px 0px 0px;
 padding: 15px 40px 0px;
 overflow: auto;
}
#contentfooter { 
 width: 960px;
 color: #333;
 background: url(../images/content-footer.jpg);
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 13px;
}
#footer { 
 width: 960px;
 color: #333;
 background: url(../images/footer.jpg);
 margin: 0px 0px 10px 0px;
 padding: 0px;
 height: 38px;
 font-size: 10pt;
}
#footer ul {
 list-style: none;
 margin-left: 110px;
 padding: 10px;
 float: left;
}
#footer li {
 margin-right: 30px;
 float:left;
}
#footer a:link,#footer a:visited{
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
#footer a:hover{
	color: white;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
}
#subfooter { 
 width: 960px;
 color: #000;
 text-align: center;
 font-family: Tahoma,arial;
 font-size: 10pt;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 0px;
}
#comments {
  float:left;
  width:450px;
}

#comment-wrapper {
  position: relative;
}

#commentWrapper { /* required to avoid jumping */
  left: 0px;
  position: absolute;
  width:280px;
}

#comment {
  position: absolute;
  top: 0;
  margin-top: 200px;
  padding: 10px;
  height: 170px;
  color: white;
  font-weight: bold;
  width: 47px;
  background: url(../images/left-bar.gif);
}

#comment img{
	margin: 5px 0px;
}

#comment.fixed {
  position: fixed;
  top: 0;
}
/* CONTENT STYLES */
#content p{
	float: left;
	width: 850px;
	margin: 10px 0px;
	text-align: justify;
}
.img_holder{
	float: left;
	margin: 20px 0px 0px 0px;
}
.head_text{
	font-size:20px;
	margin-bottom:20px;
	display:inline;
	font-weight: bold;
}
h1{clear:left;font-size:20px;margin-bottom:20px;}
h2{clear:left;}
h3{clear:left;}
h4{clear:left;margin: 10px 0px;}
textarea.html_code{
	background: #bbb;
	padding: 20px;
	border: 2px solid black;
	width: 810px;
	height: 60px;
}

a.compare:link, a.compare:visited{
	color: #2f4c78;
	text-decoration: underline;
}
a.compare:hover{
	color: #c00405;
}
#inputString{
	border: 1px solid #35507b;
	color: #8a99ae;
	height: 19px;
    padding: 3px;
    width: 315px;
}
#paging{
	clear:left;
}
#paging ul{
	clear:left;
	float: left;
	list-style: none;
	margin: 0px 0px 10px;
}
#paging li{
	border: 1px solid black;
	float:left;
	margin: 0px 5px 0px 0px;
	padding: 5px;
	text-align: center;
	width: 20px;
}
#paging a:link, #paging a:visited{
	color: black;
	text-decoration: none;
}
#paging a:hover{
	color: #9E3155;
}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(../images/three_1.gif);}
.preload2 {background: url(../images/three_1a.gif);}

#main_nav {padding:0; margin:0; list-style:none; height:18px; background: url(../images/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#main_nav li.top {display:block; float:left; height:18px;}
#main_nav li a.top_link {display:block; float:left; height:15px; line-height:13px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;background: url(../images/three_0.gif);}
#main_nav li a.top_link span {float:left; display:block; padding:0 20px 0 12px; height:15px; background: url(../images/three_0.gif) right top no-repeat;}
#main_nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:15px; background: url(../images/three_0a.gif) no-repeat right top;}

#main_nav li:hover a.top_link {color:#fff; background: url(../images/three_1.gif) no-repeat;}
#main_nav li:hover a.top_link span {background:url(../images/three_1.gif) no-repeat right top;}
#main_nav li:hover a.top_link span.down {background:url(../images/three_1a.gif) no-repeat right top;}

/* Default list styling */

#main_nav li:hover {position:relative; z-index:200;}

#main_nav li:hover ul.sub
{left:1px; top:18px; background: #F2F3FE; padding:3px; border:1px solid #7ec0d3; white-space:nowrap; width:190px; height:auto; z-index:300;}
#main_nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:190px; font-weight:normal;}
#main_nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:188px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #fff;}
#main_nav li ul.sub li a.fly
{background:#F2F3FE url(../images/arrow.gif) 180px 6px no-repeat;}
#main_nav li:hover ul.sub li a:hover 
{background:#2c7481; color:#fff; border-color:#fff;}
#main_nav li:hover ul.sub li a.fly:hover
{background:#2c7481 url(../images/arrow_over.gif) 180px 6px no-repeat; color:#fff;}


#main_nav li:hover li:hover ul,
#main_nav li:hover li:hover li:hover ul,
#main_nav li:hover li:hover li:hover li:hover ul,
#main_nav li:hover li:hover li:hover li:hover li:hover ul
{left:190px; top:-4px; background: #F2F3FE; padding:3px; border:1px solid #7ec0d3; white-space:nowrap; width:190px; z-index:400; height:auto;}

#main_nav ul, 
#main_nav li:hover ul ul,
#main_nav li:hover li:hover ul ul,
#main_nav li:hover li:hover li:hover ul ul,
#main_nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#main_nav li:hover li:hover a.fly,
#main_nav li:hover li:hover li:hover a.fly,
#main_nav li:hover li:hover li:hover li:hover a.fly,
#main_nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#2c7481 url(../images/arrow_over.gif) 180px 6px no-repeat; color:#fff; border-color:#fff;} 

#main_nav li:hover li:hover li a.fly,
#main_nav li:hover li:hover li:hover li a.fly,
#main_nav li:hover li:hover li:hover li:hover li a.fly
{background:#F2F3FE url(../images/arrow.gif) 180px 6px no-repeat; color:#000; border-color:#fff;}