/* Main Definition */

td, tr, p, div {
  font-family            : Arial, Helvetica, sans-serif;
  font-size              : 12px;
  color                  : #3E3E3E;
  text-align             : left;
}

.clr { clear: both; }

/*********** LINKS ***********/
a:link, a:visited {color: #111111; text-decoration: underline; font-weight: bold;}
a:hover { color: #3333CC; }
a.category:link, a.category:visited { font-weight: bold; }
.readon { font-weight: bold; }

/*********** Body ***********/
#main_outline {width: 802px;padding: 0px;border: 0px;background: #F5F5F5;}
#top_nav {
  float                  : left;
  color                  : #fff;
  width                  : 75%;
  padding-top            : 3px;
}
#add_listing {
  float                  : right;
  color                  : #fff;
  width                  : 82%;
  padding-top            : 3px;
}
a.top_nav { color: #fff; text-decoration: none; }
#header-top {
        height           : 74px;
        background       : url(../img/header.jpg) top left no-repeat;
}
#top-text {
  float                  : right;
  color                  : #fff;
  padding-top            : 40px;
  padding-right          : 80px;
  font-size              : 18px;
}
#header-middle {
	background-color : #6C9D30;
	height           : 63px;
	width            : 800px;
}
#header-bottom {
	background-color : #FFCC01;
	height           : 24px;
	width            : 612px;
}
#header-bright {
        position         : absolute;
        top              : 152px;
        left             : 627px;
	background-color : #6C9D30;
	height           : 24px;
	width            : 188px;
}
a.pathway {color: white;font-size: 12px;text-decoration: none;}

/*********** CONTENT ***********/
.contentpane { padding: 0px; }
.contentpaneopen { padding: 0px 0px 0px 6px}
.contentpaneopen .contentheading{
	font-size        : 12px;
	background       : none;
	font-weight      : bold;
	border-bottom    : 1px solid #D6D6D6;
	height           : 20px;
	padding-left     : 3px;
}
.contentheading {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 15px;
  font-weight      : bold;
  color            : #000;
  width            : 100%;
  height           : 17px;
  padding-left     : 10px;
  background-color : #FFF;
}
.componentheading {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  padding-left     : 10px;
  color            : #DCDDDF;
  background-color : #000;
  height           : 30px;
  width            : 622px;
}
.contentpagetitle { font-weight:bold; color: #000;}
a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active { text-decoration : none; }
.content_rating { padding: 0px 0px 0px 6px}
.content_vote { padding: 0px 0px 0px 6px}
/*********** LEFT MODULES ***********/
#content_area {
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 1px;
	float: left;
}
#left_outline {
	margin: 0px;
	float: left;
	padding: 0px 1px 0px 0px;
	width: 167px;
}
#right_outline {
	margin: 0px;
	float: left;
	padding: 0px;
	width: 167px;
}

/*********** Module ***********/
table.moduletable {width: 100%; margin: 0px 0px 0px 0px;}
table.moduletable th {
	padding: 2px 2px 2px 5px;
	font-size        : 12px;
	font-weight      : bold;
	text-align       : left;
	letter-spacing   : 1px;
	color            : #DCDDDF;
	background-color : #000000;
}
table.moduletable td { 
	padding: 3px 2px 3px 3px;
	background-color: #6C9D30;
}


/*********** Menu ***********/
.mainlevel { width: 140px; }
a.mainlevel:link, a.mainlevel:visited { text-decoration: none; }
a.mainlevel:hover { text-decoration: none; }
.sublevel {font-size: 10px;}
#active_menu {color: #363636;font-weight: bold;text-decoration: underline;}
ul#mainlevel-nav {padding:0;margin: 0;list-style: none;}
ul#mainlevel-nav li {
  display          : block;
  padding-left     : 0px;
  padding-right    : 0px;
  margin           : 0;
  float            : left;
  font-size        : 14px;
  line-height      : 17px;
  white-space      : nowrap;
  list-style       : circle;
}
ul#mainlevel-nav li a {
  display          : block;
  padding-left     : 10px;
  padding-right    : 10px;
  text-decoration  : none;
  color            : #CC3300;
}
ul#mainlevel-nav li a:hover {color: #000;}
ul#mainlevel-add {padding:0;margin: 0;list-style: none;}
ul#mainlevel-add li {
  display          : block;
  padding-left     : 0px;
  padding-right    : 0px;
  margin           : 0;
  float            : left;
  font-size        : 14px;
  line-height      : 17px;
  white-space      : nowrap;
  list-style       : circle;
}
ul#mainlevel-add li a {
  display          : block;
  padding-left     : 10px;
  padding-right    : 10px;
  text-decoration  : none;
  color            : #000;
}
ul#mainlevel-add li a:hover {color: #FFCC01;}

/*********** Form ***********/
.button {
  border-top       : 1px solid #ddd;
  border-left      : 1px solid #ddd;
  border-bottom    : 1px solid #666;
  border-right     : 1px solid #666;
  background-color : #ccc;
  font-weight: bold;
  color: #535353;
}
.inputbox {border: 1px solid #ccc;background-color:#F0F0F0;margin: 2px;}

/*********** Footer ***********/
#footer {
	border-top: 1px solid #FFCC01;
	margin-top: 12px;
	padding-top: 5px;
	color: #808080;
	font-size: 10px;
}

/*********** Section Listing ***********/
.sectiontableheader {
  font-size        : 13px;
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #DCDDDF;
  background-color : #000;
  border-bottom    : 1px solid #84A9E8;
  border-top       : 1px solid #D4F0FF;
  padding          : 3px 2px 3px 5px;
}
.sectiontableentry1 {vertical-align:top;padding:3px;background:#FFF;}
.sectiontableentry2 {vertical-align:top;padding:3px;background:#F4FBFF;}
.sectiontablefooter {text-align:center;}

/* For Tree Classifieds */
.sectiontableheader2 {
  font-size        : 13px;
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #fff;
  background-color: #1f5ba4;
  border-bottom    : 1px solid #D4F0FF;
  border-top       : 1px solid #D4F0FF;
  padding          : 3px 2px 3px 5px;
}
.sectiontableentry3 {vertical-align:top;padding:3px;background:#F9F9F9;}
.sectiontableentry4 {vertical-align:top;padding:3px;background:#F3F3F3;}

/*********** Page Navigation***********/
.pagenavbar {background-color:#F0F0F0;padding:2px;}
.contenttoc {
  width            : 200px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
  padding          : 2px;
}
.contenttocheading {
  font-size        : 11px;
  font-weight      : bold;
  text-align       : center;
  letter-spacing   : 1px;
  color            : #FFFFFF;
  background       : url(../images/module_bar_back.png) #cccccc;
  vertical-align   : middle;
  height           : 18px;
}

/*********** Buttons ***********/
.pagenav {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  padding          : 10px 1px 2px 1px;
  white-space      : nowrap;
  text-decoration  : none;	
}
.pagenav a:link, .pagenav a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  padding          : 10px 4px 2px 4px;
  white-space      : nowrap;
  text-decoration  : none;
}
.buttonheading a:link, .buttonheading a:visited, .buttonheading a:hover {
  padding          : 0px;
  text-decoration  : none;
}
.pagenav a:hover {
  color            : #336699;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  padding          : 10px 4px 2px 4px;
  white-space      : nowrap;
  text-decoration  : none;
}
.back_button {
	float: left;
  font-size: 11px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  width: 40px;
  padding: 4px;
}

/*********** Combo User's module based on rhuk template ***********/

/* with both user1 and user2 visible */
#user1_2 .user1_outline {
	width: 213px !important;
	width: 213px;
	float: left;
	margin: 0px;
}
#user2_2 .user2_outline {
	width: 213px !important;
	width: 213px;
	float: right;
}

/* user1 & user2 is visible, but only left or right module is used */
#user1_2onemod {
	width: 297px;
	float: left;
	margin: 0px;
}
#user2_2onemod {
	width: 296px;
	float: right;
}

/* with either user1 or user2 visible */
#user1_1 .user1_outline {
	width: 427px !important;
	width: 427px;
	border: 1px solid #cccccc;
	float: left;
	margin: 0px;
	padding: 2px;
	margin-bottom: 2px;
}
#user2_1 .user2_outline {
	width: 427px !important;
	width: 427px;
	border: 1px solid #cccccc;
	float: right;
	margin-bottom: 2px;
	padding: 2px;
}

/* only left or right module is visible */
#user1_4 {
	width: 296px;
	float: left;
	margin: 0px;
	margin-bottom: 2px;
}
#user2_4 {
	width: 297px;
	float: right;
	padding-left: 1px;
	margin-bottom: 2px;
}

/* with either user1 or user2 visible */
#user1_3 {
	width: 100%;
	float: left;
	margin-bottom: 2px;
}
#user2_3 {
	width: 100%;
	float: right;
	margin-bottom: 2px;
}

/* ################################################################################################### */

#pathway_outline {
	width: 635px;
	float: left;
	border: 1px solid #cccccc;
	margin-bottom: 2px !important;
	margin-bottom: -2px;
}
#pathway {
	float: left;
	padding: 4px 3px 3px 5px;
}
#search {
	float: right;
	border: 1px solid #cccccc;
	padding: 0px;
	width: 163px !important;
	width: 165px;
	height: 21px !important;
	height: 23px;
	overflow: hidden;
}
#search .inputbox {
	border: 0px;
	padding: 4px 3px 3px 5px !important;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	height: 17px !important;
	height: 19px;
	width: 153px !important;
	width: 159px;
	color: #ff6600;
}
#header_area {
	width: 802px !important;
	text-align: left;
	border: 0px;
	margin: 0px;
}
.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}
.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}
/** old stuff **/

#footer {text-align: center;padding: 3px;}
ul {padding: 0px;margin-top:0px;margin-left: 12px;list-style: disc outside;}
li {line-height: 15px;padding-left: 0px;padding-top: 0px;}
td {text-align: left;font-size: 12px;}
body {
	margin: 15px;
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 12px;
	color: #333333;
	background: #ffffff;
}
.contentcolumn {padding-right: 5px;}
table.searchinto {width: 100%;}
table.searchintro td {font-weight: bold;}
table.pollstableborder td { padding: 2px;}
.small {color: #999999;font-size: 11px;font-weight: bold;}
.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}
.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}
.highlight {background-color: #EAEAEA;font-weight: bold;padding: 0px 2px 0px 2px;}
.code {background-color: #ddd;border: 1px solid #bbb;}
.message {
	border: 1px solid #84A9E8;
	margin: 0px 4px 4px 4px;
	padding: 4px;
	font-weight: bold;
	background-color: #F4FBFF;
}.stateheaders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
	color: #999999;
}
.mainnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
