/* shmon.org   |   screen.css   |   9/29/09 */

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, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; } 

/* remember to define focus styles! */:focus { outline: 0; } 

/* remember to highlight inserts somehow! */ins { text-decoration: none; }

del { text-decoration: line-through; } 

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }

body {
	background: url(../images/bg-sd.gif) 0 0 repeat;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
#wrap {
	width: 964px;
	margin: 0 auto;
	background-color: #f9f3d4;
	text-align: left;
	}

#header {
	width: 949px;
	background: #f9f3d4 url(../images/chapel_fade.gif) top right no-repeat;
	float: left;
	padding: 30px 0 20px 15px;
	}

h1 a {
	display: block;
	width: 422px;
	height: 61px;
	background: url(../images/logo.png) 0 0 no-repeat;
	float: left;
	text-indent: -9999em;
	}
	
#print-logo { display: none; }

#nav {
	font-size: 14px;
	font-weight: bold;
	background: url(../images/nav_bkgd.gif) 0 0 no-repeat;
	float: left;
	padding: 8px 20px 30px 18px;
	margin-left: 3px;
	}
	
#nav li {
	float: left;
	list-style: none;
	}

#nav li a {
	text-decoration: none;
	color:#660066;
	padding: 7px 17px 5px 17px;
	float: left;
	}
	
#nav li a:visited { color:#660066; }

#nav li a:hover { background: #f3e7a9 url(../images/cross_icon.gif) 3px 9px no-repeat; }

#nav li a.active { background: #f3e7a9 url(../images/cross_icon.gif) 3px 9px no-repeat; }

#container {
	width: 964px;
	background: url(../images/church_duotone.gif) left bottom no-repeat;
	clear: both;
	float: left;
	}
	
#copy {
	width: 466px;
	float: left;
	margin: 10px 38px 0 231px;
	}
	
* html #copy { margin: 10px 34px 0 114px; }

h2 {
	font-style: italic;
	font-size: 2.4em;
	margin-bottom: 10px;
	}
	
h3 {
    color: #613552;
    font-size: 1.6em;
    margin-bottom: 5px;
    }
    
h4 {
    font-size: 1.4em;
    text-transform: uppercase;
    }

#copy #pics {
	width: 466px;
	height: 358px;
	overflow: hidden;
	margin: 0 0 20px 2px;
	padding: 0;
	}
	
#copy #pics li { 
	list-style: none; 
	margin: 0;
	padding: 0;
	}

#copy p {
	font-size: 1.8em;
	margin-bottom: 15px;
	line-height: 28px;
	}
	
#copy p.purple { color:#660066; }
	
#copy p.note { font-size: 1.2em; }
	
#copy a#news-btn {
	display: block;
	width: 449px;
	height: 59px;
	background: url(../images/news_button.gif) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#copy a {
	font-size: 1.4em;
	color: #613552;
	text-decoration: underline;
	font-weight: bold;
	}
	
#copy a:visited { color: #613552; }

#copy a:hover, #container-internal a:hover { color: #000; }

#copy a.pdf {
	background: url(../images/pdf-icon.png) 0 0 no-repeat;
	padding: 4px 0 7px 30px;
	}

#copy li a.pdf {
	background: url(../images/pdf-icon.png) 0 0 no-repeat;
	padding: 4px 0 7px 30px;
	line-height: 30px;
	}

#copy ul, #copy-internal ul { margin: 0 0 15px 15px; }

#copy li, #copy-internal li {
	list-style: disc;
	font-size: 1.4em;
	line-height: 20px;
	}
	
#magnets {
	width: 224px;
	float: left;
	}
	
#magnets h2 { 
	color: #613552;
	font-style: normal;
	line-height: 18px;
	font-size: 1.8em;
	margin-bottom: 10px;
	padding: 10px 10px 0 0;
	width: 214px;
	background: url(../images/magnet-top.gif) 0 0 no-repeat;
	text-align: center;
	}
	
#magnets img.content { margin: 3px 0 8px -5px; }

#magnets img.bottom { margin-top: 15px; }

#magnets img.center {
    margin: 0 10px 10px 13px;
    float: left;
    }
   
#magnets img.left {
    margin: 0 10px 10px 13px;
    float: left;
    }
	
#magnets p {
	font-size: 1.4em;
	color: #58595b;
	margin-bottom: 8px;
	}
	
#magnets p.left {
    text-align: left;
    float: left;
    width: 70px;
    }
	
#magnets a {
	font-size: 1.4em;
	color: #613552;
	font-weight: bold;
	text-decoration: underline;
	}
	
#magnets a.left {
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
#magnets a:visited { color: #613552; }

#magnets a:hover { color: #000; }

#magnet-01 {
	background: url(../images/magnet-center.gif) 0 0 repeat-y;
	width: 214px;
	padding: 0 10px 0 0;
	text-align: center;
	}
	
#magnet-02 {
	background: url(../images/magnet-center.gif) 0 0 repeat-y;
	width: 214px;
	padding: 0 10px 0 0;
	text-align: center;
	}
	
#magnet-03 {
	background: url(../images/magnet-center.gif) 0 0 repeat-y;
	width: 214px;
	padding: 0 10px 0 0;
	text-align: center;
	}

/*#magnet-03 {
	background: url(../images/magnet-center.gif) 0 0 repeat-y;
	width: 214px;
	padding: 0 10px 0 0;
	margin-bottom: 10px;
	}*/
	
* + html #magnet-01,* + html #magnet-02, * + html #magnet-03  { margin-bottom: -3px; }

* html #magnet-01,* html #magnet-02, * html #magnet-03  { margin-bottom: -3px; }

#footer {
	width: 954px;
	background: #613552;
	color: #f3e7a9;
	font-size: 1.1em;
	font-weight: bold;
	padding: 15px 0 15px 10px;
	clear: both;
	letter-spacing: 0.03em;
	line-height: 18px;
	}
	
#footer-bottom {
	width: 954px;
	background: #613552;
	color: #f3e7a9;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 15px 10px;
	clear: both;
	margin-top: -5px;
	letter-spacing: 0.03em;
	}

#footer a { 
	color: #f3e7a9;
	text-decoration: underline;
	}
	
#footer a.kinetic { text-decoration: none; }
	
#footer a:visited, #footer a.kinetic { color: #f3e7a9; }

#footer a:hover { color: #eee; }

#footer a:hover.kinetic { color: #eee; text-decoration: underline; }

/*     INTERNAL STARTS      */

#sidebar {
	width: 210px;
	float: left;
	min-height: 685px;
	}
	
#sidebar h2 { 
	font-size: 1.8em;
	font-style: normal; 
	padding: 0 0 0 10px;
	}
	
#container-internal #sidebar li { padding: 5px 0; }
	
#container-internal #sidebar li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4em;
	padding: 5px 10px;
	margin-right: 15px;
	}
	
#container-internal #sidebar li a:visited { color: #613552; }

#container-internal #sidebar li a:hover { 
	color: #000;
	text-decoration: underline; 
	}
	
#container-internal #sidebar li a.active { background-color: #f3e7a9; }
	
#container-internal {
	width: 924px;
	background: url(../images/internal-content-bg.jpg) left bottom no-repeat;
	clear: both;
	float: left;
	padding: 10px 20px 20px 20px;
	}
	
#container-internal p {
	font-size: 1.4em;
	margin-bottom: 15px;
	line-height: 20px;
	}
	
#container-internal #copy {
	width: 698px;
	float: left;
	padding-left: 15px;
	margin: 0;
	border-left: #ccc dotted 1px;
	}
	
img.right {
	float: right;
	margin: 10px 0 10px 15px;
	padding: 3px;
	border: #815d75 solid 1px;
	}
	
img.left {
	float: left;
	margin: 10px 10px 15px 0;
	padding: 3px;
	border: #815d75 solid 1px;
	}
	
p img.center {
    text-align: center;
    margin: 5px 10px 15px 10px;
    padding: 3px;
    border: #815d75 solid 1px;
	} 
	
#container-internal a{
	font-size: 1.0em;
	color: #613552;
	text-decoration: underline;
	font-weight: bold;
	}
	
#container-internal a:visited { color: #999; }

#wrap-images {
	width: 924px;
	margin: 20px auto;
	background-color: #f9f3d4;
	text-align: center;
	padding: 20px;
	}
	
p.directions {
    font-size: 1.4em;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 20px;
    }
    
p.directions a {
    color: #613552;
	text-decoration: underline;
	}
	
p.directions a:visited { color: #613552; }

p.directions a:hover { color: #000; }
    
p.note {
    margin: 10px 0 30px 0;
    font-size: 1.2em;
    }
    
#copy p.caption {
    float: right;
    width: 360px;
    font-size: 1.2em;
    font-style: italic;
    margin: 0 0 15px 15px;
    color: #613552;
    }
 
h3.emphasis { 
    text-align: center; 
    font-style: italic;
    }

#copy p.emphasis { 
    text-align: center;
    font-weight: bold;
    color: #613552;
    }

hr {
    border: 0;
    color: #ccc;
    background-color: #ccc;
    margin: 30px 0;
    height: 1px;
    clear: both;
    } 
    
.text-box hr {
    color: #666;
    background-color: #666; 
    } 
    
.text-box {
    float: right;
    margin: 0 0 15px 15px;
    background-color: #f3e7a9;
    border: #6b3650 solid 1px;
    padding: 10px;
    width: 300px;
    }
    
#copy .text-box h3 { margin-bottom: 10px; }

td { padding: 14px 0 5px 0; }

tr { border-bottom: 1px solid #ccc; }

.side-calendar { margin-top: 20px; }