html, body { background-color: #dddddd; 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: #006565;   border: 1px #000000 solid;   background-color: #ffffff;}

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

a {text-decoration: none; color: #333333;}
a:hover {color: #006565; }
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:right; vertical-align:middle;}
.botbg a {color: #23559c; text-decoration: underline;}
.botbg a:hover {color: #333333; text-decoration:none;}

td.topbutton { background-image:url(images/topbutton.gif); background-repeat:repeat-x; height:31px; text-align:center; vertical-align:middle;}
td.topbutton a { color:#FFFFFF; font-size:12px; }
td.topbutton a:hover { color:#FFFFFF; font-size:12px; text-decoration:underline; }

td.searchbg { vertical-align:middle; text-align:center; background-color:#017978; background-image:url(images/searchbg.gif); background-repeat:repeat-x; background-position:top;}

/* main */

.ql_main {background-color: #fff; width: 100%;  text-align:center; }
.ql_main table.form_o {width: 500px; 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: #006565;   border: 1px #000000 solid;   background-color: #ffffff;}
.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:10px 0px 0px 0px;}
.ql_main table.main_menu { width:100%; text-align:left; background-color:#006565; margin-top:10px;}
.ql_main table.main_menu td { width:33%; padding : 10px; background-color: #ffffff; border:1px solid #333333;}
.ql_main table.main_menu p { padding:0px; margin:0;}
.ql_main table.main_menu p.cat { padding:0px 0px 5px 0px; margin:0;}
.ql_main table.main_menu p a.sub { padding-left:13px; background-image:url(images/arrow2.gif); background-repeat:no-repeat; text-decoration:underline; margin:0;}
.ql_main table.main_menu p.cat a { padding-left:20px; background-image:url(images/folder.gif); background-repeat:no-repeat; text-decoration:none; margin:0;}
.ql_main table.main_menu p a.sub:hover { text-decoration:none; margin:0; color:#000000;}
.ql_main table.main_menu p.cat a:hover { text-decoration:underline; margin:0; color:#000000;}

/* 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 #006565;}
.ql_main table.sites td.featured{ padding : 10px; border-top:3px solid #23559c; border:2px solid #006565; background-color:#eeeeee;}
.ql_main table.sites p{ padding : 2px; margin: 0;}

/* site info */

.ql_main table.site_info { width:100%; text-align:left; margin-top:10px;}
.ql_main table.site_info td{ padding: 10px; background-color: #ffffff;}
.ql_main table.site_info td.featured{ padding: 10px; border:3px solid #006565; background-color:#eeeeee;}
.ql_main table.site_info p{ padding: 5px; margin-top: 5px; border:1px solid #dddddd; background-color:#ffffff;}
.ql_main table.site_info p a{ text-decoration:underline; }
.ql_main div.image2{ padding : 2px; margin-right: 10px; float: left; border:1px solid #dc913e;}
.ql_main div.image2:hover{ padding : 2px; margin-right: 10px; float: left; border:1px solid #000000;}


/* top of category menu  */

.ql_main div.top{ text-align:left; background-color: #ffffff; border: 1px solid #006565; 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; color: #333333; }
a.link1:hover   { font-weight: bold; color: #006565;}

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

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

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

/* left */

.ql_left { width:200px; }
    	
#button                  { padding: 0px; margin-bottom: 10px;}
#button2                 { padding: 10px; margin-bottom: 10px; background-color:#FFFFFF; border: 1px solid #333333;}
#button ul               { list-style: none; margin: 0px; padding: 0px; border: none; width:200px;}
#button li.menu_top      { background-image:url(images/menutop.gif); background-repeat:no-repeat; background-position:left; color: #FFFFFF; font-weight: normal; text-align:left; font-size:12px; padding:5px 0px 5px 12px; vertical-align:middle; }		
#button li.inner         { width: auto; border: 1px solid #333333; margin: 0px; padding:0px; padding-bottom:10px; background-color:#FFFFFF; }
#button li.inner2        { width: auto; border: 1px solid #333333; margin: 0px; padding:10px; background-color:#FFFFFF; }
#button li.inner a       { display: block; padding: 10px; padding-left:13px; padding-bottom:0px; color: #333333; text-decoration:underline; background-image:url(images/arrow.gif); background-repeat:no-repeat; text-align:left;}
#button li.inner a:hover { color: #000000; background-image:url(images/arrow.gif); background-repeat:no-repeat; text-decoration:none; }

div.statistics {margin: 8px auto 15px 15px;}
div.latest_feat {margin: 5px auto 5px 5px;}

/* right */

.ql_right { width: auto; padding:10px 10px 0px 0px; }
.ql_right2 { width: auto; padding:10px; border:1px solid #016565; }

/* 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; margin-top:10px;}
.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: 5px 0px 0px 0px; padding: 0; border: none;}
.ql_last_featured li.menu_top, .ql_last li.menu_top  { background-image:url(images/black.gif); background-repeat:no-repeat; color: #000000; font-weight: normal; text-align:left; font-size:12px; padding:0px 0px 0px 13px; 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;}

/* 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;}