/* CSS Document */
/* hex colors used in this document  body  text*/
*{margin:0px; padding: 0px;}
/* Wrap CSS*/
body {color: #000033; background-color:#196fda; background-image: url(images/bg.jpg); background-position:top center; background-repeat:repeat-x;  font-family:Arial, Helvetica, sans-serif; font-size:small;}
.body_bgb {width: 100%;background:url(../bgb_body.jpg) repeat-x bottom;}
.wrap_bgt {width:970px; margin:0 auto; background: url(images/spacer.gif) repeat-x top}
.wrap_bgb {width:970px; margin:0 auto; padding: 5px 0px; background:url(images/bgb_wrap.jpg) repeat-x bottom}
.wrap {width:950px; margin: 0px auto; text-align:left; background: #09137c }

/* fonts */
h1{font-size:167%;} /*renders 22px */  
h2{font-size:152%;} /*renders 20px */ 
h3{font-size:136%;} /*renders 18px */ 
h4{font-size:122%;} /*renders 16px */ 
h5{font-size:107%; color: #FF9900} /*renders 14px */ 
h6{font-size:100%;} /*renders 13px */  
p{}
em{font-style:italic}
strong{font-weight:bold}
pre {}
form {padding: 0px; margin:0px }
select {position:relative;top: 5px; padding:0 0 0px 0; margin: 0; width:165px;}
input {position:relative; top: 6px}
hr {heigth: .5px}

/* links */
a:link {color:#003399; text-decoration: none; outline:none}
a:visited {color:#1765c6; outline:none}
a:hover {color:blue; outline:none}
a:active {}


/*  Header CSS */
#header {float:left; width:100%; background: url(images/br_header.gif) no-repeat bottom left; }
#header div{padding: 4px 5px 4px 0px; margin: 0 auto;}
#h_left{float:left;width:30%;}
#h_right {float:right; width: 50%; padding: 0px; text-align:right;}
#h_right div{color: purple; font-weight: bold}
#h_right div a span{background:url(images/cart.gif) no-repeat 0 50%; margin:0;padding: 10pt  0 10pt 22pt; text-decoration: none;}
#h_right div a{color:#003399; font-weight: bold;text-decoration: none; }
#h_right div a:hover{color: blue; font-weight: bold; text-decoration:underline;}
#h_row {height: 37px; clear:both; background: url(images/navbar.gif) no-repeat top left; text-align: center; padding: 0 10px;}

#h_row_left {float:left; width: 25%; text-align:left; padding: 2px 0; vertical-align:top}
#h_row_right {float:right; width:72%; text-align:right; padding: 8px 0px;}

/*  Navigation CSS Here*/
#h_row_right ul {pa dding-left: 14px;}
#h_row_right ul li {display: inline; }
#h_row_right ul li a {letter-spacing:1px;padding: 7px;text-decoration: none;border-left: 1px solid #fff; font-weight:bold; color: #000033}
#h_row_right ul li a:hover {
color: blue}



/* Content, Sidebars and ContentFooter*/
#sale{ font-weight:bold;}
#c_wrap { float:left; width: 100%; background: white; border-top: 5px solid #196fda;border-bottom: 5px solid #196fda;}
#content {float:left; width: 80%;}
#content h4{ text-indent: 10px; padding: 5px 0 0 0px;  display:block; width:575px; height:25px; background-image: url(images/bg_h4.jpg); background-position: left; background-repeat:none;}
#content_full{width:98%; margin:0 auto;}
#content div{ width: 100%;}
#content div #c_left{ float: left; width:22%; text-align: right; background-image: url(images/bg_fade_L.gif); background-repeat:repeat-y; background-position: right;  text-align:right; padding: 2px 0px 5px 5px}
#content div #c_right{ float: right; width:76%; background:;  padding: 0px  }
#content div #c_full{ width:100%;  padding: 0px  }
/*content left sidebar*/
#c_left {margin: 0 0px 0 0px;padding: 0 0px 0 0px;width:22%; text-align: right; background-image: url(images/bg_fade_L.gif); background-repeat:repeat-y; background-position: right;  width:160px}
#c_left h2 { margin: 0px 0 0 0; font-size:100%; font-weight: bold; text-transform:uppercase; padding: 5px 5px 5px 0; text-align: right; color:#003399; background: url(images/bg_fade_L_hd.gif) no-repeat top right; border-top: 0px dashed #009933;border-bottom: 1px dashed #081068; border-right: 2px solid #09137C;}
#c_left h1 { margin: 0px 0 0 0; font-size:100%; font-weight: bold; text-transform:uppercase; padding: 0px 5px 2px 0; text-align: right; color:#003399; background: url(images/left_hd_bg.gif) no-repeat left top; border-top: 0px dashed #009933;border-bottom: 1px solid   #1765c6; border-right: 2px solid #003399;}
#c_left ul {list-style:none; margin:0; padding: 0; }
#c_left ul a {font-size:85%; border-bottom:1px dashed #081068;display:block;width:165px;padding: 5px 3px 5px 0px;margin: 0px 0 0px 0;background-image: url(images/bg_fade_L.gif); background-repeat:repeat-y; background-position: right; font-weight:bold; color: #003399; text-decoration:none; }
#c_left ul a:hover {background-image: url(images/bg_fade_L_over.gif); background-repeat:repeat-y; background-position: right; color:blue; text-decoration:none}
#bg_content {background:#FFF url(images/arborist-tree.jpg) no-repeat top right;height:700px;display:block;}

/* Sidebar Right */
#sb_right {float:right; padding: 0px;width: 19%;  text-align: left; color: #003399; background-image: url(images/bg_fade_R.gif); background-repeat:repeat-y; background-position: left;}
#sb_right div{padding: 5px 0 0 0; text-align:left;background:white;}
#sb_right p{margin-bottom: 10px}
#sb_right h1 { margin: 3px 0 0 0; font-size:100%; font-weight: bold; text-transform:uppercase; padding: 2px 0 2px 5px; text-align: left; color:#003399; background: url(images/right_hd_bg.gif) no-repeat left top; border-top: 0px dashed #09137C;border-bottom: 1px solid   #1765c6; border-left: 2px solid #09137C;}

#sb_right h2 { margin: 0px 0 0 0; font-size:100%; font-weight: bold; text-transform:uppercase; padding: 5px 0 5px 5px; text-align: left; color:#003399; background: url(images/bg_fade_R_hd.gif) no-repeat left top ; border-top: 0px dashed #009933;border-bottom: 1px dashed #081068; border-left: 2px solid #003399;}

#sb_right ul {list-style:none; margin:0; padding:0; }
#sb_right ul a {font-size:85%; border-bottom:1px dashed #081068;display:block;width:170px;padding: 5px 0 5px 3px;margin: 0px 0 0px 0;background-image: url(images/bg_fade_R.gif); background-repeat:repeat-y; background-position: left; font-weight:bold; color: #003399; text-decoration:none}
#sb_right ul a:hover {background-image: url(images/bg_fade_R_over.gif); background-repeat:repeat-y; background-position: left;color:blue; text-decoration:none}

/* tables */
#image {padding: 6px; border: 1px solid #081068; background: #FFF}
.shadow {margin:4px 0 0 100px; background: #919191; width: 500px;}/* changes the size of the table  */
table caption { padding: 8px 20px; text-align:left; border: 1px solid #000; border-bottom: none; background: #FFF;}
table {text-align:center; width: 575px; border: 1px solid #081068; background: #FFF;}
table th, table td {margin: 0px; padding: 8px 10px; text-align: center; border-bottom: 1px solid #c3c5c7;}
table th {color:#0066FF}
table .t_left {text-align:left;}
table tr {background: #FFF url(images/bg_fade_T.jpg) repeat-x top left }/*#e1edcf;*/
table tr.alt {background: #f1f1f1;}
table td a{display:block; font-weight:bold;}
#c_left table{text-align:right; width: 165px; border: none; background:none; font-size: 110%}
#c_left table th, #c_left table td {margin: 0px; padd ing: 5px 3px; text-align: right; border-bottom: 0px solid #b5b5b5;}
#c_left table th {color:#0066FF}
#c_left table tr {background:none}


/* Content Footer CSS*/
#c_footer {height: 37px; clear:both; background: url(images/navbar.gif) no-repeat top center;  }
#c_footer div {padding: 10px 5px; text-align:center;}
#c_footer2 {padding: 10px 0px; text-align:center;}

/*  Footers CSS*/
#footer {margin:15px auto;color:#FFFFFF; clear: both;}
#footer div {padding: 3px;text-align:center;}
	#footer a{text-decoration:none; color:#FEFEFE; margin-bottom: 10px; letter-spacing: 3px}
	#footer a:hover {color:#FFFF00; text-decoration: none;}
.alignField { margin-bottom: 7px; }