@import url("/style/frontend.css");
@import url("/style/nav.css");

/*
-----------HTML Elements---------
*/
body {
	background:#3d444e url('/images/new-images/body-bkgd.gif') repeat-x;
}

body, td, th, li, p {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #000;
}

a {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #98170f;
}

a:hover {
	color: #98170f; 
	text-decoration: none;
}

p { 
	margin: 0 0 1em 0; 
}

strong {
	color: #98170f;
	font-weight: bold;
}

h1 { 
	color: #646464;
	font-size: 20px;
	margin: 0 0 10px 0;
	font-style: italic;
	padding: 0 0 7px 0;
	border-bottom: 5px solid #cccccc;
}


h2 { 
	color: #98170f;
	font-size: 16px;
	margin: 0.5em 0 0.5em 0; 
}

h3 {
	color: #333333;
	font-size: 16px;
	margin: 0.5em 0 0.5em 0;
}

h4 {
	color: #666666;
	font-size: 14px;
	margin: 0 0 1em 0; 
}

h5 {
	color: #000;
	font-size: 12px;
	margin: 0 0 0.5em 0; 
}

hr {
	color: #e1e1e1;
	height: 1px;
	margin: 0 0 1em 0;
}

/*
-----------Page Layout-----------
*/
.content
{

}

#pageWrap {
	margin: 0 auto;
	background: url('/images/new-images/page-wrap-bkgd.gif') repeat-y top center;
	width: 956px;
}

#pageContent {

}

#mainContent {
	padding: 0px 26px 10px 27px;
	background: url('/images/new-images/main-bkgd.gif') repeat-y top center;
}

#secContent {

}

/*
-----------Shopping Cart-----------
*/

#cart {
	margin-left: 18px;
	height: 43px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 43px;
	color: #98170f;
}

#cart a {
	color: #98170f;
}

#cart a:hover {
	color: #98170f;
	text-decoration: none;
}

/*
-----------Header-----------
*/
#header {
	margin: 0 auto;
	background: url('/images/new-images/header-bkgd.jpg') top center no-repeat;
	height: 225px;
	width: 902px;
}

#header .logo {
	position: relative;
	top: 26px;
	left: 26px;
}

#header a {

}


/*
----------Nav Design-----------
*/
#navWrap {
	padding: 9px 26px 9px 27px;
	background: url('/images/new-images/main-bkgd.gif') top center repeat-y;
}

#nav {
	background: url('/images/new-images/nav-bkgd.gif') top center repeat-x;
	height: 44px;
	text-align: center;
}

#nav span {
	height: 44px;
	line-height: 44px;
	background: url('/images/new-images/nav-sep.gif') top right no-repeat;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav span.noBorder {
	background: none;
}

#nav a {
	padding: 13px 15px 12px 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
}

#nav a:hover {
	margin: 5px;
	padding: 8px 7px 7px 7px;
	background: #d72719;
	border: double 3px #ffffff;
	color: #ffffff;
	text-decoration: none;
	width: 50px;
}

/*
-----------General Column Formatting-----------
*/

.oneCol {}
.twoCol {}
.threeCol {}

.col {
	width: 50%;	
}

.threeCol .first {
	width: 190px;
	float: left;
}

.threeCol .first .listing {
	background: url('/images/new-images/col-bkgd.gif') top center repeat-y;
	border-bottom: solid 1px #c1c1c1;	
}

.threeCol .second {
	margin: 0px 13px;
	width: 496px;	
}

.threeCol .second strong {
	font-size: 15px;
}

.threeCol .third {
	width: 190px;
	/*_width: 191px !important;
		USE TO FIX SECOND COLUMN IN ie6 */
	float: left;

}

.threeCol .third .listing {
	background: url('/images/new-images/col-bkgd.gif') top center repeat-y;
	border-bottom: solid 1px #c1c1c1;	
}

.firstCol.header, .thirdCol.header {
	height: 26px;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
}

.firstCol {
	background: url('/images/new-images/col-header-bkgd.gif') top center no-repeat;
}

.thirdCol {
	background: url('/images/new-images/col-header-bkgd.gif') top center no-repeat;
}

.first .colContent {
	padding: 15px 14px 5px 14px;
}

.third .colContent {
	padding: 7px 4px 5px 4px;
}

.colContent, .colContent p, #customerService p, #companyInfo a, #companyInfo {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-size: 12px;
}

.colContent a {
	font-size: 11px;
}

#customerService {
	padding: 12px 10px 12px 9px;
	background: #f1dfc3 url('/images/new-images/customer-service-bkgd.gif') top left repeat-y;
}

#companyInfo {
	padding: 7px 9px 9px 9px;
	background: #efeff1;
	border: solid 1px #c1c1c1;
	line-height: 20px;	
}

.picture {  /* Used on .colContents with img tags*/
	padding: 0px !important;
	text-align: center;
}


/*
----------Footer----------
*/
#footer {
	background: #3d444e url('/images/new-images/footer-bkgd.gif') top center no-repeat;
}

#footer, #footer a {
	color: #ffffff;
	height: 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	padding: 0px 5px;
}

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

/*
--------Calendar Customization--------


#dateSelector {
	float: left;
	width: 175px;
	margin: 0 20px 0 0;
}

#featureLink {
	display: block;
	margin: 0 0 1em 0;
	background: #aeccdd;
	padding: 5px;
	text-align: center;
	border: solid #4a6a82 1px;
}

#featureLink:hover {
	background-color: #DFECF2;
	color: #4a6a82;
}

#upcomingEvents {
	width: 265px;
	margin: 0;
	float:left;
}

#upcomingEvents .category {
	width: 100%;
	float: none;
	margin: 0;
}

#upcomingEvents .category h3{
	border-bottom: solid #4E7083 1px;
}

#upcomingEvents .event{
}

#upcomingEvents .featured{
}

#upcomingEvents .event h4 {
	float: left;
	width: 250px;
	margin-right: 15px;
}

#upcomingEvents .event h5.date {
	float: right;
	width: 150px;
	text-align: right;
	font-size: 12px;
}

h2.dateRange {
	font-size: 16px;
	color: #324B65;
	padding: 0px;
	font-weight:bold;
	letter-spacing:-.05em;
}

a.eventLink {
	font-size: 16px;
	color: #324B65;
	font-weight:bold;
	letter-spacing:-.05em;
}*/

/*
--------Featured News Styles--------


.featuredNews {
	margin: 1em 0;
	padding: 10px;
	background-color: #FFFFCC;
	border: solid #FFCC00 1px;
	width: 50%;
}*/

/*
----------Document/Link Library Tool----------

.docs {
	width:100%;
}
.docs .onecol .category{
	width: 100%;
}
.docs .twocol .category{
	width: 45%;
}
.docs .threecol .category{
	width: 30%;
	margin-right:15px;
}
.docs h2 {font-size:120%; line-height:100%; font-weight:bold;}
.docs img {
	display:block;
}
.docs .doc
{
	width: 95%;
	margin: 0 0 0.5em 0;
	padding: 0;
}

.docs .doc .desc {
	display: block;
	clear: both;
	margin: 0 0 0.5em 0;
}

.doc .imgLt
{
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}
.doc .imgLt a:hover, .doc .imgLt a:active
{
	text-decoration:underline;
	color:#192666;
}*/

/* the custom images based on file type 
.docs a.as, .docs a.doc, .docs a.file, .docs a.fla, .docs a.mdb, .docs a.pdf, .docs a.ppt, .docs a.swf, .docs a.txt, .docs a.xls, .docs a.link  
{	
	padding: 5px 0 6px 20px;
	margin: 0;
	height: 20px;
	line-height:20px;
	display:inline;
}
.docs a.as {
	background: url('/images/docLibrary/as.gif') no-repeat left;
}
.docs a.doc {
	background: url('/images/docLibrary/doc.gif') no-repeat left;
}
.docs a.file {
	background: url('/images/docLibrary/file.gif') no-repeat left;
}
.docs a.fla {
	background: url('/images/docLibrary/fla.gif') no-repeat left;
}
.docs a.mdb {
	background: url('/images/docLibrary/mdb.gif') no-repeat left;
}
.docs a.pdf {
	background: url('/images/docLibrary/pdf.gif') no-repeat left;
}
.docs a.ppt {
	background: url('/images/docLibrary/ppt.gif') no-repeat left;
}
.docs a.swf {
	background: url('/images/docLibrary/swf.gif') no-repeat left;
}
.docs a.txt {
	background: url('/images/docLibrary/txt.gif') no-repeat left;
}
.docs a.xls {
	background: url('/images/docLibrary/xls.gif') no-repeat left;
}
.docs a.link {
	background: url('/images/docLibrary/link.gif') no-repeat left;
	float:none;
}

.docs .twoCol .category {
	float:left;
	width: 45%;
}*/

/*--------order form---------*/
.itemDescription 
{
    font-size:0.8em;
}

#packages .item 
{
    float:left;
    margin:0 15px 15px 0;
    width:350px;
    height:175px;
    position:relative;
}

#packages .item img
{
    margin:0 10px 5px 0;
    width:175px;
    height:175px;
    float:left;
}

#packageOption 
{
    border:1px solid #5D7B9D;
    background-color:#D1DFEF;
    padding:10px;
    margin:0;
}

#packageOption p 
{
    margin:5px;
}

/*#packages .item img:hover 
{
    position:absolute;
    z-index:50;
    width:200px;
    height:200px;
    background:transparent;
}*/

.ItemsList {width:495px;}

.ItemsList th
{
    padding:5px 15px 5px 15px;
    background-color:#98170F;
    color:#FFFFFF;
}

.ItemsList td 
{
    padding:5px 10px 5px 10px; 
    text-align:center;
}

.altRow {background-color:#FFE5E5;}