/**
 * CSS for standard SimpleCMS site home page, styled like the Central Pages, 3 column
 * 
 * Created 18 February 2010 
 * Updated 11 February 2011
 *
 * @author Allan A Beattie
 * @version 1.0.8
 */


/* header
------------------------------------------------------------ */

#header_feature_container {
	float:left;
	clear:both;
	width:350px;
	padding:5px 0 0 25px;
}

#header_feature_container a {
	display:block;
	float:left;
	cursor:pointer;
	color:#002142;
}

#header_feature_title {
	display:block;
	float:left;
	width:100%;
	padding:5px 0 0 0;
	overflow:hidden;
	line-height:normal;
	font-size:120%;
	color:#b8d146;
}

#header_feature_content {
	display:block;
	float:left;
	width:100%;
	padding:5px 0 17px;
	overflow:hidden;
	line-height:140%;
	font-size:87%;
	color:#fff;
}

#header_feature_content p {
	padding:0;
}

#header_feature_more {
	display:block;
	float:right;
	padding:5px 20px;
	border-radius:3px;
	background:#a1b454;
	line-height:normal;
	white-space:nowrap;
	color:#fff;
}

#header_feature_container a:hover #header_feature_more,
#header_feature_container a:focus #header_feature_more {
	background:#b1bf64;
	color:#484f26;
}

#header_images {
	position:absolute;
	right:0;
	width:730px;
	height:384px;
	overflow:hidden;
}

#header_images > div {
	position:absolute;
	right:0;
	top:0;
}


/* left column
------------------------------------------------------------ */

/* defined in global.css (common across all pages) */


/* middle column
------------------------------------------------------------ */

#content_column {
	float:left;
	width:700px;
}

#content_extras_column {
	float:right;
}

#middle_column {
	float:right;
	width:460px;
	margin:0 0 0 5px;
}

#middle_column_header {
	float:left;
	width:450px;
	padding:8px 0 8px 10px;
	border-bottom:1px solid #999;
	background:url(../../images/layout/right-col-header-bg.png) no-repeat top left;
	color:#8b2e3c;
}

#middle_column_header h1 {
	margin:0;
}

#middle_column_content {
	float:left;
	width:440px;
	padding:10px;
	background:url(../../images/layout/col-head-under.jpg) repeat-x top left #fff;
	line-height:180%;
}

#middle_column_top_text {
	float:left;
	width:430px;
	padding:0 5px;
}

#middle_column_top_text p a,
#middle_column_top_text li a {
	padding-bottom:1px;
	border-bottom:1px dotted #b44545;
}

#middle_column_top_text p a:hover,
#middle_column_top_text p a:focus,
#middle_column_top_text li a:hover,
#middle_column_top_text li a:focus {
	border-bottom:1px solid #111;
	text-decoration:none;
}


/* middle column features
------------------------------------------------------------ */

.homepage_feature {
	float:left;
	width:440px;
	margin:20px 0 0;
	line-height:normal;
}

.homepage_feature a {
	display:block;
	float:left;
	width:440px;
	background:url(../../images/layout/hr_fade.jpg) left -2px no-repeat;
	text-decoration:none;
    line-height:150%;
    color:#333;
	cursor:pointer;
}

.homepage_feature a:hover,
.homepage_feature a:focus {
	background: url(../../images/layout/hr_fade_over.gif) left -2px no-repeat;
    text-decoration:none;
}

.homepage_feature_content {
	float:left;
	display:block;
	width:440px;
	padding:10px 0 0;
}

.homepage_feature_content b {
    display:block;
    padding:0 5px 10px;
    font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
    font-size:100%;
    color:#b44545;
}

.homepage_feature_content i {
    display:block;
    padding:0 7px;
    font-style:normal;
    font-size:87%;
}

.curved_image {
    float:right;
    position:relative;
    display:block;
    line-height:1px;
    font-size:1px;
    overflow:hidden;
    cursor:default;
	padding:0 0 0 10px;
}

span.image_curve {
    position:absolute;
    bottom:0;
    right:0; 
    width:31px;
    height:31px;
    background:url(../../images/layout/image_curve.png) no-repeat bottom right;
    line-height:1px;
    font-size:1px;
    z-index:2;
}


/* right column
------------------------------------------------------------ */

#right_column {
	float:left;
	width:235px;
	margin:0 0 0 5px;
}

#right_column_header {
	float:left;
	width:225px;
	padding:8px 0 8px 10px;
	border-bottom:1px solid #999;
	background:url(../../images/layout/small-right-col-header-bg.png) no-repeat top left;
	color:#8b2e3c;
}

#right_column_content {
	float:left;
	width:209px;
	padding:5px 13px 50px;
	background:url(../../images/layout/col-head-under.jpg) repeat-x top left #fff;
}

#right_column_content .section_heading_label {
	float:left;
	padding:20px 0 10px;
}

.right_column_more {
	float:left;
	width:189px;
	padding:0 10px;
	margin:10px 0;
}

.right_column_more a {
	display:block;
	float:right;
	width:136px;
	padding:2px 0 3px 30px;
	background:url(../../images/layout/more-bg-green.png) no-repeat left top;
	line-height:normal;
	color:#fff;
	cursor:pointer;
}

.right_column_more a:hover,
.right_column_more a:focus {
	color:#111;
}