html,body {
	background-color:#294459;
	background-image: url(../images/bcg.gif);
	background-position: 0px 197px;
	background-repeat: repeat-x; 
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, san-serif;
	}

#header {
	background-color:#000C14;
	height:170px;
	text-align:center;
	}

#header img {
	height:170px;
	width:621px;
	border:0;
	}

#subheader {
	background-color:#4F81A2;
	text-align:center;
	height:27px;
	}

#frame {
	margin-left:auto;
	margin-right:auto;
	width:621px;
	}

/*-----------------------------------*/

#nav {
	height:26px;
	margin: 12px 0 14px -10px;
	}

#nav a { 
	font-weight:bold;
	padding-top:5px;
	height:20px;
	display:block;
	float:left;
	text-align:center;
	}

#nav a:hover 	{ background-color:#13293B; }

#nav .worships 	{ background-image:url(../images/nav-worships.gif); width:96px; }
#nav .workshops 	{ background-image:url(../images/nav-workshops.gif); width:112px; }
#nav .media 	{ background-image:url(../images/nav-media.gif); width:64px; }
#nav .links 	{ background-image:url(../images/nav-links.gif); width:61px; }

#nav .worships, #nav .workshops, #nav .media { margin-right:2px; }

#nav #on { background-color:#294459;color:white; }
#nav #on:hover { background-color:#13293B; }

/*-----------------------------------*/

#content {
	background-image: url(../images/frontpage-content.gif);
	background-repeat: no-repeat;
	width: 329px;
	float: left;
	padding-left: 23px;
	padding-right: 60px;
	margin-bottom: 20px;
	color:#77ACD4;
	letter-spacing: 1px;
	}

#content .firstletter {
	margin-top:5px;
	margin-bottom:5px;
	margin-right:3px;
	float:left;
	}

#content p {
	margin:0;
	padding-bottom:20px;
	}

#content a {
	color: #EDB329;
	font-weight:bold;
	text-decoration:none;
	}

#content a:hover {
	color:#fff;
	}

#content .larger {
	font-weight:bold;
	display:block;
	margin:3px;
	}

#content h1 {
	background-image: url(../images/titles/bcg.gif);
	background-repeat: no-repeat;
	letter-spacing:1.2px;
	font-weight:bold;
	color:#C3D6DE;
	font-variant: small-caps;
	margin: 20px 0 0 -10px;
	padding: 6px 0 0 10px;
	}

#content .extra-margin { margin-left:10px; }

#content .photos img { margin: 4px; border:0;}

#content .quote img { float:left; margin-right:5px; }
#content .quote .by { font-weight:bold; color:#ADD3F0; }

#content #fontsize {
	float:right;
	width: 51px;
	height: 25px;
	margin-right:5px;
	margin-left:5px;
	}

#content #fontsize img { border:0; }

/*-----------------------------------*/

#subcontent {
	background-image: url(../images/frontpage-subcontent.jpg);
	background-repeat: no-repeat;
	background-position: 40px 0px;
	width:198px;
	height:350px;
	float:left;
	padding: 15px 0px 0 0px;
	color:#1E2C38;
	letter-spacing: 1px;
	}

.desc, .contact, .email { margin-left:56px;}
#subcontent .desc { height: 65px; font-weight:bold; }
#subcontent .contact { font-weight:bold;  height:24px;}
#subcontent .email { text-align:center; height: 53px; }
#subcontent .email a { color:#1E2C38 }
#subcontent .email a:hover { text-decoration:none }
#subcontent .port { margin-left:40px; }

#subcontent .quotegroup {
	margin-top: 10px; 
	margin-left:45px; 
	}

#subcontent .quotegroup img { display:block }
#subcontent .quote  { 
	letter-spacing: .5px;
	color:#77ACD4;
	background-color:#1D3444;
	padding: 0 5px;
	}
#subcontent .quote b { color:#ADD3F0 }
#subcontent .quote .qt { float:left; margin-right:5px; }
#subcontent .quote a { 
	color: #EDB329; 
	font-weight:bold; 
	text-decoration:none; 
	display:block; 
	margin-top: 10px;
	text-align:center;
	}
#subcontent .quote a:hover { color:#fff; }

/*-----------------------------------*/

#footer {
	color:#6288A6;
	border-top: 1px solid #6288A6;
	text-align:center;
	letter-spacing: 1px;
	margin: 0px 70px 10px 40px;
	padding-left: 198px;
	padding-top: 5px;
	}

#footer a {
	color:#6288A6;
	font-size:90%;
	text-decoration:underline;
	}
