/* Template: Contact-USA */

html, body { background-color: #FFFFFF; margin:0px;  }

table, html, body { font-weight: normal; font-family: Verdana; color: #232323; font-size:11px; vertical-align: top;}

select, input{   font-family: Verdana;  font-size: 11px;   color: #232323;   border: 1px #BDBDBE solid;   background-color: #F0F8FF !important;}

td {vertical-align: top; }
hr {height:3px; background-color:#e4e4e4; border:none;}

a {text-decoration: none; color: #006633;}
a:hover {color: #333333; }
p { margin:0; padding:0;}

/* bgs */
.topbg {background-image:url(images/top-bg2.gif); background-repeat:repeat-x;}
.botbg {background-image:url(images/bot-bg2.gif); background-repeat:repeat-x; text-align:left; vertical-align:middle;}
.botbg a {color: #006633; text-decoration: underline;}
.botbg a:hover {color: #333333; text-decoration:none;}

/* main */

.ql_main {background-color: #fff; width: 100%;  text-align:center; }
.ql_main table.form_o {width: 700px; background-color: rgb(238, 238, 238); margin:auto; margin-top:5px; border: 1px solid #CCC;}
.ql_main table.form_o td {padding: 2px;}
.ql_main table.form_i {width:100%;  border: 1px solid #000000; background-color: rgb(255, 255, 255); border-collapse:collapse; text-align: left; }
.ql_main table.form_i td {padding: 1px; padding-left: 10px;}
.ql_main td.lCForm {line-height:1.8em; padding-right: 10px; padding-left: 10px;   border-right: 1px solid black; font-size:90%; font-weight : bold;}
.ql_main td.rCForm {line-height:1.8em; padding-right: 10px; padding-left: 10px;}
.ql_main td.nag {background-color : #8899aa;	color : white;    text-align:center;    border-bottom : 1px solid #000000;    font-weight : bold; padding:2px;}
.ql_main tr.colored {background-color : #EEEEEE;}
.ql_main input{   font-family: Verdana;    color: #232323;   border: 1px #BDBDBE solid;   background-color: #e1e1e1;}
.ql_main input.button {font-weight : bold; width: 80px;}
.ql_main textarea{   font-family: Verdana;   font-size: 90%;  color: #232323;   border: 1px #BDBDBE solid;   background-color: #e1e1e1;}

/* main menu table */

td.ql_main {padding:0px;}
.ql_main table.main_menu { width:100%; text-align:left;}
.ql_main table.main_menu td { width:33%; padding : 10px; background-color: #f1f1f1; border-bottom:3px solid #e4e4e4;}
.ql_main table.main_menu p { padding:0px; margin:0;}

/* subcategory menu */

.ql_main table.sub_menu { width:100%; text-align:left;}
.ql_main table.sub_menu td {width:33%; padding: 3px; font-size:90%; border-bottom: 2px solid #e4e4e4;  background-color: #f1f1f1; color: #333333;}
.ql_main table.sub_menu td a { font-weight: bold; }
.ql_main table.sub_menu td a:hover { font-weight: bold; text-decoration:underline; }

/* subcategory sites */

.ql_main table.sites { width:100%; text-align:left; margin-top:10px;}
.ql_main table.sites td{ padding : 10px; border-bottom:1px solid #e4e4e4;}
.ql_main table.sites td.featured{ padding : 10px; border-top:3px solid #006633; border-bottom:3px solid #e4e4e4; background-color:#f1f1f1;}
.ql_main table.sites p{ padding : 2px; margin: 0;}

/* site info */

.ql_main table.site_info { width:100%; text-align:left;}
.ql_main table.site_info td{ padding: 10px; background-color: #ffffff;}
.ql_main table.site_info td.featured{ padding: 10px; border-top:3px solid #006633; border-bottom:3px solid #e4e4e4; background-color:#f1f1f1;}
.ql_main table.site_info p{ padding: 5px; margin-top: 5px; border:1px solid #e4e4e4; background-color:#ffffff;}
.ql_main table.site_info p a{ text-decoration:underline; }
.ql_main div.image2{ padding : 2px; margin-right: 20px; float: left; width:163px; border:1px solid #7788aa;}


/* top of category menu  */

.ql_main div.top{ text-align:left; background-color: #ffffff; border: 1px solid #d7d7d7; clear: both; padding:5px; margin: 0px; vertical-align:middle; }
.ql_main div.top a { font-size:90%; }
.ql_main p.admin_p { text-align:left; font-weight: normal; border:1px solid #F00; margin:2px; padding:2px;}

/* links */

a.link1 { font-weight: bold; text-decoration: underline; color: #333333; }
a.link1:hover   { font-weight: bold; color: #006633;}

a.link2{font-weight: bold; color: #006633; font-size:90%;}
a.link2:hover   {text-decoration: underline; color: #000000}

a.infolink{text-decoration: underline; color: #333333; }
a.infolink:hover    { color: #006633; }

a.link_admin { font-weight: bold; font-size: 10px; color: #e01311}
a.link_admin:hover { text-decoration: underline; }

/* left */

.ql_left { width: 200px;}
#button { width: 200px; padding: 0 0 0px 0; margin-bottom: 10px;}
#button ul {list-style: none; margin: 0; padding: 0; border: none;	}
#button li.menu_top  { background-image:url(images/green-marble.gif); background-repeat:repeat-x; color: #FFFFFF; font-weight: bold; text-align:left; height:12px; padding:5px 0px 5px 10px; vertical-align:middle; }
#button li { border-bottom: 1px solid #ffffff; margin: 0; }
#button li a { width: auto; display: block; padding: 5px 0px 5px 10px; color: #666666; background-image:url(images/gray.gif); background-repeat:repeat-x; text-align:left; height:12px;}
#button li a:hover { width: auto; display: block; padding: 5px 0px 5px 10px; color: #000000; background-image:url(images/gray2.gif); background-repeat:repeat-x; text-align:left; height:12px;}
div.statistics {margin: 8px auto 15px 15px;}
div.latest_feat {margin: 5px auto 5px 5px;}

/* right */

.ql_right { width: auto; border:1px solid #CCCCCC; padding:3px; }

/* foot */

.ql_pagging {text-align: left; font-weight: bold; font-size:90%; background-color:#ffffff; border: 1px solid #d7d7d7; padding:5px}
.ql_pagging a { color: #333333;}

/* last added */

.ql_last {text-align: left;}
.ql_last_featured {text-align: left;}
.ql_last p, .ql_last_featured p { padding: 0px; margin:0px;}
.ql_last a, .ql_last_featured a {font-weight: bold; text-decoration: underline;}
.ql_last_featured ul, .ql_last ul {list-style: none; margin: 0; padding: 0; border: none;}
.ql_last_featured li.menu_top, .ql_last li.menu_top  { background-image:url(images/green-marble.gif); background-repeat:repeat-x; color: #FFFFFF; font-weight: bold; text-align:left; height:12px; padding:5px 0px 5px 10px; vertical-align:middle; }

/* messages */

div.info {background-color: #F2AA34 ;  margin:auto; padding: 3px 10px 3px 10px; border: 1px solid #CC7315  ; color: white; font-weight:bold; text-align:left}
div.info p{padding:0; margin:2px;}

/* search */

div.search_categories { text-align:left; background-color: #F9F9F9; border: 1px solid #E7E7E7; clear : both; float:none; padding:4px; margin: 2px; }

/* button */

input.button2, input.button3 { cursor:pointer; font-weight:bold; padding: 0 7px 0 7px;  border:1px solid #CCCCCC; font-size:90%; color: #284775; background-color:#EEE;}
input.button4, input.button4 { cursor:pointer; font-weight:bold; padding: 0 7px 0 7px;  border:3px solid #284775; font-size:90%; color: #284775; background-color:#EEE;}

/* contact us */

table.contact { border-collapse:collapse;  }
table.contact td {border: 1px solid #F5F5F5; margin: 0; padding:0; }
table.contact td input {border: 1px solid black; margin: 0; padding:0; }

div.spacer { clear: both; float: none;}

span.addlink { height:22px;}

/* pop up box */
#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/}
