/* CSS Document */

/* ====================================
   Basics
=====================================*/

body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-image: url(../images/bg_repeat2.jpg);
	background-repeat: repeat-x;
	
}

hr {
	color:#999999;
	background-color:#999999;
	margin-top:10px;
	margin-bottom:10px;
	height:1px;
}

a:link {color:#38779D; text-decoration:underline; font-size:12px;}
a:hover {color:#666666; text-decoration:underline; font-size:12px;}
a:active {color:#38779D; text-decoration:underline; font-size:12px;}
a:visited {color:#38779D; text-decoration:underline; font-size:12px;}

.container {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#left_shadow {
	width:98px;
	height:98px;
	float:left;
	display:inline;
	background-image:url(../images/shadow_left.jpg);
}

#right_shadow {
	width:98px;
	height:98px;
	float:left;
	display:inline;
	background-image:url(../images/shadow_right.jpg);
}

#main_body {
	width:488px;
	float:left;
	display:inline;
	padding-top:20px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:20px;
}

#main_body2 {
	width:704px;
	float:left;
	display:inline;
	padding-top:20px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:20px;
}

#right_column {
	width:176px;
	float:left;
	display:inline;
	margin-left:15px;
	margin-top:25px;
	margin-right:25px;
}

#header1 {
	width:950px;
	height:169px;
	background-image:url(../images/header_1.jpg);
	float:left;
	display:inline;
}

#header2 {
	width:950px;
	height:169px;
	background-image:url(../images/header_2.jpg);
	float:left;
	display:inline;
}

#header3 {
	width:950px;
	height:169px;
	background-image:url(../images/header_3.jpg);
	float:left;
	display:inline;
}

#header4 {
	width:950px;
	height:169px;
	background-image:url(../images/header_4.jpg);
	float:left;
	display:inline;
}

#header5 {
	width:950px;
	height:169px;
	background-image:url(../images/header_5.jpg);
	float:left;
	display:inline;
}

#header6 {
	width:950px;
	height:169px;
	background-image:url(../images/header_6.jpg);
	float:left;
	display:inline;
}

#header7 {
	width:950px;
	height:169px;
	background-image:url(../images/header_7.jpg);
	float:left;
	display:inline;
}
#header8 {
	width:950px;
	height:169px;
	background-image:url(../images/header_8.jpg);
	float:left;
	display:inline;
}
#header9 {
	width:950px;
	height:169px;
	background-image:url(../images/header_9.jpg);
	float:left;
	display:inline;
}

.featured_title {
	font-family:"Arial", helvetica, san-serif;
	font-size:12px;
	font-weight:bold;
	color:#38779D;
}

#main {
	float:left;
	display:inline;
	width:523px;
	padding:20px;
}

#right_rail {
	width:222px;
	float:left;
	display:inline;
	padding-top:20px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:20px;
}

#footer {
	width:754px;
	height:22px;
	margin-left:98px;
	margin-top:30px;
	margin-bottom:10px;
	background-image:url(../images/footer_blue.jpg);
	float:left;
	display:inline;
	padding-top:12px;
	text-align:center;
	color:#FFF;
	font-size:10px;
}

#legal {
	float:left;
	display:inline;
	width:754px;
	text-align:center;
	margin-left: 98px;
	font-size:10px;
	margin-bottom:30px;
}	

#footer a:link {color:#FFF; text-decoration:none; font-size:10px;}
#footer a:hover {color:#CCCCCC; text-decoration:none; font-size:10px;}
#footer a:active {color:#FFF; text-decoration:none; font-size:10px;}
#footer a:visited {color:#FFF; text-decoration:none; font-size:10px;}

.normal {color:#006699; text-decoration:none; font-size:12px;}

.grey {color:#333333; text-decoration:none; font-size:12px; text-decoration:underline;}

.headline_blue {
	font-family:"Arial", helvetica, san-serif;
	font-size:16px;
	font-weight:bold;
	color:#006699;
}

.headline_green {
	font-family:"Arial", helvetica, san-serif;
	font-size:16px;
	font-weight:bold;
	color:#336600;
}

.book_green {
	font-family:"Arial", helvetica, san-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#336600;
}

.price_blue {
	font-family:"Arial", helvetica, san-serif;
	font-size:12px;
	font-weight:bold;
	color:#006699;
}

#quicklist {
	border:#CCCCCC thin double;
	padding:5px;
	line-height:1.5;
}

.quote {
	float:left;
	display:inline;
	width:175px;
	padding:5px;
	font-weight:bold;
	color:#006699;
	font-size:14px;
	height: 300px;
}

.quote1 {
	float:left;
	display:inline;
	width:45px;
	height:45px;
	background-image:url(../images/quote1.gif);
}

.quote2 {
	float:right;
	display:inline;
	width:45px;
	height:45px;
	background-image:url(../images/quote2.gif);
}

.book {
	width:104px;
	height:132px;
	float:left;
	display:inline;
}

.bookth {
	width:50px;
	height:60px;
	float:left;
	display:inline;
}

/*============================================================
 Main Navigation
============================================================*/

#menu {
	width:950px;
	float:left;
	display:inline;
	
}

#nav {
	width:950px;
	font-size: .5em;
	font:Helvetica;
	padding: 0;
	margin: 0;	
}

#green_bar{
	width:300px;
}

#nav li {
	height: 34px;
	float: left;
	border-bottom: 0;
	background: url() 0 0 no-repeat;
	padding: 0;
	margin: 0;
	list-style:none;
}

#nav a { /*image replace */
	display: block;
	padding: 34px 0 0 0;
	height: 0px !important;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#nav li#spacer {
	width:98px;
	height:34px;
}

/* HOME BUTTON */
#nav li#btn1, #btn1 a {
	background-image: url(../images/nav1a.jpg);
	width: 82px;
	overflow: hidden;
	height:34px;
}
#nav li#btn1, #btn1 a:hover {
	background-image: url(../images/nav1b.jpg);
	width: 82px;
	overflow: hidden;
	height:34px;
}

#nav li#btn1b, #btn1b a {
	background-image: url(../images/nav1b.jpg);
	width: 82px;
	overflow: hidden;
	height:34px;
}	


/* ABOUT BUTTON */
#nav li#btn2, #btn2 a {
	background-image: url(../images/nav2a.jpg);
	width: 99px;
	overflow: hidden;
	height:34px;
}
#nav li#btn2, #btn2 a:hover {
	background-image: url(../images/nav2b.jpg);
	width: 99px;
	overflow: hidden;
	height:34px;
}

#nav li#btn2b, #btn2b a {
	background-image: url(../images/nav2b.jpg);
	width: 99px;
	overflow: hidden;
	height:34px;
}


/* COUNSELING BUTTON */
#nav li#btn3, #btn3 a {
	background-image: url(../images/nav3a.jpg);
	width: 104px;
	overflow: hidden;
	height:34px;
}
#nav li#btn3, #btn3 a:hover {
	background-image: url(../images/nav3b.jpg);
	width: 104px;
	overflow: hidden;
	height:34px;
}

#nav li#btn3b, #btnb3 a {
	background-image: url(../images/nav3b.jpg);
	width: 104px;
	overflow: hidden;
	height:34px;
}


/* WEDDINGS BUTTON */
#nav li#btn4, #btn4 a {
	background-image: url(../images/nav4a.jpg);
	width: 92px;
	overflow: hidden;
	height:34px;
}
#nav li#btn4, #btn4 a:hover {
	background-image: url(../images/nav4b.jpg);
	width: 92px;
	overflow: hidden;
	height:34px;
}

#nav li#btn4b, #btn4b a {
	background-image: url(../images/nav4b.jpg);
	width: 92px;
	overflow: hidden;
	height:34px;
}


/* BOOKS BUTTON */
#nav li#btn5, #btn5 a {
	background-image: url(../images/nav5a.jpg);
	width: 146px;
	overflow: hidden;
	height:34px;
}
#nav li#btn5, #btn5 a:hover {
	background-image: url(../images/nav5b.jpg);
	width: 146px;
	overflow: hidden;
	height:34px;
}

#nav li#btn5b, #btn5b a {
	background-image: url(../images/nav5b.jpg);
	width: 146px;
	overflow: hidden;
	height:34px;
}

/* SPEAKING BUTTON */
#nav li#btn6, #btn6 a {
	background-image: url(../images/nav6a.jpg);
	width: 131px;
	overflow: hidden;
	height:34px;
}
#nav li#btn6, #btn6 a:hover {
	background-image: url(../images/nav6b.jpg);
	width: 131px;
	overflow: hidden;
	height:34px;
}

#nav li#btn6b, #btn6b a {
	background-image: url(../images/nav6b.jpg);
	width: 131px;
	overflow: hidden;
	height:34px;
}

/* CONTACT BUTTON */
#nav li#btn7, #btn7 a {
	background-image: url(../images/nav7a.jpg);
	width: 100px;
	overflow: hidden;
	height:34px;
}
#nav li#btn7, #btn7 a:hover {
	background-image: url(../images/nav7b.jpg);
	width: 100px;
	overflow: hidden;
	height:34px;
}

#nav li#btn7b, #btn7b a {
	background-image: url(../images/nav7b.jpg);
	width: 100px;
	overflow: hidden;
	height:34px;
}
