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



	Table of Contents
	-----------------
	
	=footer
*/


body { font: 62.5% Arial, Verdana, sans-serif; line-height: 1.6em; color: #555; }

/* =navigation */
a,
a:link { color: #39c; text-decoration: underline; }
a:visited { color: #2a728c; text-decoration: underline; }
a:hover,
a:active { color: #225d73; text-decoration: underline; }

:focus { outline: none; }

/* =headings */
h1 { font-size: 160%; margin-bottom: 9px;}
h2 { font-size: 150%; margin-bottom: 8px;}
h3 { font-size: 140%; margin-bottom: 7px;}
h4 { font-size: 130%; margin-bottom: 6px;}
h5 { font-size: 120%; margin-bottom: 5px;}
h6 { font-size: 110%; margin-bottom: 4px;}

h1,h2,h3,h4,h5,h6 { line-height: 120%; color: #60a6bf; }

/* =standard-sizing */
#content,
#welcome-copy,
#footer,
#home-feature-inner,
#call-to-action-wrap-primary .action-copy,
#call-to-action-wrap-secondary .action-copy { font-size: 1.4em; line-height: 1.3em; }

/* =non-standard-sizing */
#mission-statement p { font-size: 1.6em; line-height: 1.5em; color: #592f02; }
#mission-statement h1 { font-size: 1.3em; font-weight: normal; line-height: 1.8em; color: #9f7f5f; margin: 0; letter-spacing: normal; }

#call-to-action-wrap-primary .action-column h1 {
	font-weight: bold;
	font-size: 2.2em;
	color: #963;
	}
#call-to-action-wrap-secondary .action-column h1 {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #fff;
	}
#call-to-action-wrap-primary .action-copy {
	color: #333;
	}

#contact-info {
	color: #225a73;
	text-align: right;
	font-size: 1.3em;
	line-height: 1.4em;
	}
#contact-info a, /* these links' appearance is opposite of default */
#contact-info a:link { color: #225d73; text-decoration: underline; }
#contact-info a:visited { color: #2a728c; text-decoration: underline; } /* redundant */
#contact-info a:hover,
#contact-info a:active { color: #39c; text-decoration: underline; }

#home-feature h1,
#home-feature h2,
#home-feature h3,
#home-feature h4,
#home-feature h5,
#home-feature h6 {
	color: #957931;
	margin: 0;
	padding: 0;
	line-height: 100%;
	}
#home-feature h1 { font-size: 120%; }
#home-feature h2, #home-feature h3, #home-feature h4, #home-feature h5, #home-feature h6 { font-size: 110%; }

#home-feature a,
#home-feature a:link {
	color: #957931;
	text-decoration: underline;
	}
#home-feature a:visited { color: #7a6328; text-decoration: underline; }
#home-feature a:hover,
#home-feature a:active {
	color: #614f20;
	text-decoration: underline;
	}

/* =breadcrumb */
#breadcrumb {
	font-size: 1.2em;
	color: #9d8956;
	}
#breadcrumb a,
#breadcrumb a:link,
#breadcrumb a:visited { color: #9d8956; text-decoration: underline; }
#breadcrumb a:hover,
#breadcrumb a:active { color: #827147; text-decoration: underline;}

/* =page-title */
h1#page-title {
	font-size: 2.4em;
	color: #444;
	border-bottom: 1px solid #ccc;
	margin: 20px 0;
	padding: 4px 0;
	
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 { margin: 30px 0 5px 0; }
	
/* =RadScheduler customizations -- not complete skin worthy -- also, must/should follow #content h[n] definitions */
#content .RadScheduler .rsHeader h2 
{
    line-height: 30px;
    margin: 0;
    color: #000;
}

/* =footer */
#footer {
	color: #fff;
	text-align: center;
	}
#footer a { text-decoration: underline; }
#footer a:link,
#footer a:visited { color: #fff; }
#footer a:hover,
#footer a:active { color: #363; }