/* CSS Document */

body, html {
	background:#222b79; 
	margin:5px;

	}
		
#container {
	width:748px;
	background:#6377bc url(img/clouds.jpg) no-repeat center top;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:5px;
	padding-top:25px;
	}
	
	
#main {
	background:#c6cde7 url("img/bg.jpg") repeat-x top;
	width:640px;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	border: 1px solid #222b79;

}


	
	
	
p {
font-size:12px;
font-family:  verdana, helvetica, "trebuchet ms", sans-serif; 
padding: 0px;
margin: 10px 0px 0px 0px;
color:#000066;
}

p#dk{
color:#00004D;
}

a:link,
a:visited {
text-decoration:none;
color:#330066;
}

a:hover  {
text-decoration:none;
color:#222b79;
}

a:active  {
text-decoration:none;
color:#6377bc;
}

.right {
font-size:11px;
font-family: verdana, helvetica, "trebuchet ms", sans-serif;
padding: 0px;
margin: 12px;
color:#222b79;
font-style:italic;
text-align:right;
}

.center {
text-align:center;
}

.sub {
font-size:12px;
font-weight:bold;
font-family: verdana, helvetica, "trebuchet ms", sans-serif;
text-align:left;
padding: 0px;
margin: 20px 0px 0px 0px;
color:#000066;
text-indent:0px;
}


	
	
	
#head {
	background:transparent url(img/head.gif) no-repeat;
	height:74px;
	width:640px;
	margin: auto;
	padding-bottom:5px;
}


#topbar {
	background:transparent url(img/top_hd.gif) no-repeat;
	height:8px;
	width:640px;
	margin: auto;
	padding-bottom:5px;

}
#botbar {
	background:transparent url(img/bot_hd.gif) no-repeat;
	height:8px;
	width:640px;
	margin: auto;
}



.home {
height:490px;
}



#left {
	width: 470px;
	margin: 20px 0px 20px 20px;
} 

#left h6 {
background: url(img/slogan.gif) no-repeat top;
height:90px;
margin:20px 0px 10px 10px;
}


#line {
background:transparent url(img/line.gif) no-repeat;
height:5px;
width:470px;
margin-top:12px;
margin-bottom:12px;
}

#line2 {
background:transparent url(img/line2.gif) no-repeat;
height:5px;
width:470px;
margin-top:12px;
margin-bottom:12px;
}

#about {
background: url(img/about.gif) no-repeat;
height:14px;
margin:20px 0px 0px 0px;
}

#session {
background: url(img/session.gif) no-repeat;
height:15px;
margin:20px 0px 0px 0px;
}


#stories {
background: url(img/stories.gif) no-repeat;
height:14px;
margin:20px 0px 0px 0px;
}

#orig {
background: url(img/origin.gif) no-repeat;
height:14px;
margin:20px 0px 0px 0px;
}

#healing {
background: url(img/healing.gif) no-repeat;
height:14px;
margin:20px 0px 0px 0px;
}


#box {
width: 470px;
margin: 20px 0px 20px 20px;

}

#col1 {
	width: 275px;
	margin:5px 5px 10px 20px;
	text-align:justify;
	float:left;
	display:inline;

}

#col2 {
	width: 275px;
	margin: 5px 0px 20px 20px;
	text-align:justify;
	float:left;
	position:relative;
	display:inline;

}


h2{	
margin: 0px;
height: 22px;
background: url(img/reconHeal.gif) no-repeat center;
}

h3{	
margin: 0px;
height: 23px;
background: url(img/theRecon.gif) no-repeat center;
}

h4{	
margin: 20px 0px 0px 0px;
height: 24px;
background: url(img/reconHeal3.gif) no-repeat left;
vertical-align:top;
}

h5{	
margin: 0px;
height: 24px;
background: url(img/reconPerson.gif) no-repeat left;
vertical-align:top;
}

/******** Navigation *********/ 

#navcontainer {
	padding: 0px;
	margin:0px;
	position: relative;
    float:right;
	height: 218px;
	width: 140px;
	display:inline;
}

ul#navlist {
padding:6px;
background:#ffffff url(img/nav_bar.gif) no-repeat center top;

}

#navlist li
{
list-style-type: none;
color: #000066;
font-family: "trebuchet ms", verdana, helvetica,  sans-serif;
font-weight: 300;
text-align: center;
padding-bottom:10px;
padding-top:6px;
padding-left: 0px;
margin: 0px;
font-size: 12px;
background:#ffffff url(img/nav_bar.gif) no-repeat center bottom;
letter-spacing:1px;
}

#navlist li a
{
color: #000066;
text-decoration: none;
display: block;
}

#navlist li a:hover
{
background-color: #2e3f98;
color: #ffffff;
}

#navlist li a:active
{
background-color: #d7dcef;
color: #222b79;
}

#foot {
vertical-align: bottom;
font-size:10px;
color:#000066;
font-family:  verdana, helvetica, "trebuchet ms", sans-serif;
text-align: center;
margin-top:15px;
}