@charset "utf-8";
/* 
	layout.css
	
	Project: St Albert Seniors Club
	
	iomer internet solutions
	iomer.com
	andrew.wright@iomer.com
	2009-10-13



	Table of Contents
	-----------------
		
	=clearfix

	=welcome	
	=call-to-action
	=contact-info
	=footer
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
body { width: 100%;	}

/* =clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

div { display: block; }
a img { border: 0 none; }
p { margin-bottom: 1em; }
#content ul,
#content ol 
{
    margin: .5em 0 1em 20px;
    padding-left: 10px;
    list-style-position: outside;
}

#content ul { list-style-image: url(images/ulbullet.gif); }

#content ul.struct,
#content ol.struct 
{
    margin: 0.5em 0 1.0em 0;
    padding: 0;
    list-style: none;    
}

:focus { outline: 0 none; }

.centered { margin: 0 auto; }

body { background-color: #61AA45; }
form#aspnetForm {
	background: #b9deef url(images/background.png) 0 0 repeat-x scroll;
	}
/* ///////////// G R I D - 12 columns /////////////// */
.grid-frame { width: 960px; }

.grid-3-col { width: 240px; }
.grid-4-col { width: 320px; }
.grid-5-col { width: 400px; }
.grid-6-col { width: 480px; }

#masthead {
	border-top: 4px solid #786229;
	background: #fff url(images/headerGround.png) 0 100% repeat-x scroll;
/*	padding: 30px 0; */
	margin: 0; 
	height: 145px;
	}
h1#home-link {
	float: left;
	margin: 0;
	padding: 0;
	height: 100%;
	background: transparent url(images/logo.gif) 10px 100% no-repeat scroll;
	}
h1#home-link a { display: block; width: 100%; height: 100%;}
h1#home-link a span { display: none; }	

#mission-statement {
	margin: 25px 0 0 480px;
	}
#mission-statement p { margin: 0; }
	
#nav-bar {
	height: 36px;
	line-height: 36px; /* vertically center text */
	background: #9d8956 url(images/navBG.png) 0 100% repeat-x scroll;
	margin: 10px 10px 0;
	}

/* ////////////////////////// -- CONTENT 	*/

#content-body {
	background-color: #fff;
	padding-bottom: 30px;
	}

/* =welcome */
#welcome-copy {
	margin: 25px 0 25px 40px;
	display: inline; /* for good ol' IE6 double margin bug */
	float: left;
	}
#welcome-copy p { margin: 0; }
#welcome-image {
	display: block;
	float: right;
	}
	
/* =call-to-action	*/
#call-to-action-wrap-primary {
	border-top: 2px solid #963;
	background: #faf8e8 url(images/actionsBG.png) 0 0 repeat-x scroll;
	padding: 10px 0 30px;
	}
#call-to-action-wrap-primary .action-column {
	float: left;
	}
#call-to-action-wrap-primary .action-icon {
	width: 80px;
	height: 80px;
	/*text-align: center;*/
	float: left;
	}
/* =icons */
#call-to-action-wrap-primary .icon-calendar { background: transparent url(images/calendar.png) 50% 0 no-repeat scroll; }
#call-to-action-wrap-primary .icon-people { background: transparent url(images/people.png) 50% 0 no-repeat scroll; }
#call-to-action-wrap-primary .icon-membership { background: transparent url(images/membership.png) 50% 0 no-repeat scroll; }

#call-to-action-wrap-primary .action-body {
	margin: 20px 0 0 80px;
	}
#call-to-action-wrap-primary .action-copy {
	margin-right: 20px;
	}
#call-to-action-drop {
	height: 15px;
	background: #fff url(images/actionsDrop.png) 0 0 repeat-x scroll;
	}
	
a.call-to-action-button,
a.call-to-action-button span {
	display: inline-block;
	height: 33px;
	line-height: 30px !important;
	}
a.call-to-action-button,
a.call-to-action-button:link,
a.call-to-action-button:visited,
a.call-to-action-button:hover,
a.call-to-action-button:active  {
	background: transparent url(images/action_button_right.gif) 100% 0 no-repeat scroll;
	padding: 0 30px 0 0;
	color: #514726;
	text-decoration: none;
	}

a.call-to-action-button:hover,
a.call-to-action-button:active { /* revise just the background image */
	background-image: url(images/action_button_H_right.gif);
	}

a.call-to-action-button span,
a.call-to-action-button:link span,
a.call-to-action-button:visited span,
a.call-to-action-button:hover span,
a.call-to-action-button:active span {
	background: transparent url(images/action_button_left.gif) 0 0 no-repeat scroll;
	padding: 0 5px 0 15px;
	}
a.call-to-action-button:hover span,
a.call-to-action-button:active span { /* revise just the background image */
	background-image: url(images/action_button_H_left.gif);
	}

#home-feature {
	float: left;
	background: transparent url(images/featureBG.png) 0 0 repeat-x scroll;
	}
#home-feature-inner {
	margin: 20px;
	}
#lower-content { padding-bottom: 20px; }

#call-to-action-wrap-secondary .action-column {
	/*height: 200px;*/
	float: left;
	}
#call-to-action-wrap-secondary .action-column h1 {
	background-color: #6cbbd8;
	padding: 0 0 0 5px;
	margin-left: 5px;
	}
#call-to-action-wrap-secondary .action-copy {
	padding-left: 10px;	
	}

/* =home-feature */
.feature-image { margin-bottom: 10px; }

#call-to-action-wrap-secondary .action-link, /* and action-link */
.feature-link {
	display: inline-block;
	background: transparent url(images/bullets.gif) 0 0 no-repeat scroll;
}
.feature-link { background-position: 0 0; padding-left: 9px; }

#call-to-action-wrap-secondary .action-link { background-position: 0 -150px; padding-left: 11px; }

/* =contact-info */
#contact-info {
	padding: 5px 10px 20px;
	}
/* todo: add contact info link colors / interactions */

/* =footer */
#footer {
	background-color: #61aa45;/* same as body to create blend */
	padding: 10px 0 30px 0;
	}
/* todo: add footer link colors / interactions */


/* =left column */
#left-column { /* when nav is present */
	width: 220px;
	margin: 30px 0 0 10px;
    display: inline; /* for good ol' IE6 double margin bug */	
	float: left;
	}
#left-column.no-nav { /* when no nav */
	width: 940px;
	margin: 30px 10px;
	/*float: left;*/
	}
	
/* =right column */
#right-column {
	width: 700px;
	margin: 30px 10px 0 20px;
	display: inline; /* for good ol' IE6 double margin bug */
	float: left;
	}
/* =content */
#content {}

/* =enhancements */
a.call-to-action-button { text-shadow: #ddbb8c 1px 1px 0px; }




/* =search */
fieldset.sf_searchBox_sasc 
{
    border: 0 none;
    float: right;
    width: 230px;
    height: 26px;
    line-height: 26px;
    padding: 4px 10px 5px 0;
    text-align: right;
}

/* text box */
.sf_searchText_sasc 
{
    border: 1px solid #86754a;
	background-color: #fff;
	width: 155px;
	margin: 0;
	padding: 4px 5px;
	vertical-align: top;
	text-align: left;
	color: #555;
}

/* image button */
/* .sf_searchSubmit_sasc {} */


/* search =results */
#content ol.sr-wrapper 
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#content ol.sr-wrapper li 
{
    margin: 0 0 1.5em 0;
    padding: 0;
}
ol.sr-wrapper .sr-title 
{
    
}
ol.sr-wrapper .sr-body
{
    margin: 5px 0;  
}
ol.sr-wrapper .sr-link 
{
    
}



/* =events */
.sf_eventBasicInfo_sasc {}

.sf_eventContent_sasc 
{
    margin: 1em 0;
}