/* standard HTML tags*/
body {
   margin: 0px;
   padding: 0px;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.8em;
   background-color: #EEEEEE;
   color: #000000;
}

h3 {
   color: #000000;
   font-size: 1.3em;
   text-decoration: underline;
}

h4 {
   color: #004411;
   font-size: 1.2em;
   text-decoration: none;
}

h5 {
   color: #000000;
   font-size: 1.0em;
   text-decoration: none;
}

a:link, a:visited {
   color: #000000;
   font-weight: bold;
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}

hr {
   color: #aaaaaa;
}

/***********************************************/
/* Class styles                                */
/***********************************************/
.mark {
   color: #FF0000;
}

#directory td {
   vertical-align: top;
   padding: 0px 10px 0px 0px;
}

#sponsors td {
   width:if($this->validateSolutions()||($this->mode_debug))60px;
   vertical-align: top;
   text-align: center;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
/***********************************************/
/* Div styles                                  */
/***********************************************/
div#header {
   /*margin-top: 30px;*/
   width: 100%;
   margin: 0px auto;
   text-align: center;
   }

div#content {
   width: 760px;
   background-color: #FFFFFF;
   margin: 0px auto;
   padding: 5px;
   text-align: left;
   }

   div#formStyle {
      width: 700px;
      padding: 5px;
      margin: 0px auto;
   }

      div#formStyle div.formRow {
         clear: both;
         padding-top: 5px;
      }

      div#formStyle div.formRow span.formLabel {
         float: left;
         width: 160px;
         padding-top: 5px;
         text-align: right;
      }

      div#formStyle div.formRow span.formField {
         float: center;
         width: 600px;
         text-align: left;
      }
  
      div#formStyle div.formSpacer {
         clear: both;
      }
   
div#footer {
  /* width: 760px;
   background-color: #FFFFFF;
   margin: 0px auto;
   padding: 5px;*/
   text-align: center;
   }


legend 
{
	font-weight: bold;
	font-size:1.2em;
	color: #004411;
}

fieldset 
{  
	width: 95%;  
	padding: 10px;  
	border: 1px solid #bbb;  
	background-color: #ddd;
}

fieldset submit 
{  
	border-style: none;
}

p.content-text
{
	padding: 0 0 0 5px;
	font-size:0.95em;
}

ul
{
	list-style-type: none;
}

ul#guide
{
	list-style-type: disc;
	margin: 10px 10px 10px 15px;
	color: #333f;
}

ul#guide li
{
	font-size: 0.95em;
	padding: 1px 0px 4px 3px;
}

body#home li.home
{
	/*	font-weight: bold;*/
}

body#home li.home a, body#add li.add a, body#contactus li.contactus a
{
	font-weight: bold;
	text-decoration: underline;
}

div#formStyle 
{
  width: 580px;
  padding: 10px 0;
  margin: 0px auto;
}

div#formStyleBlk
{
  padding: 15px 5px;
  margin: 0px auto;
}

div#formStyle div.formRow, div#formStyleBlk div.formRow 
{
   clear: both;
   padding-top: 5px;
}

div#formStyle div.formRow span.formLabel, div#formStyleBlk div.formRow span.formLabel 
{
	 float: left;
	 width: 280px;
	 padding-top: 5px;
	 text-align: right;
}

div#formStyle div.formRow span.formField 
{
   float: center;
   width: 290px;
   text-align: left;
}

div#formStyle div.formSpacer, div#formStyleBlk div.formSpacer 
{
   clear: both;
}

/* proprietary id attribute definitions */

#container
{
	width: 760px;	
	margin: 0 auto; 
	background: #fff; 
	padding: 2px 10px 2px 10px;
	border: 1px solid #ccc;
}

#container-inner
{
	padding: 0;
	/*border: 1px solid #999;*/
}

#header
{
	/*border-bottom: 1px solid #ccc;	*/
}

#header-inner
{
	/*border-bottom: 1px solid #000;
	padding: 20px 0 15px 5px;;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#nav
{
	border-left: 0 solid #ccc; 
	border-right: 0 solid #ccc; 
	background: #eee;
	height:2.35em;
}

#nav li
{
	float: left;
	width: auto;
	padding: 5px 0;
}

#nav li a
{
	display: block;
	padding: 0 30px;
	font-weight: normal;
	font-size: 1.05em;
	/*color: #444;
	border-right: solid 1px #999;
	border-left: solid 1px #ccc;*/
}

#page-label
{
	clear: left;
	/*height: 16px;	
	border-top: 1px solid #ccc;*/ 
	padding: 5px 10px 0 10px; 
}

#content
{
	width: 100%;
}

#sidebar-left
{
	float: left;
	width: 26%;
	/*margin-right: 180px; */
}

#sidebar-left-inner
{
	border-top: 0px solid #fff;
	padding: 5px 5px 0 10px;
	/*border: 1px solid #000; */
	/*margin-left: 200px;    */
}

#sidebar-right
{
	float: right;
	width: 0px;
}

#sidebar-right-inner
{
	/*border-top: 5px solid #fff;*/
}

#center-bar
{
	float: center;
	width: 90%;
}

#center-bar-inner
{
	width: 100%;
	margin: 0 10px 0 2px;
	padding: 5px 0 0 0;
	border: 0px solid #ccc;
	/*border-left: 1px dotted #ccc;*/
	/*margin-left: 200px;    */
}

#center-no-left
{
	float: left;
	width: 80%;
}

#center-no-left-inner
{
	margin: 5px 10px 0 20px;
	padding: 5px 0 0 0;
	border: 0px solid #ccc;
	/*border-left: 1px dotted #ccc;*/
	/*margin-left: 200px;    */
}

#category, #sites
{
	clear: both;
	/*border: 1px solid #fff;*/
	margin: 0 0 20px 0;
	padding: 0 3px;
}

#form_div
{
	clear: both;
	border: 1px solid #fff;
	margin: 0 0 20px 0;
	padding: 0 3px;
}

#footer
{
	clear: both;
	/*background: #eee;
	border-top: 1px dashed #ccc; 
	padding: 15px 40px 20px 40px;*/
	font-size: 0.85em;
}

#footer p
{
	text-align: center;
	line-height:1.8em;
}

#footer a
{
	margin:0;
	padding: 0 5px;
	/*border-right: 1px solid #444;*/
	font-weight: bold;
	color: #444;
}

#footer a.lastlink
{
	border-right: 0;
}

#addlink
{
		display: inline;
		float: right;
		margin: 0 0 5px 5px;
}

#form1
{
	clear:both;
}

.cat_list
{
	width: 30%;
	float: left;
}

#cat_list li
{
	padding: 3px 0 2px 0;
}

#cat_list a:link, #cat_list a:active, #cat_list a:visited, #cat_list a:hover, .bread-crumb a:link, .bread-crumb a:active, .bread-crumb a:visited, #site_block a:link, #site_block a:active, #site_block a:visited
{
	font-size:1.0em;
	color: #333;
	font-weight: bold;
}

#cat_list a:hover, .bread-crumb a:hover, #site_block a:hover
{
	color: #004411;
}

#cat_block, #site_block, #form_block
{
	margin: 0;
	padding: 5px;
	background: #fff;
	/*border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;*/
}

#cat_block_inner
{
	width:100%;
	background: #fff;
}
#sub_cat_list
{
	border: 1px solid #c0c0c0;
	margin:2px 0;
	padding: 2px 3px;
	font-size: 1.0em;
	width: 250px;
	height: 200px;
	overflow:auto;
}

#sub_cat_list ul
{
	margin: 0;
}

#sub_cat_list li.list-head
{
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #eee;
	background: #f5f5f5;
	padding: 2px 5px 2px 10px;
	margin: 1px 0;
	font-size: 0.95em;
	font-weight: bold;
}

#sub_cat_list li.first
{
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #eee;
	background: #fff;
	padding: 2px 5px;
	margin: 1px 0;
	font-size: 0.95em;
}

#sub_cat_list li.second
{
	border-bottom: 1px dashed #ccc;
	border-top: 1px dotted #eee;
	background: #f5f5f5;
	padding: 2px 5px;
	margin: 2px 0;
	font-size: 0.90em;
}

/* proprietary class attribute definitions */

.bread-crumb
{
	margin: 5px 0px 12px 5px;
	text-transform:none;
	border: 0px solid #000;
	/*display: inline;*/
	float: left;
}

.bold
{
	font-weight: normal;
}

.bold img
{
	border: 0;
	vertical-align:middle;
}

.comment
{
	font-style:italic;
	padding: 0 0 3px 0;
	display:block;
}

.tableLabel
{
	padding: 2px 5px 1px 0;
	background: #eee;
	border: 1px solid #ccc;
}

.separator
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
}

.news, .sites
{
	padding: 2px 10px 7px 5px;
}

.site_lists
{
	padding: 2px 2px 7px 5px;
}

.error
{
	text-align:center;
	color: #f00;
	padding: 5px 0;
}

.veri_img
{
	width: 120px;
	height: 30px;
	vertical-align:bottom;
}

.button
{
	margin: 0 5px 0 0;
	font-size: 1.0em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 5px 2px 5px;
	color:#444;
	background: #eee;
}

.text
{
	border: 1px solid #c0c0c0;
}

.div_clear
{
	clear: left;
	height: 1px;
	background: #fff;
	border: 0 solid #000;
	padding:0;
	margin:0;
}

.bl 
{
	background: #eee ;
	/*border: 1px solid #ccc;*/
}

.br {background: #eee;}
.tl {background: url(../images/tl.gif) 0 0 no-repeat; }
.tr 
{
	background: url(../images/tr.gif) 100% 0 no-repeat; 
	padding:2px 0 3px 10px;
} 
.t {background: url(../images/dot.gif) 100% 0 repeat-x; width: 100%}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}