/* ------------------------------------------------------------------------
CSS sheet for St. Bridget Spirituality Center.
Author: Chris Robinson
Date Created: 6/10/2008

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS

Blue: #8FA5C4;
Green: #A7BEA6;

------------------------------------------------------------------------ */


/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}
a{
	outline: none;
}
body{
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000;
   	font: 12px/1.5em "Palatino Linotype", Arial, Helvetica, Sans-Serif;
   	background: url(images/bodybg.jpg) center center no-repeat fixed;
}
p{
	margin: 1.5em 0;
}
#wrap{
	width: 946px;
	margin: 40px auto;
	text-align: left;
	clear: both;
	background: #C2F9D2;
	border: 8px solid #fff;
}
/* -----------------------------------------------------------------------
=HEADER ELEMENTS
-------------------------------------------------------------------------*/
#header{
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
	background: url(images/celticknot.jpg) left 140px repeat-x;


}
#header p.index{
	width: 946px;
	height: 200px;
	background: url(images/newlogo.jpg) no-repeat;
	text-indent: -9999px;
	margin: 0 0;
}
#header h3{
	font-size: 24px;
	line-height: 1.7em;
	padding-top: 30px;
	width: 240px;
	text-align: center;
	float: left;
}

ul.nav{
	display: block;
	list-style-type: none;
	position: absolute;
	top: 151px;
	left: 195px;
	height: 22px;
	padding-top: 2px;
	background: #C2F9D2;
	border: 2px solid #000;	
}
ul.nav li{
	float: left;
	margin: 0px 15px;
}
ul.nav li a{
	color: #000;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}
ul.nav li a:hover{	
	text-decoration: underline;
}
/* -----------------------------------------------------------------------
=CONTENT ELEMENTS
-------------------------------------------------------------------------*/
#content{
	display: block;
	margin: 0 0 15px 0;
	width: 100%;
	clear: both;
}
#content h3{
	font-size: 22px;
	font-weight: bold;
	margin: 1.5em 0px;
}
/* -----------------------------------------------------------------------
=MAIN ELEMENTS
-------------------------------------------------------------------------*/
#main{
	display: block;
	width: 60%;
	padding: 0px 10px;
	float: left;
}
body#full #main{
	display: block;
	width: 90%;
}
#flash{
	margin-left: 80px;
	margin-bottom: 10px;
}
#main ul{
	margin-left: 20px;
}
img.fright{
	float: right;
	padding: 10px;
}
img.fleft{
	float: left;
	padding: 10px;
}
p.box{
	width: 300px;
	border: solid black 2px;
	margin-left: 100px;
	font-size: 22px;
	padding: 30px;	
}
dl dd{
	margin-bottom: 1.5em;
}
/* -----------------------------------------------------------------------
=ASIDE ELEMENTS
-------------------------------------------------------------------------*/
#aside{
	float: left;
	width: 35%;
}
#aside img.staff{
	float: left;
	margin: 8px 8px;
	border: 3px solid #54796A;
}
#aside p{
	margin: 0 0 1.5em 0;
}
/* -----------------------------------------------------------------------
=FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	display: block;
	width: 100%;
	clear: both;
	height: 40px;
	text-align: center;
	border-top: 2px solid #54796A;
	padding: 10px 0;
}
#footer ul{
	list-style-type: none;
	float: left;
}
#footer ul li{
	float: left;
	margin: 0px 22px;
}
#footer a{
	text-decoration: none;	
	color: #54796A;
	border-bottom: 1px dashed #54796A;
}
#footer a:hover{
	border-bottom: 1px solid #54796A;
}
#footer p{
	margin: 0px;
	clear: both;
}