@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; }

#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: 450px; }

/*Site 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.6em; font-family: Arial, Helvetica, sans-serif;; color: #303a5e;letter-spacing: .1em; text-transform: uppercase;margin-bottom: 0;padding: 5px;border-top: 1px solid #303a5e;border-bottom: 1px solid  #303a5e;background: #fff; }
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;padding: 5px 9px 0 10px;}
.intro {font-size:1.8em; line-height:1.4em;color: #303a5e;font-style: italic;}


/*Content Links*/
a:link {color: #C56B27;text-decoration:underline;}
a:visited {color:  #426895;}
a:hover {color:  #303a5e;;text-decoration: none;border-bottom: 1px dotted #6600FF;}

/*styling features. Blockquote used for wednesday fulltext*/
.blockquote {font-size: 1.4em; line-height: 1.4em;margin: 1em 35px 0 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;}


/*leftcolumn, rightcolumn*/
#columnleft {width: 170px; float:left;padding-top: 35px;  }
#columnright {margin-left: 5px;margin-right: 0;width: 185px;float:left;;padding:35px 0 0 5px;}

/*column links*/
#columnleft a, #columnright a {text-decoration:none;padding:3px 3px 3px 0;}

/*column components*/
.box { border: 1px solid  #303a5e;  -moz-border-radius: 15px;border-radius: 10px; width: 170px;margin: 25px 0 20px 0;background-color: #f2f7f4;}
.box ul {list-style-type:none; padding:2px}
.box li {font: 1.6em/1.4em Arial, Helvetica, sans-serif;color:  #303a5e;}


/*Use this class for highlighted announcement in the middle column content area--for example, when Wednesday Evening Meeting Fulltext is on hiatus. Usuallly placed in center column above or immediately below header*/
.announcement {margin: 15px 35px 15px 40px;font-size: 1.8em; line-height: 1.4em;background: #f2f7f4; padding: 6px;color:#303a5e;font-family: Georgia, "Times New Roman", Times, serif;border: 1px solid  #303a5e;  -moz-border-radius: 15px;border-radius: 10px;}

/*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;}

/*footer*/

#footer {
width: 940px;
clear:both;
align:center;
background-color: #f2f7f4;
padding-bottom: 8px;
margin: 15px 0px 25px 0;
text-align: left;
line-height: 1.2em;
overflow:hidden;
border: 2px solid #303a5e;
-moz-border-radius: 15px;
      border-radius: 10px;

}

/*These are the three columns in the footer*/
.footerleft {	float: left;width: 280px;margin: 0px 20px 0px 20px;padding: 0px;}	
.footermiddle {	float: left;	width: 300px;	margin: 0px 20px 0px 0px;	padding: 0px;}
.footerright {float: left;width: 280px;margin: 0px;padding: 0px;	}

/*footer links*/
#footer a {color: #C56B27;text-decoration:none;}
#footer a:visited {color:  #426895;text-decoration:none}
#footer a:hover {color:  #303a5e;border-bottom: 1px dotted #6600FF;}
 
 
/*footer components*/
	
#footer ul  {
	margin: 8px 0px 0px 40px;padding: 0px;list-style-type: disc;list-style-image: url("/bullet.png");list-style-position: outside;
	}

#footer li {font-size: 1.6em;margin-bottom: 7px;}	
    
#footer h3 {border-top: 1px solid #303a53;border-bottom: 1px solid #303a53; text-align:center;font-family: Georgia, "Times New Roman", Times, serif; font-size:1.6em;}