/*
CSS Credit: http://www.htc.com
*/

html {
	background: #000000;
}

body {
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	width: 100%;
	display: table;
	background:#3399ff;
}

a:link, a:visited {	color: #c06d2c; text-decoration: underline; }
a:active, a:hover { color: #990000; text-decoration: none; }


#currentupdates {
	width: 550px;
	margin: auto;
	background:#3399ff;
	border: 5px;
	padding: 20px
}

#cross_farm {
	width: 350px;
	
	margin: 0 auto;
	padding: 0;
	text-align: left;
    	
}

#htc_container {
	width: 960px;
	margin: auto;
}

#htc_header {
	height: 112px;
}

#htc_logo {
	float: left;
	width: 370px;
	height: 112px;
	background: url(../images/thehtc_header.jpg) no-repeat;
	display: none;
}

#htc_logo_text {
	color: #000;
	font-family: Tahoma;
	font-size: 34px;
	margin: 35px 0 10px 0;
}

#htc_menu_section {
	float: right;
	color: #03A0A6;
	height: 20px;
	margin: 80px 0 0 0;
	padding: 0;
	width: 525px;
}

#htc_menu_section ul {
	float: right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
}

#htc_menu_section ul li {
	display:inline;
}

#htc_menu_section li .home {
	float: left;
	background: url(../images/htc_menu_home.jpg) left no-repeat;
	font-family: Tahoma;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #85761d;
	display: block;
	width: 75px;
	margin: 0 ;
	padding:  0 0 0 5px ;
}

#htc_menu_section li .info {
	float: left;
	background: url(../images/htc_menu_info.jpg) left no-repeat;
	font-family: Tahoma;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #85761d;
	display: block;
	width: 75px;
	margin: 0 ;
	padding:  0 0 0 5px ;
}

#htc_menu_section li .about {
	float: left;
	background: url(../images/htc_menu_about.jpg) left no-repeat;
	font-family: Tahoma;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #85761d;
	display: block;
	width: 75px;
	margin: 0 ;
	padding: 0 0 0 5px ;
}

#htc_menu_section li .archive {
	float: left;
	background: url(../images/htc_menu_archived.jpg) left no-repeat;
	font-family: Tahoma;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #85761d;
	display: block;
	width: 80px;
	margin: 0 ;
	padding: 0 0 0 5px ;
}

#htc_menu_section li .contact {
	float: left;
	background: url(../images/htc_menu_contact.jpg) left no-repeat;
	font-family: Tahoma;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #85761d;
	display: block;
	width: 80px;
	margin: 0 ;
	padding: 0 0 0 10px ;
}

#htc_menu_section li a:hover, #htc_menu_section li .current {
	
	color:#000;

}
#htc_content_area {
	
	background: #d5d0b2;
	padding: 10px;
	
}

#htc_latest_news_section {

	width: 850px; /* - 90px for padding width*/
	height:	195px; /* - 25px for padding height*/
	background: url(../images/htc_latest_news.jpg) no-repeat;
	padding: 15px 45px 0 45px;
	

}

#htc_latest_news_section h1 {
	
	font-family: Verdana;
	font-size: 24px;
	color: #e6e4d8;
	font-weight: normal;
		
}

#htc_latest_news_section span.header_orange {
	
	font-family: Verdana;
	font-size: 24px;
	color: #e6790f;
	font-weight: normal;
		
}

#htc_latest_news_section .htc_news {

	float: left;
	width: 400px;
	height: 124px;
	font-family: Tahoma;
	font-size:	12px;
	color: #e6e4d8;
	text-align: justify;
	margin: 0 40px 0 0;


}

#htc_latest_news_section .htc_news_no_margin {
	margin: 0;	
}

#htc_left {

	float: left;
	width: 660px;
	background: url(../images/h_dotted_line.jpg) repeat-y right;
	margin: 10px 0 0 0;
	padding: 0;
	

}

#htc_left .htc_post_area {
	
	width: 655px;
	margin: 0 0 20px 0;
	padding: 0;

}

.htc_post_area .htc_post_date {
	float: left;
	width: 70px;
	height: 80px;
	background: url(../images/htc_date_bg.jpg) no-repeat;
	margin: 0;
	padding: 15px 3px 0 2px;
}

.htc_post_date .htc_post_day {
	font-family: Tahoma;
	font-size: 28px;
	font-weight: bold;
	color: #543602;
	text-align: center;
	border-bottom: 1px dotted #000;
	margin: 0;
	padding: 0 0 10px 0;
}

.htc_post_date .htc_post_month {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: bold;
	color: #71511a;
	text-align: center;
	margin: 0;
	padding: 5px 0 0 0;
}

.htc_post_area .htc_post_text {
	
	float: left;
	width: 545px;
	margin: 0 0 0 20px;
	padding: 5px 0 0 0;

}

.htc_post_text h1 {
	
	font-family: Tahoma;
	font-size: 24px;
	color: #71511a;
	margin: 0 0 10px 0;
	padding: 0;

}

.htc_post_text h2 {
	
	font-family: verdana;
	font-size: 12px;
	color: #0000cc;
	margin: 0 0 10px 0;
	padding: 0;
	text-decoration: underline;
}


.htc_post_text ul li {
	
	background: url(../images/bullet_1.gif) no-repeat;
}


.htc_post_text img {
	margin: 0 0 10px 10px;
	padding: 0;
	display: inline;
}

.htc_post_text p {
	
	font-family: Tahoma;
	font-size: 11px;
	color: #825a15;
	text-align: justify;
	margin: 0 0 10px 0;
	padding: 0;

}



.htc_post_text .htc_post_footer {
	
	width: 515px;
	height: 24px;
	background: url(../images/htc_post_footer.jpg) no-repeat;
	margin: 0;
	padding: 15px;
	padding-top: 18px;

}

.htc_post_footer .htc_post_on {
	
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	color: #000;

}

.htc_post_footer .htc_post_comment a {
	
	float: right;
	font-family: Tahoma;
	font-size: 11px;
	color: #825a15;
	text-decoration: underline;

}

.htc_post_footer .htc_post_comment a:hover {
	
	float: right;
	font-family: Tahoma;
	font-size: 11px;
	color: #825a15;
	text-decoration: none;

}

.htc_post_on span.orange {
	color: #df5d16;
}

#htc_left .paging {
	text-align: center;
}

.paging ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

.paging ul li {
	display:inline;
	font-family: Tahoma;
	background-color: #bfb585;
	font-size: 13px;
	color:#000000;
	margin-bottom:5px;
	margin-right:5px;
	text-align:center;
	text-decoration:none;


}

.paging ul li a {
	font-family: Tahoma;
	background-color: #bfb585;
	font-size: 13px;
	color:#000;
	text-align:center;
	text-decoration:none;
	padding: 10px;
}

.paging ul li a:hover {
	color:#fff;
	background-color:#8f8a69;
}

.paging .paging_current a {

	background-color:#8f8a69;
	font-family: Tahoma;
	font-size: 13px;
	color: #fff;
	text-align:center;
	text-decoration:none;

	
}
#htc_right {

	float: right;
	width: 260px;
	margin: 10px 0 0 0;
	padding: 0;	

}


#htc_right .htc_section_box_1 {

	width: 260px;
	background: url(../images/v_dotted_line.jpg) repeat-x bottom;
	margin: 0 0 15px 0;
	padding: 0;	

}

.htc_section_box_1 .htc_search_box {
	width: 164px;
	height: 24px;
	border: none;
	color: #fff;
	background: url(../images/htc_search_box.jpg) no-repeat;
	margin: 0;
	padding: 5px 0px 0px 5px;
}

.htc_section_box_1 .htc_search_button {
	clear: both;
	width: 77px;
	height: 29px;
	border: none;
	background: url(../images/htc_search_button.jpg) no-repeat;
	margin: 0 0 10px 5px;
	padding: 5px 0 5px 0;
}

.htc_section_box_1 h1 {
	
	color: #71511a;
	font-family: Tahoma;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 10px 15px;
	padding: 0;
	
}

.htc_section_box_1 p {
	
	color: #825a15;
	font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
	margin: 0 0 10px 15px;
	padding: 0;

}

.htc_section_box_1 img {
	margin: 0 0 10px 10px;
	padding: 0;
}

.htc_section_box_1 ul {
	float: left;
	width: 114px;
	margin: 0 0 10px 15px;
	padding: 0;
}

.htc_section_box_1 li {
	list-style: none;
	margin: 0 0 3px 0;
}

.htc_section_box_1 li a {
	font-family: Tahoma;
	font-size: 13px;
	color: #825a15;
	text-decoration: none;
}

.htc_section_box_1 li a:hover {
	text-decoration: underline;
}

#htc_right .htc_section_box_2 {
	width: 230px;
	height: 326px;
	background: url(../images/htc_paper_section.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 30px 20px 0 10px;
}

.htc_section_box_2 h1 {
	color: #71511a;
	font-family: Tahoma;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 10px 15px;
	padding: 0;
}

.htc_section_box_2 h2 {
	margin: 0 0 5px 15px;
	padding: 0;
}
.htc_section_box_2 h2 a {
	color: #b64b11;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}

.htc_section_box_2 h2 a:hover {
	text-decoration: none;
}

.htc_section_box_2 p {
	color: #71511a;
	font-family: Tahoma;
	font-size: 12px;
	text-align: justify;
	margin: 0 0 10px 15px;
	padding: 0;
}

#htc_footer {
	width: 960px;
	height: 60px;
	background: url(../images/htc_footer.jpg) no-repeat #d6d1b4 bottom;
	font-family: Verdana;
	font-size: 15px;
	text-align: center;
	color: #825a15;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}

.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}

	


#todayonly {

	width: 450px;
	padding: 0px 0px;
	background: #ffffff;
	font-size: 16px;


}


#sched2 {

	width: 195px;
	padding: 0px 0px;
	
}
#sched2 ul {
	margin: 0 3em;
	width: 195px;
	padding: 0;
	list-style: none;
}

#sched2 li {
	margin-bottom: 8px;
	padding-left: 23px;
	background: url('../images/imgcal.gif') no-repeat 0 0px;
	line-height: 17px
}

#htc_hot {

	width: 400px;
	background: url(../images/fire_hotitems.gif) no-repeat;
	margin: 0 0 15px 0;
	padding: 0;	

}
#htc_hot h1 {
	
	font-family: Verdana;
	font-size: 24px;
	color: #e6e4d8;
	font-weight: normal;
		
}
/* Image Transitions
.flashclass{ /*sample CSS class added to image slideshow container*/
width: 200px; /*a width should be defined for transition to work*/
border: 5px solid orange;
padding: 5px;
}

.flashclass img{
border-width: 0;
}


/* 
	   ----------------------------
		Gradient Tables
               PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}


#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 450px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('../images/table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../images/table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('../images/table-images/gradhover.png') repeat-x;
	color: #339;
}


/*
styled form elements
*/

span.checkbox { 
  width: 19px; 
  height: 25px; 
  padding: 0 5px 0 0; 
  background: url(checkbox.gif) no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
} 
span.radio { 
  width: 19px; 
  height: 25px; 
  padding: 0 5px 0 0; 
  background: url(radio.gif) no-repeat; 
  display: block; 
  clear: left; 
  float: left; 
} 
span.select { 
  position: absolute; 
  width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ 
  height: 21px; 
  padding: 0 24px 0 8px; 
  color: #fff; 
  font: 12px/21px arial,sans-serif; 
  background: url(select.gif) no-repeat; 
  overflow: hidden; 
} 






/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}