@charset "UTF-8";
/* CSS Document */

/*First Church of Christ, Scientist, Fairfax, Virginia
Theme URL: http://www.christiansciencefairfax.com
Description: Designed for First Church, Christ Scientist, Fairfax, Virginia
CSS: Lee Ann Ghajar, July 2009
*/

/*Basic page layouts
/*Grid: 960px wide 12 columns at 63px each; 11 gutters at 17px each.
Basic splash page layout is 
1=63px
2=143px
3=223px
4=303px
6=463px
8=623px
splash page columns: 303px each w gutter; feature is 606px w gutter
widecol is 463px
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	font:62.5% "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #444; 
	margin:auto;
	padding:0;text-align:center; }

#wrap{
color:#666;
width:960px;
margin-top: 10px;
margin-right: auto;
margin-left:auto;text-align:left;}

#header{height: 235px;  background-color: #303a5e; }
	
#masthead{height: 225px;}
#content {width: 550px; float:left; padding: 15px;border-left: 1px solid #303a5e;border-right: 1px solid #303a5e;min-height: 640px; }

/*Headers*/
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:3.2em;; color: #303a5e; margin-bottom:25px;}
h2{font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:18px; color: #303a5e;text-transform:uppercase; margin-bottom: 14px; letter-spacing: .1em;}
h3{font-size: 1.4em; font-family: Arial, Helvetica, sans-serif;; color: #fff;letter-spacing: .1em; text-transform: uppercase;margin-bottom: 0;background-color: #303a5e;padding: 3px; }
h4 { color: #468846;letter-spacing: .1em;font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0; }

/*Content Fonts*/
p{font-size:1.6em; line-height: 1.6em;color: #666;}
.intro {font-size:1.8em; line-height:1.4em;color: #303a5e;}
.section p {font-size: 1.2em; line-height: 1.4em;color: #666;padding: 3px;}

a:link {color: #C56B27;text-decoration:underline;}
a:visited {color:  #426895;}
a:hover {color:  #303a5e;;text-decoration: none;border-bottom: 1px dotted #6600FF;}
 
/*leftcolumn, rightcolumn*/
#columnleft {width: 170px; float:left;padding-top: 35px;  }
#columnleft a:link, #columnright a:link {text-decoration:none;padding:3px 3px 3px 0;}
#columnright {margin-left: 5px;margin-right: 0;width: 185px;float:left;;padding:25px 0 0 5px;}


/*styling features*/
.blockquote {font-size: 1.4em; line-height: 1.4em;margin: 1.8em 35px 1.8em 40px;padding: 1.4em 0 1.4em 0; }   
ul{ list-style-type: none; padding: 0;margin:0;}
li {font: 1.8em/1.4em Arial, Helvetica, sans-serif;padding:6px 3px 3px 3px;}

/*components*/
.box ul {list-style-type:none; padding:0;margin: 0;}
.box li {font: 1.6em/1.4em Arial, Helvetica, sans-serif;margin-bottom: 8px;}
#columnleft .section {width: 160px; margin-bottom: 20px;background-color: #eee;border-bottom:3px solid  #303a53;border-left:2px solid  #303a53;border-right: 1px solid  #303a53;}
#columnleft .section h4 {font: 1.4em/1.2em Arial, Helvetica, sans-serif; margin: 6px 0 0 3px;;color: #303a5e;letter-spacing: normal;}
#columnright .section {width: 170px; padding: 4px;margin: 10px 0 10px 0;}

#columnright .box { border-left: 1px solid #468846;border-right: 2px solid #468846;border-top: 1px solid #468846;border-bottom:3px solid #468846; width: 170px;margin-bottom: 20px;;background-color: #eee;margin-top: 8px;}
#columnright .box h4 {font-size:1.4em; color: #468846;letter-spacing: .1em;font-family: Georgia, "Times New Roman", Times, serif;margin-bottom:0; text-transform:uppercase; }
#columnleft .section ul, #columnright .section ul, #columnright  .box ul {list-style-type:none; padding:0}
#columnright .section li {font: 1.6em/1.6em Arial, Helvetica, sans-serif;}
#columnleft .section li {font: 1.4em/1.4em Arial, Helvetica, sans-serif;color: #333;}
#columnright .box ul li {margin-bottom: 0; font-color: #333; }
#columnright .box h3 {background-color: #468846; font: #000;padding-left: 3px;margin-top:0; }
.announcement {margin-left:40px;font-size: 1.6em; line-height: 1.4em;margin-bottom: 1.6em;margin-right: 35px;background: #eee; font-style: italic;padding: 6px;color:#000;}
/*images*/
.floatright { float: right;padding: 5px;border: 1px solid #eee;}
.floatleft{float:left;padding: 5px;clear:left;border: 1px solid #eee;margin: 3px 7px 0 0;}