/* CSS Document */

/*
Main colors

Red = #D2232A
Gray = #999

/* Clear everything - universal selector and general html styling*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family:Arial;
}

a {	
   outline: none;
   text-decoration: none;
   color: #D2232A;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}

.hidden {
	display: none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Standard formatting items */

h1 {
	font-size: 18px;
	font-weight:normal;
	color:#D2232A;	
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 10px;
}

h2 {
	font-size: 13px;
	padding: 20px 30px 0px 25px;
	line-height: 14px;
	color: #fff;
}

h3 {
	font-size: 13px;
	font-style:italic;
	font-weight:bold;
	color:#666;
	padding: 5px;
	margin: 0px;
}

/* h4 is used for sub nav links */

h4 {
	font-size: 14px;
	font-weight:normal;
	color:#999;
	padding: 0px;
	margin: 0px;
}
	
h5 {
	font-size: 14px;
	font-weight:normal;
	color:#EB0089;
	padding: 0px;
	margin: 0px;
}
	
p {
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	line-height: 18px;
	color: #999;
}

ul {
	font-size: 12px;
	padding: 10px 10px 20px 30px;
	line-height: 16px;
	color: #999;
}

li {
	font-size: 12px;
	padding-left: 5px;
	margin-left: 30px;
	color: #666;
}
	
/* Layout div elements */
	
	#container {
		width: 1000px;
		padding-top: 0px;
		margin:auto;
		border: 1px solid #CCC;
	}
	
	#header_holder {
		width: 1000px;
		height: 172px;
		background:url("../graphics/header_bg.png") no-repeat;
	}
	
	#sub_nav_holder {
		width: 1000px;
		height: 40px;
		background:url("../graphics/sub_nav_holder_bg.png") no-repeat;
	}
	
	#content_container {
		width: 900px;
		background-color: #fff;
		padding: 0px 50px 10px 50px;
		margin: 0px; 
	}
	
	/********************* Various containers for the main body **********************/
	
	#main_content_container {
		width: 580px;
		float: left;
		margin: 0px;
		padding: 30px 10px 10px 10px;
		
	}
	
	#main_content_container p {
		font-size: 12px;
		padding: 5px;
		line-height: 18px;
		color: #666;
	}
	
	#main_content_container h1 {
		font-size: 18px;
		padding: 5px;
		line-height: 18px;
		color: #D2232A;
	}
	
	.sub_content_container {
		width: 280px;
		float: left;
		padding: 30px 10px 10px 10px;
		margin: 0px;
	}
	
	.sub_content_container p {
		font-size: 12px;
	padding: 10px 0px;
	line-height: 18px;
	color: #666;
	}
	
	.sub_content_container h2 {
		padding: 5px 20px 20px 0px;
		color: #D2232A;
		border-top: 1px solid #666;
		margin-right: 20px;
	}
	
	.red_border {
		border: 1px solid #D2232A;
	}
	
	/***************** Archived pages *************************/
	
	#small_column_container {
		width: 900px;
		background-color: #fff;
		padding: 0px;
		margin: 0px;
	}
		
	.small_column {
		width: 160px;
		margin: 10px;
		float: left;
	}
	
	.thumbnail_image {
		height: 115px;
		width: 160px;
		border: 1px solid #D2232A;
	}
	
	.recipe_summary_title {
		font-size: 13px;
		text-align: right;
		color: #D2232A;
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #ccc;
	}
	
	.claws {
		border-bottom: 1px solid #ccc;
		padding: 5px 0px 5px 0px;
	}
	
	
	#footer_image {
		width: 1000px;
		height: 48px;
		background:url("../graphics/footer_image.png") no-repeat;
		float: left;
	}
	
	
	/**************** Formatting classes *******************/

	
	.errors {
		font-size: 13px;
		padding: 20px 30px 0px 25px;
		line-height: 18px;
		color: #900;
	}
	
	.border {
		border-top: 1px solid #666;
		margin-top: 10px;
		padding-top: 15px;
	}
	
	/*************** News entries on home page *************/
	
	#news_container {
		width: 240px;
		height: 323px;
		float: left;
		margin: 25px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background:url("../graphics/news_component_bg.png") no-repeat;
	}
	
	#news_container h3 {
		padding: 0px 0px 10px 10px;
		margin: 10px 0px 10px 0px;
		font-size: 12px;
	}
		
	
	#news_entries {
		width: 220px;
		height: 257px;
		
	}
	
	.link {
		font-size: 13px;
		color: #999;
		padding: 10px 10px 10px 10px;
	}
	
	.news_header_link {
		font-size: 15px;
		color: #fff;
	}
	
	.white_link {
		color: #fff;
	}
	
	.news_title {
		color:#999999;
		font-size:12px;
		font-weight:bold;
		padding:10px 10px 10px 0;
	}
	
	.news_date {
		border-bottom:1px solid #CCCCCC;
		color:#999999;
		font-size:10px;
		margin:0px 0px 0px 0px;
		padding:0;
		
	}
	
	.news_summary_text {
		font-size: 11px;
		color: #999;
		padding: 10px 10px 10px 0px;
	}
	
	.news_item {
		margin: 0px 25px 0px 10px;
		border-bottom: 1px solid #CCC;
	}
	
	/**************** Reviews Formatting ******************/
	
	.reviews_holder {
	
		width: 580px;
		float: left;
		margin: 0px;
		padding: 20px 0px 10px 0px;
		border-top: 1px solid #ccc;
		
	}
	
	.reviews_holder p {
		font-size: 12px;
		padding: 0px;
		line-height: 18px;
		color: #666;
	}
	
	.reviews_holder h1 {
		font-size: 18px;
		padding: 5px;
		line-height: 18px;
		color: #D2232A;
	}
	
	.reviews_pagination_holder {
	width: 580px;
	float: left;
	}
	
	/************** Events and Announcements ******************/
	
	#wide_content_container {
		width: 900px;
		margin: 0px;
		padding:30px 10px 10px;
	}
	
	.three_column_holder {
		width: 280px;
		float: left;
		margin: 10px;
	}
	
	.event_announcement_holder {
		width: 280px;
		padding: 0px;
		margin: 0px;
	}
	
	.event_section_title {
		border-bottom: 1px solid #666;
	}
	
	.event_title {
		font-size: 13px;
		padding: 10px 0px 0px 10px;
	}
	
	.event_date {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	/************** Footer **************************/
	
	
	#footer_holder {
		width:830px;
	}
	
	
	/********** buttons and forms *********************************/
	
	.submit_button {
		margin-top: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #fff;
		background:url(../graphics/submit_button.png) no-repeat;
		width: 104px;
		height: 50px;
		border: none;
		margin:0 0 0px 5px;
		padding: 10px 10px 0px 0px;
	}
	
	#formDiv {
		float: left;
		border: 1px solid #CCC;
		padding: 15px;
	}
	
	/********************* navigation **********************************/
	
	
	/* mini tabs menu starts here */
	
	ul#minitabs{
		font-size:13px;
		/*border-bottom: 1px solid #589FD3;*/
		list-style: none;
		margin-top: 0px;
		margin-left: 20px;
		padding: 3px 0;
		white-space: nowrap
		}
	
	ul#minitabs li{
	display: inline;
	margin: 0;
	font-size: 11px;
	}
	
	ul#minitabs a{
	text-decoration: none;
	padding: 0px 17px 0px 10px;
    border-right: 1px solid #999;
	color: #999;
	}
	
	ul#minitabs a#current{
	color:#7EA03D;
	font-weight: bold;
	}
	
	ul#minitabs a:hover{
	/*border-color: #000;*/
	color:#7EA03D;
	}

	.no_border {
		border-right: none !important;
	}
	
	.no_border_current {
		border-right: none !important;
		color:#7EA03D !important;
		font-weight: bold;
	}
	
	.sub_nav_title {
		font-size: 15px;
		font-weight:normal;
		color:#7EA03D !important;
		margin: 0px 0px 5px 0px;
		display:inline;
		border-right: none !important;
		padding: 0px !important;
	}
/* news items go here */

.long_news_pageTitle {
	font-size: 13px;
	margin-bottom: 5px;
	color: #fff;
	font-weight: bold;
}

.long_news_item {
	margin-bottom: 25px;
	padding: 20px 30px 0px 25px;
}

.long_news_date {
	margin-bottom: 10px;
	font-weight: bold;
	padding: 0px !important;
}

.long_news_content {
	padding: 0px !important;
}

#pagination_holder {
	width: 900px;
	float: left;
}

	.ditto_paging {
		border-top:thin;
	border-top-color: white;
    border-top: 1px solid #666;
    padding: 15px; 
    font-size: 86%;
    color: black;
}

#ditto_pages {
	margin-top: 20px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
    border-top: 1px solid #ccc;
}


#ditto_pages .ditto_currentpage {
	/* This is for next */
	font-size: 11px;
    padding: 1px 1px 2px; 
    margin-right: 1px;
    background-color: #333; 
    color: white;
} 
#ditto_pages .ditto_off {
	/* This is for previous */
	font-size: 11px;
    padding: 1px 1px 2px; 
    margin-right: 1px;
    color: #333;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	font-size: 11px; 
    padding: 1px 1px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #333;
} 
#ditto_pages a:hover {
    color: #333;
}

	
	/* end hide */