@import url(ltnav.css); 
@import url(rndcrns.css);
 
html {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.83em;}
  
 h1 {font-size:14pt;margin-bottom:9px;text-align:left;}
 h2 {font-size:12pt;margin:3px; padding:0;text-align:left;}
 h3 {font-size:10pt;font-weight:bold;margin: 0px 0px 10px 0px; padding:0;text-align:left;}
 p {margin:0 0 12px 0;}
 blockquote { }
 blockquote:before {content:url(../assets/quote_wh.gif)}
 blockquote:after {content:url(../assets/quote_rh.gif)}
 object {position: relative; bottom:0;margin-bottom:0;}
 img {padding: 7px 0 7px 7px;}
 *html img {padding: 0;}
 table {padding:3px 0;margin:12px auto; border-collapse:collapse;}
 select{background:#eeeeea; border: 1px solid #284279; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; width:250px; text-align:left;}
 
  /* classes for special styling
 ===========================*/
 
 .address {text-align:center; font-weight:bolder; padding:18px 0;}
 .bizname {font-weight:bolder;color:#FF0000;}
 .hghlt{background:#00FF33;}
 .hghltpink {background:#990000;}
 .hghltyell {background:#FFFF99;}
 .hghltorng {background:#FFA851;}
 .attention  {color:#0000FF; font-weight:400;}/* adds a little boldness and color but no slant*/
 .attention1 {color:#FF0000; font-weight: bold; font-size:larger;} /*incase attention was not enough*/
 .attention2 {color:#FF0000; font-weight: bold; font-size:large;} /*incase attention1 was not enough*/
 .tag {font-size: x-small; color: #8b1391;}/* for under buttons etc*/
 em {font-weight:200;}/* em for emphasize!*/
 
.formcellx input {
	width: 35px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
	color: #102132;
	border: 1px solid #284279;
} 

.formcellx {
 background-color: #eeeeee;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
} 	 
 .formcell input {

	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #eeeeee;
	color: #102132;
	border: 1px solid #284279;
} 

.formcell {
 background-color: #eeeeee;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
} 	 

 


	 
 .labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: #eee;
 /*width: 220px;*/
} 

 .errors {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: #eee;
 /*width: 220px;*/
} 

#expandtable {min-height:576px;}
#contactt table {border:1px solid red;}
#snail table {position:absolute; top:3px; right:3px; font-size:11px; margin:0;}
*html #snail table {position:relative; top:-105px; right:3px; font-size:11px; margin:0; float:right;}
#snail h4 {margin:0; padding:0; font-size:1.2em; text-align:left;}


#e101 {
        border: 3px double #999999;
        border-top-color: #CCCCCC;
        border-left-color: #CCCCCC;
        padding: 0.25em;
        background: #d8dbdd url(assets/Fade.png) bottom repeat-x;
        color: #666;
        font-size: 75%;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        width: 120px;
        }
#e101:active {
        border: 3px double #CCCCCC;
        border-top-color: #999999;
        border-left-color: #999999;
        }
 
 /* links defualt settings
 ===========================*/
 a {text-decoration: none; font-size:0.87em; color:#660099}
 a img {border: none; margin:0; padding:0;}
 a:link, a:visited {color: #FF0000;}
 html body a:hover {color: red; background-color: #000000;}
 
 /* main page elements 
 header and footer are included 
 here for simplicity
 ===========================*/
html {margin:0; padding:0;} 
 
  body {
    margin:0;
    padding:0;
    min-width:802px;
    background:#fff;
	background:url(../assets/bg_back.gif) right 225px repeat-y; /*I had to do this here for db population*/
    }
  #backlight{ /* this container makes it possible 
								for fluid center but fixed edges and same 
								color background behind all 3 columns making 
								it look like equal height columns!*/
	  	position:relative;
		left:0px;
		width:100%;
		height:100%;
		background:url(../assets/bg_back.gif) right 225px repeat-y; /*this is where it should go - not sure if I still need it*/
		}


  #branding {
    background:#fff url(../assets/brand_bg.gif) left bottom repeat-x;
    height:245px;
	overflow:hidden;
    border-bottom:1px solid #000;
    voice-family: "\"}\"";
    voice-family: inherit;
    height:244px;
    }
  html>body #branding {
    height:244px;
    }
    
    
 #branding h1 {
    font-size:14px;
    padding:10px 10px 0px 10px;
    margin:0px;
    }
  

  #footer {
    clear:both;
	background:#fff;
	padding:0px;
	text-align:center;
    border-top:1px solid #444;
    }
	
/*----this is where the top nav goes---
-------------------------------------*/
#tnav {position:absolute;left:0px;top:82px;  min-width:800px; border-top:1px solid #ff0000;}
#tnav {background:url(../assets/tnavBack.gif) repeat-x; width:100%;}

/*---------------------------------------------------------------------------------------------
*/

#mainnav { font-size:10px; width:880px; height:auto;}

#mainnav .red, #mainnav .current {margin:0; padding:0 0 0 10px; list-style:none; display:block; font-size:10px;}

#mainnav li {display:inline; margin:0; padding:0; height:auto;}

#mainnav .red a, 
#mainnav .current a {display:block; height:18px; float:left; background:url("../assets/left_both2.gif") no-repeat left top; padding:0 0 0 9px; text-decoration:none; font-weight:bold; line-height:1.7em; white-space:nowrap; }
* html #mainnav .red a, * html #mainnav .current a {width:1px;}

#mainnav .red a b, 
#mainnav .current a b {height:100%; display:block; background:url("../assets/right_both2.gif") no-repeat right top; padding:0 15px 0 6px; color:#fff;}

#mainnav .red a:hover, 
#mainnav .red li:hover a {background-position:0% -18px; border-color:#222; cursor:pointer;}

#mainnav .red a:hover b, 
#mainnav .red li:hover a b {background-position:100% -18px; border-color:#222; color:#fff;}

#mainnav .sub {display:none;}

/* for IE5.5 and IE6 only */
#mainnav table {position:absolute; border-collapse:collapse; left:10px; top:-12px; font-size:10px;}

#mainnav .current a {background-position:0 -18px; border-color:#fff;}
#mainnav .current a b {background-position:100% -18px; color:#fff;}


#mainnav .sub li a:hover, 
#mainnav .red a:hover .sub li a:hover, 
#mainnav .red li:hover .sub li a:hover { background:#e1e0ce; color:#000; border:1px solid #aba; padding:0 10px;}
#mainnav .red .sub li a {background:#fff; border:1px solid #000;}
/*--------------------------------------- new*/
#mainnav .sub_active .current_sub a, 
#mainnav .sub_active a:hover {border-color:#333; background:#e1e0ce; color:#000; border:1px solid #aba;padding:0 10px;}
#mainnav .sub_active li a {border:1px solid #000;}
/*-----------------------------------------*/

#mainnav .red li a:hover .sub, 
#mainnav .red li:hover .sub {display:block; position:absolute; width:750px; top:21px; left:20px;  background:#000; margin-top:-3px; padding:0; z-index:100; border-top:6px solid #000; border-bottom:1px solid #444;}

#mainnav .sub, #mainnav .sub_active {margin:0; padding:0; list-style:none;}
#mainnav .sub_active {display:block; position:absolute; width:750px; top:21px; left:20px; background:#000; margin-top:-3px; padding:0; z-index:10; color:#000; border-top:6px solid #000; border-bottom:1px solid #444;}
* html #mainnav .sub_active, * html #mainnav .red a:hover .sub {z-index:-1; margin-top:0; margin-t\op:-3px;}

#mainnav .sub_active a {height:21px; float:left; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;}
#mainnav .sub_active a, 
#mainnav .red a:hover .sub li a, 
#mainnav .red li:hover .sub li a {display:inline; background:#000; padding:0 10px; margin:0; font-size:10px; width:auto; white-space:nowrap; font-weight:normal; border:1px solid #000; color:#fff; height:18px; line-height:17px; }

img.flashimg {position:relative; top:2em;} 

#flash {
	background:#000;
	position:relative;
	top:133px;
	left:0;
	width:auto;
	height:111px;
	padding:0;/* 0 0 5.5em;*/
	}
#flashobject {margin:0 auto;}
*html #flash{ padding:0px 0 1px 33px; z-index:0; height:66px; }

#flashversion {
	z-index:500;
	position:relative;
	top:133px;	}

table#contact td.label {
	font-weight: bold;
}

table#contact td.label span {
	color: #f00;
}

.news {text-align:justify;}

.col_left{
	width: 48%;
	float: left;
	font-weight: bold;
}

.col_left ul li {
	font-weight: normal;
}

.col_right{
	width: 48%;
	float: right;
	font-weight: bold;
}



div.break {
	clear: both;
}

#errors {
	padding: 5px;
	border: 1px solid #000;
	background-color: #ddd;
	color: #a00;
}