/* A CSS Framework by Mike Stenhouse of Content with Style */

/* Use caution when editing this file!  The first part (above line 230) is 
default typography and it should rarely be necessary to edit it. Below line
230 are the page or region-specific CSS styles. These can be modified for various
reasons, or new styles added if necessary. For clarity, styles are grouped by
page or page region, roughly in the same order as they appear in the HTML. */


/* TYPOGRAPHY */
	body {
		text-align: left;
		font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
		font-size: 0.75em;
        line-height: 1em;
		color: #333;
		}

	
/* This is commented out because it messes up text sizing in IE6;
	selecting 'larger' font size becomes GINORMOUS and breaks page. Omitting it
	does not seem to cause any problems in FF or Safari 
	
	div { 
		font-size: 1em;
		}
*/

	img {
		border: 0;
		}

	
/* LINKS */
	a,
	a:link 
	a:active {
		color: #0a50ff;
		}

	a:visited {
		color: #1a3b95;
		background-color: transparent;
		}

	a:hover {
        color: #0a50ff;
		text-decoration: underline;
		}

/* END LINKS */
	
/* HEADINGS */
	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0em 0;
		padding: 0;
        color: #1a3b73;
		}

	h2 {
		font-size: 1.2em;
        line-height: 1.1em;
		margin: 0 0 0.25em 0;
		padding: 0.5em 0 .3em 0;
        color: #1a3b73;
		}

	h3 {
		font-size: 1.1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding:0;
        color: #1a3b73;
		}

	h4 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: #1a3b73;
		}

	h5 { /* use for photo captions */
		font-size: 0.9em;
		font-style:italic;
		line-height: 1.3em;
		margin: 0 0 0.75em 0;
		padding: 0;
        color: #1a3b73;
		}

	h6 {
		font-size: 0.8em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
        color: #1a3b73;
		}

/* END HEADINGS */

/* TEXT */
	p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
		line-height:1.3em;
		}

	blockquote {
		margin-left:10px;
		}

	pre {
		font-family: monospace;
		font-size: 1.0em;
		}

	strong, b {
		font-weight: bold;
		}

	em, i {
		font-style:italic;
		}

    code {
        font-family: "Courier New", Courier, monospace;
        font-size: 1em;
        white-space: pre;
    	}

/* END TEXT */
	
/* LISTS */
	ul {
		font-size: 1.0em;
        line-height:1.3em;
		margin: 0 0 1.5em 0;
		padding: 0;
		}

	ul li {
		list-style-type: square;
		margin: 0 2em 0.25em 1.1em;
		padding: 0;
		}

	ol {
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0 0 1.5em 0;
		padding: 0;
		}

	ol li {
		font-size: 1.0em;
		margin: 0 0.5em 0.25em 1.5em;
		padding: 0;
		}

	dl {
		margin: 0 0 1.5em 0;
		padding: 0;
		line-height: 1.4em;
		}

	dl dt {
		font-weight: bold;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
		}

	dl dd {
		margin: 0 0 0 30px;
		padding: 0;
		}

/* END LISTS */
	
	
/* TABLE */
	table {
        font-size: 1em;
		margin: 0 0 1.5em 0;
        padding: 0;
		}

	table caption {
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 0 0 1.5em 0;
		}

	th {
		font-weight: bold;
		text-align: left;
		}

	td {
		font-size: 1em;
		}

/* END TABLE */	
	
	hr {
		display: none;
		}

	div.hr {
		height: 1px;
		margin: 1.5em 10px;
		border-bottom: 1px dotted black;
		}

	
/* END DEFAULT TYPOGRAPHY */	










/* SPECIAL-PURPOSE STYLES */


	span.hideme { 
	/* hides headline text on top of graphic text backgrounds */
		visibility: hidden;
		}

     div#topnav p { /* nav links at the very top */
		font-size: 0.9em;
		margin: 0 0 0 40px;
     	}

	div#topnav a:link {/* nav links at the very top */
		color: #1a3b73;
		}

   div#topnav input {/* search box */
		height: 1em;
		border: 1px solid #1a3b73;
     	}

   	#topnav input#search {/* search button */
		font-size: 0.8em;
		height: 1.8em;
     	}
		

	.faq h2 {/* question list head */
		line-height: 1.1em;
		padding: 0.4em 0 0.4em 0;
		margin-top: 10px;
		border-bottom: 1px dotted #1a3b73;
	}

	.faq #main h6 {
		font-size: 1em;
		line-height: 1.3em;
		margin: 0 0 0.25em 0;
		padding: 0;
		color:#9a90c2;
		}
	.faq #main h3 {/* question category */
		font-size: 1.5em;
		line-height: 1.5em;
		color:#9a90c2;
		background: url("../images/page/sidebar_gradation.gif") repeat-x;
		background-position:  1px 1px;		}

	.faq h4 {/* question text */
		font-style: italic;
		line-height: 1.1em;
		padding: 0.4em 0 0.4em 0;
		margin-top: 10px;
		border-bottom: 1px dotted #1a3b73;
	}

	.faq p {/* answer */
		padding: 0 0 0.4em 0;
		}

	.faq p + p {  
	/* tightens spacing between text and top links; may not work in some IE's */
		margin-top: -1em;
		}

	
	
	#sub h2, #sub h3 { /* adds gradation behind headline */
		background: url("../images/page/sidebar_gradation.gif") repeat-x;
		width: 169px;
		margin: 0 0 0 1px;
		padding: 5px 10px 0 20px;/* 5px 0 0 20px */
		}

	#sub h2.top, #sub h3.top { /* adds gradation behind headline and scoots it up to the top of the column */
		background: url("../images/page/sidebar_topgradation.gif") repeat-x;
		margin: 1px 0 0 1px;
		}

	#sub img.top { /* adds space above image in top position so it doesn't overlap header */
		margin: 3px 0 0 0;
		}

		#sub h2.faq { /* adds FAQ headline art behind headline */
		height: 50px;
		background: url("../images/home/home_faq.gif") no-repeat;
		background-position:  1px 1px;
		margin: -9px 0 0 1px;
		}
		
	#sub h4, 
	#sub h5,
	#sub h6,
	#sub p,
	#sub ul,
	#sub ol { /* adds spacing to left of sidebar text */
		padding: 0 0 0 20px;
		}

	#sub h2.yellow { /* adds yellow background behind headline */
		background: #ffeea7;
		margin: 0px 0 0 1px;
		padding-bottom: 4px;
		}
		
 	#sub p.yellow {/* adds yellow background behind text */
        background: #fff8db;		
		width: 169px;
		margin: 0 0 0 1px;
        padding: 6px 10px 15px 20px;		
	    }  
	
	#sub span.faqhead img{ 
	/* hides headline text behind graphic text backgrounds */
		position: relative;
		left: 2px;
		z-index: 100;
		margin: 0;
		}

	#sub span.faqhead h2{ 
	/* hides headline text behind graphic text backgrounds */
		z-index: 1;
		margin: -50px 0 0 1px;
		background: #fff;
		height: 48px;
		overflow: hidden;
		}

	
	
	/* search-related styles */
	#search label {/* search label color */
        color: #1a3b73;
		}

 	#searchresults p.result {
		font-style: italic;
	}
	
	#searchresults p.result a, #searchresults p.result a:link, #searchresults p.result a:visited {
		display: block;
		text-decoration: none;
	}
	
	#searchresults p.result a:hover {
		text-decoration: underline;
	}
	
	#searchresults p.found {
		color: gray;
		border-bottom: 1px dotted #1a3b73;
	}
	
	#searchresults p.pageselector a {
		color: green;
	}
	
	#searchresults p.pageselector b {
		color: green;
	}
	/* end search styles */
	
	

/* SOME HOMEPAGE-SPECIFIC STYLES */
	/* NOTE: These need to stay below all the others in the CSS file! */

 	.page-home span.homelink { 
 	/* hides 'home' link in top and footer nav, on homepage only */
 		display: none;
 		}

	#headline h1 {  /* main subpage headlines */
		font-weight: normal;
		}
		
	.page-home #main h1 {  
	/* makes first paragraph into reasonable text size instead of gigantic H1 */
		font-size: 1em;
		font-weight: normal;
		color: #223;
		margin: 0 0 0.5em 0;
		}
		
	.page-home #main h2 { /* puts rule and space above H2 tags */
		background: url("../images/page/dotrule_short.gif") no-repeat;
		}
		
	.page-home #local img { /* positions logo image on home pg */
		margin: 10px 0 0.5em 0;
		}
		
	.page-home #local p { /* positions address text under logo on home pg */
		font-size: 0.8em;
		line-height: 1.2em;
		color: #777;
		margin: 0 0 0 4px;
		}
		
	.page-home #sub h2.newstop { /* adds news headline art behind headline and scoots it up to the top of the column */
		height: 30px;
		background: url("../images/home/home_capenews.gif") no-repeat;
		background-position:  1px 1px;
		margin: 0px 0 0 1px;
		}
		
	.page-home #sub p {
		font-size: 0.9em;
	    }
    
 	.page-home #sub p.top{
        padding: 6px 0px 0 20px;		
	    }
    
   		
	#subaddress img { /* positions logo image at foot of pg */
		margin: 10px 0 0.5em 0;
		}
		
	#subaddress p { /* positions address text under logoat foot of pg */
		font-size: 0.8em;
		line-height: 1.2em;
		color: #777;
		width: 120px;
		margin: 0 0 0 4px;
		}
		
				
	h4.testimonial { /* use for quote */
		font-size: 1.1em;
		font-weight: bold;
		font-style: italic;
        line-height: 1.6em;
		margin: 2.5em 0 0 0px;
		}
			
	h4.testimonial_top { /* use for quote */
		font-size: 1.1em;
		font-weight: bold;
		font-style: italic;
        line-height: 1.6em;
		margin: 1.5em 0 0 0px;
		}
			
		p.testimonial {/* attribution/name */
		font-style: italic;
        line-height: 1em;
		margin: 0 1em 3em 0;
		text-align: right;
        color: #1a3b73;
	}