/* { margin:0; padding:0; } */

* {
padding: 0;
margin: 0;
}

body { 
background:url(images/bg_pixel.gif) repeat-x #FFFFFF;
margin: 0px 0px 0px 0px;
}

/* tableless styles */

/* set the containing div, fixed, centered */
#main { 
width: 940px;
margin: 0 auto;
} 

/* set the containing div and center it */
/*#main {
width: 960px;
/* include the IE5.x/Win box model hack   */
/*\width: 980px;
w\idth: 960px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background: #FFFFFF;
} */

/* set the header div */

#bg_header {
background: url(images/bg_header.gif) no-repeat; 
width: 940px;
height: 110px;
}

#bg_int_hd {
background: url(images/bg_int_hd.gif) no-repeat; 
width: 940px;
height: 60px;
padding: 30px 0 0 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 18px;
color: #FFFFFF;
}

.hd_title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 15px;
color: #FFFFFF;
}


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

.shadow  { position:relative; display:block; color:#fff; }
.shadow span { position:absolute; display:block; top:0px; }
.shadow:before { display:block; padding:1px; content: attr(title); color:#666; }

#mid {
background: url(images/main.jpg) no-repeat; 
width: 960px;
height: 342px;
}

#video {
float: right;
margin: 0px 50px 0px 20px;
}

.paypal {
padding: 20px 20px 0px 0px;
text-align: right;
}



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

/* set the navigation div top navigation  */

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

#topnav {
padding: 10px 5px 0px 0px;
margin: 0px 0px 0px 0px;
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #3e3e3e;
}

ul#topnav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#topnav li {
display: inline;
list-style-type: none;
}

#topnav a { padding: 0px 8px 0px 5px; }

#topnav a:link, #topnav a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #3e3e3e;
text-decoration: none;
}

#topnav a:hover {
color: #ae0000;
text-decoration: none;
}


/* --------------------------------------- */
/* set the navigation div main navigation - 1st tier */
/* --------------------------------------- */

#mainnav {
padding: 62px 10px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
color: #3e3e3e;
float: right;
}

ul#mainnav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#mainnav li {
display: inline;
list-style-type: none;
}

#mainnav a { padding: 0px 20px 0px 5px; }

#mainnav a:link, #mainnav a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
color: #3e3e3e;
text-decoration: none;
}

#mainnav a:hover {
color: #ae0000;
text-decoration: none;
}

#toplogo {
float: left;
margin-right: 90px;
}

#toponline {
float: left;
margin-left: 10px;
}

.hd_pos {
text-align: right;
margin: 0px 10px 0px 0px;
padding-top: 5px;
}

/* dropdown menu 2nd tier */

#dropmenudiv {
position:absolute;
border-top: 0px solid #871d1d;
border-right: 1px solid #871d1d;
border-bottom: 1px solid #871d1d;
border-left: 1px solid #871d1d;
z-index: 100;
line-height: 0px;
/* opacity: 0.95;  MOZ/FF/STD CSS3 */
/*filter: alpha(opacity=95); /* IE */

}

.menu_item { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;
color: #666666;
display: block;
background: #e7e2db;
text-decoration: none;
padding: 4px 3px 4px 3px;
line-height: 10px;
}

a.menu, a.menu:active, a.menu:visited { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;
color: #000000;
display: block;
background: #FFFFFF;
text-decoration: none;
padding: 4px 3px 4px 3px;
line-height: 10px;
border-top: 1px solid #871d1d;
}

a.menu:hover { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;
color: #FFFFFF;
display: block;
background: url(images/bg_menu.gif) repeat #871d1d;
text-decoration: none;
padding: 4px 3px 4px 3px;
line-height: 10px;
}

.bg_int_hdr {
background: url(images/bg_int_hdr.gif) no-repeat;
width: 920px;
height: 15px;
margin: auto;
}

/* set the footer div */
.bg_ftr {
background: url(images/bg_ftr.gif) repeat-x;
width: 940px;
height: 2px;
padding-top: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 9px;
color: #000000;
clear: both;
text-align: center;
}

.ftr_copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 9px;
color: #000000;
padding: 60px 0px 0px 10px;
}

#footer {
margin-top: -10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 9px;
color: #000000;
clear: both;
text-align: center;
}


/* --------------------------------------------------------------- */
/* tabcontent styles on home page */
#itemtabs {
/* background: ; */
}

.indentmenu{
font: bold 10px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
/* margin: 3px; */
padding: 0px 0px 0px 0px;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid #888888; /* border*/
border-left: 1px solid #888888;
border-bottom: 1px solid #888888;
background: url(images/bg_tab_off.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #FFFFFF; /*text color*/
padding: 5px 8px;
text-decoration: none;
width: 8px;
border-right: 1px solid #888888; /* divider between menu items*/
}

.indentmenu ul li a:visited{
color: #FFFFFF;
}

.indentmenu ul li a:hover{
color: #EFEFEF;
background: url(images/bg_tab_on.gif) center center repeat-x;
}

.indentmenu ul li a.selected{
color: #EFEFEF !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: #FFFFFF url(images/bg_tab_on.gif) center center repeat-x;
}

.tabcontent{
display:none;
font-family: arial, helvetica, sans-serif;
color: #000000;
font-weight: 400;
font-size: 11px;
line-height: 13px;
}

.container{
padding: 42px 0px 0px 30px;
}


@media print {
.tabcontent {
display:block !important;
}
}

/* --------------------------------------- */
/* interior styles */

/* standard shared styles interior pages */
.bg_int { 
background: url(images/bg_int.gif) repeat #FFFFFF;
width: 940px;
min-height: 600px;
}


.int {
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #000000;
padding: 0 20px 20px 20px;
min-height: 500px;
}

hr {
height: 2px;
clear: both;
margin-top: 10px;
margin-bottom: 20px;
background: #666666;
}


/* --------------------------------------- */
/* 1st and 2nd tier menu styles - left navigation  */

a.colnav, a.colnav:link, a.colnav:visited {
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 12px;
color: #3400a2;
text-decoration: none;
}

a.colnav:hover { 
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 12px;
color: #e98f00;
text-decoration: none;
}

.mycontent {
vertical-align: top;
background: url(images/bg_line.gif) repeat-x bottom;
padding: 10px 10px 20px 25px;
line-height: 18px;
}

#categoryitems {
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 500;
font-size: 11px;
color: #000000;
}

.openheader { /*class added to contents when they are open*/
background: #FFFFFF;
}

ul#categoryitems {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
padding: 5px 0px 5px 0px;
}

#categoryitems li {
list-style-type: none;
padding: 1px 0px 0px 20px;
}

#categoryitems a, #categoryitems a:link, #categoryitems a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #666666;
text-decoration: none;
line-height: 11px;
}

#categoryitems a:hover {
color: #cf1d20;
text-decoration: none;
}

/* --------------------------------------- */
/* general leftnav bulleted items */
ul#leftnav {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
padding: 5px 0px 5px 0px;
}

#leftnav li {
list-style-type: none;
padding: 1px 0px 11px 15px;
}


/* --------------------------------------- */
/* general button template */

#btn {
width: 114px;
height: 23px;
padding: 5px 0px 0px 8px;
background:url(images/bg_btn.gif) no-repeat;
}

a.btn, a.btn:link, a.btn:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}

a.btn:hover { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #ffb400;
text-decoration: none;
}

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

.icon {
padding:.8em 0 .4em 30px;
background:url(images/ico_spacer.gif) 0 .2em no-repeat;
}

ul li.icon {
padding:.2em 0 .2em 20px;
}

.audio { background-image:url(images/spacer.gif); } 


/* --------------------------------------- */
/* images - thumbnail, photo and caption, image border  */

.img_cen {
text-align: center;
}

.caption {
font-size: 9px;	
font-family: Arial,Helvetica,sans-serif;	
color: #000000;
}

.border {
border: 1px solid #8d0022;
margin: 0px 0px 10px 0px;
}

.border_cen {
border: 1px solid #8d0022;
}

/* --------------------------------------- */
/* unordered list - regular */
ul.reg {
padding-left: 15px;
display: block;
margin: 10px 5px 5px 5px;
} 

ol.reg {
padding-left: 15px;
display: block;
margin: 10px 5px 5px 5px;
} 

/* --------------------------------------- */      
/* define background cell color */

.bg_gry1  { background: #666666;}
.bg_gry2  { background: #999999;}
.bg_gry3  { background: #EFEFEF;}
.bg_red   { background: #cd0003;} /* base red color */
.bg_grn   { background: #127514;}
.bg_yel   { background: #ffb400;} /* hightlight color */
.bg_whi   { background: #FFFFFF;}
.bg_blk   { background: #000000;}

/* --------------------------------------- */
/* general formatting and styles for forms */

.copybold {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: 700;
font-size: 14px;
color: #c82020;
}

.copybold_14 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: 700;
font-size: 14px;
color: #be080d;
}

fieldset.form {
display: block;
border: 1px solid #cccccc;
width: 500px;
padding: 10px 10px 10px 10px;
}

fieldset.videobdr {
display: block;
border: 1px solid #cccccc;
width: 300px;
padding: 10px 10px 10px 10px;
}

legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #b9080d;
padding: 0px 10px 0px 10px;
}

.label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #000000;
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
padding-top: 2px;
display: block;
}

.cps_req {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: 400; 
font-size: 9px;
color: #cd0003;
float: right;
padding-right:10px;
line-height: 19px;
} 

.req { /* This is the class for required fields */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #cd0003;
width: 150px;
float: left;
text-align: right;
margin-right: 0.5em;
padding-top: 2px;
display: block;
}

.req_wide { /* This is the class for required fields */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #cd0003;
width: 300px;
float: left;
text-align: left;
margin-left: 1.2em;
padding-top: 2px;
display: block;
}

.wide { /* This is the class for non-required fields */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 9px;
color: #000000;
width: 300px;
float: left;
text-align: left;
margin-left: 1.2em;
padding-top: 2px;
display: block;
}

.field { 
float: left;
display: block;
}

.field_wide { 
float: left;
display: block;
padding: 5px 0px 0px 10px;
}

.cps_btn {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
text-align: left;
width: 114px;
height: 23px;
padding: 2px 0px 0px 5px;
margin: 5px 0px 0px 0px;
background:url(images/bg_btn.gif) no-repeat;
}

#cps_cell_00 { 
background: #cee8ee;
padding: 6px 0px 5px 0px;
margin: 1px 0px 1px 0px;
height: 36px;
}

#cps_cell_00_tall { 
background: #cee8ee;
padding: 6px 0px 5px 0px;
margin: 1px 0px 1px 0px;
height: 75px;
}

#cps_cell_01 {
background: #e1e1e1;
padding: 6px 0px 5px 0px;
margin: 1px 0px 1px 0px;
height: 18px;
}

#cps_cell_02 {
background: #cccccc;
padding: 5px 0px 5px 30px;
margin: 1px 0px 1px 0px;
}

#cps_cell_03 {
background: #e1e1e1;
padding: 5px 0px 5px 30px;
margin: 1px 0px 1px 0px;
}

#cps_cell_04 { /* This is used for textarea */
background: #e1e1e1;
padding: 6px 0px 5px 0px;
margin: 1px 0px 1px 0px;
height: 200px;
}

.cps_field { 
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;  
color: #000000;
border: 1px solid #666666;
width: 150px;
height: 14px;
}

.cps_field_caption { 
font-size: 9px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;  
color: #000000;
}

.cps_field_textarea { 
font-size: 10px;
font-family: Arial,Helvetica,sans-serif;
font-weight: 400;  
color: #000000;
border: 1px solid #666666;
}

/* --------------------------------------- */
/* style for tooltip mousover behavior */

#fixedtipdiv {
position: absolute;
background: url(images/bg_tooltip.gif) no-repeat #EFEFEF;
border: 2px solid #cd0003;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: 400; 
font-size: 9px;
color: #000000;
padding: 10px 10px 10px 10px;
z-index: 100;
}

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

sup {
font-family: Arial,Helvetica,sans-serif;
font-size: .9em;
}

.clearboth { clear: both; }


/* --------------------------------------- */
/* image with caption */
.float_lt {
float: left;
width: 202px;
margin: 0 10px 10px 10px;
background-color: #fff;
padding: 5px;
border: 1px solid #000000;
http://backroom.zenrepro.com/
}

.float_rt {
float: right;
width: 202px;
margin: 0 10px 10px 10px;
background-color: #fff;
padding: 5px;
border: 1px solid #000000;
font-size: 9px;
}

/* --------------------------------------- */
/* columns */

.col_rt_text {
font-family: Arial,Helvetica,sans-serif;
color: #000000;
font-weight: 700;
font-size: 11px;
text-align: center;
padding-top: 50px;
}

.col {
float: left;
margin-right: 15px;
width: 200px;
}

/* --------------------------------------- */
/* login tab */

#login {
float: right;
font-family: Arial,Helvetica,sans-serif;
color: #c82020;
font-weight: 700;
font-size: 11px;
text-align: center;
}

/* --------------------------------------- */
/* dynamic table */

.td_hdr {
background: #0c5589;
font-family: Arial,Helvetica,sans-serif;
color: #FFFFFF;
font-weight: 700;
font-size: 12px;
text-align: center;
padding: 3px 3px 3px 3px;
}

.td_row01 {
background: #FFFFFF;
font-family: Arial,Helvetica,sans-serif;
color: #000000;
font-weight: 400;
font-size: 11px;
text-align: center;
padding: 4px 4px 4px 4px;
}

.td_row02 {
background: #EFEFEF;
font-family: Arial,Helvetica,sans-serif;
color: #000000;
font-weight: 400;
font-size: 11px;
text-align: center;
padding: 4px 4px 4px 4px;
}

#job_hd {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: 700;
font-size: 14px;
color: #c82020;
padding: 4px 4px 10px 4px;
background: url(images/bg_job.gif) repeat-x bottom;
}

#job_label {
float: left;
width: 150px;
margin-right: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: 700;
font-size: 11px;
color: #c82020;
text-align: right;
}

#job_text {
float: left;
width: 700px;
margin-right: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #000000;
}


/* --------------------------------------- */
/* FAQS */

.faq_q {
color: #e98f00;
font-weight: 700;
background: #FFFFFF;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
border: 1px solid #c2c2c2;
}

.faq_a {
background: #EAEAEA;
padding: 10px 10px 10px 10px;
margin-bottom: 10px;
border: 1px solid #c2c2c2;
}

.alert {
color: #CC0000;
}

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

img.logo_brand {
float: left;
border: 1px solid #dcdce9;
padding: 3px 3px 3px 3px;
margin: 0px 20px 10px 0px;
}

/* thumbnail 60 x 60 anchor */
a.ico:link img, a.ico:visited img, a.ico:active img {
border: 1px solid #dcdce9;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;
}

a.ico:hover img {
border: 1px solid #ff900a;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;
}

/* map anchor */
a.map:link img, a.map:visited img, a.map:active img {
border: 1px solid #2977ad;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;
}

a.map:hover img {
border: 1px solid #b9080d;
padding: 3px 3px 3px 3px;
margin: 0px 0px 10px 10px;
}

/* FrogJS Gallery Styles
/* --------------------------------------- */
#FrogJS {
width: 760px;
height: 500px;
margin: 0 auto;
}

#FrogJSCredit {
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption {
text-align: left;
line-height: 140%;
}

/* --------------------------------------- */
/* global anchors */
a, a:visited, a:active { 
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #c82020;
text-decoration: underline;
}

a:hover {
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #666666;
text-decoration: underline;
}

a.viewlink, a.viewlink:visited, a.viewlink:active { 
background: url(images/ico_mg.gif) no-repeat left;
width: 75px;
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #c82020;
text-decoration: underline;
padding-left: 20px;
}

a.viewlink:hover {
background: url(images/ico_mg.gif) no-repeat left;
width: 75px;
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;	
color: #666666;
text-decoration: underline;
padding-left: 20px;
}

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

.bg_pop {
background: url(images/bg_feat2.gif) no-repeat;
width: 700px; 
height: 280px;
margin: 10px 0px 0px 0px;
}

#pop_text {
padding: 25px 20px 10px 25px;
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;
color: #FFFFFF;
line-height: 16px;
}

#pop_01 {
width: 200px;
float: left;
padding: 45px 20px 10px 25px;
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;
color: #FFFFFF;
line-height: 13px;
}

#pop_02 {
width: 200px;
float: left;
padding: 45px 20px 10px 130px;
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 400;
color: #FFFFFF;
line-height: 13px;
}

a.pop, a.pop:visited, a.pop:active { 
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 700;	
color: #000000;
text-decoration: none;
}

a.pop:hover {
font-size: 11px;	
font-family: Arial,Helvetica,sans-serif;	
font-weight: 700;	
color: #ffc600;
text-decoration: none;
}

/* accordian style content */

.mytopic{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 5px 5px 5px 5px;
border: 1px solid #c2c2c2;
background: url(images/bar_view.gif) no-repeat #E1E1E1;
margin-bottom: 4px;
}

.thetopic {
border: 1px solid c2c2c2;
padding: 5px 5px 5px 5px;
}

.opentopic{ /*class added to contents of 1st demo when they are open*/
background: url(images/bar_close.gif) no-repeat #3400a2;
color: #FFFFFF;
}



/* --------------------------------------- */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 800px; /*width of menu*/
border-bottom: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: url(images/bar_signs.gif) no-repeat top left;
/* background: black url(images/glossyback.gif) repeat-x bottom left; */
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 13px 0;
padding-left: 70px;
text-decoration: none;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/bar_signs_on.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
padding: 20px 45px 20px 45px;
border-bottom: 1px solid #9A9A9A;
margin-bottom: 20px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}