body {
	margin:0;
	padding:0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	background: #e2e2e2 url(../images/bg-main.gif) repeat-x top;
}
img{border:none;}	
#wrap-content {
	width:960px;
	margin:0px auto;
}
	
#header {
	clear:both;
	width:960px;
	height:90px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
	
	#header h1{
	font: 38px Georgia, "Times New Roman", Times, serif;
	color: #333F4D;
	border-bottom: none;
	float: left;
	letter-spacing: 2.2px;
	margin: 0px;
	padding: 0px;
	}	
#subhead {
	background: transparent url(../images/bg-subhead.jpg) repeat-x;
	height: 247px;
	margin: 0px auto;
	padding: 0px;
}
#subhead #box {
	background: url(../images/bg-subhead-devon.jpg) no-repeat;
	height: 215px;
	width: 960px;
	margin: 0px auto;
}
#subhead-inside {
	background: transparent url(../images/bg-subhead-inside.jpg) repeat-x;
	height: 103px;
}
#subhead-inside #box {
	background: url(../images/bg-subhead-inside-bg.jpg) no-repeat;
	margin: 0px auto;
	width: 960px;
	height: 74px;
}
#subhead-inside #box h1 {
	color: #e2e2e2;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 20px;
	font-size: 28px;
}
.slogan {
	color:#e2e2e2;
	font: 28px Georgia, "Times New Roman", Times, serif;
	width: 420px;
	text-align: left;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 250px;
	padding-left: 200px;
	padding-top: 90px;
}
	
.location {
	color:#bd4f50;
	font: 13pt Tahoma, Arial;
	width: 300px;
	text-align: right;
	float: right;
}
	
.date {
	text-align: right;
	float: right;
	width: 300px;
	font-size: 12px;
	margin-top: 20px;
	padding-right: 18px;
}
		
#callout {
	clear:both;
	width:920px;
	padding-bottom: 6px;
	margin: 0px auto 6px;
	padding-top: 0px;
	height: 270px;
}

#callout h1{
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #6fad8e;
}
.calloutleft {
	float: left;
	width: 360px;
	padding: 0px 10px 0px 0px;
}

.ad_area{
	width: 520px;
	float: left;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 14px;
}
.featured {
	background: #333333 url(../images/bg-featured.jpg) no-repeat;
	height: 213px;
	width: 508px;
	border: 1px solid #000;
}


/* navigation */
.invertedshiftdown2{
	padding: 0;
	width: 100%;
	border-top: 8px solid #6fad8e; /*Highlight red color theme*/
	background: transparent;
}

.invertedshiftdown2 ul{
	margin:0 0 0 370px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.invertedshiftdown2 li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}

.invertedshiftdown2 a{
	float: left;
	display: block;
	font: bold 13px Tahoma, Arial;
	color: #222;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 5px 10px 5px 10px; /*Padding within each menu item*/
	background-color: #e2e2e2; /*Default menu color*/
	border-bottom: 8px solid #e2e2e2;
}

.invertedshiftdown2 a:hover{
	background-color: #6fad8e; /*Highlight red color theme*/
	padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 0; /*Set padding-bottom value to 0 */
	border-bottom-color: #6fad8e; /*Highlight red color theme*/
	color: #fff;
	text-decoration: none;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
	background-color: #6fad8e; /*Highlight red color theme*/
	padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 0; /*Set padding-bottom value to 0 */
	border-bottom-color: #6fad8e; /*Highlight red color theme*/
	color: #fff;
}

#myform{ /*CSS for sample search box. Remove if desired */
	float: right;
	margin: 0;
	margin-top: 2px;
	padding: 0;
}

#myform .textinput{
	width: 190px;
	border: 1px solid gray;
}

#myform .submit{
	font: normal 12px Verdana;
	height: 22px;
	border: 1px solid #D10000;
	background-color: black;
	color: white;
}
	
#main {
	width:935px;
	clear:both;
	border: 1px solid #a8a7a7;
	background: #f2f2f2;
	margin: 0px auto 12px;
	padding: 14px 10px 6px;
}
	

#content {
	width:612px;
	padding-right:10px;
	padding-bottom:4px;
	float:left;
	line-height: 14pt;
	padding-left: 8px;
	border-right: 1px none #b3b2b2;
}

#contentsingle {
	width:910px;
	line-height: 14pt;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
}


#sidebar {
	float:right;
	width:260px;
	line-height:14pt;
	padding-left: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
	padding-right: 12px;
}

#sidebarphoto {
	border: 1px solid #CCCCCC;
	width: 300px;
	background: #fff;
	padding: 10px;
}

/*   2 col home      */
.column2-unit-left {
	float:left;
	width:420px;
	margin-bottom:4px!important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	padding-bottom: 4px;
	margin-left: 4px;
	padding-right: 6px;
}
.column2-unit-right {
	float:left;
	width:480px;
	margin-bottom:4px!important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-left: 14px;
	border: 1px none #b3b2b2;
	padding-bottom: 4px;
}

/*   3 col home      */
.column3-unit-left {
	float:left;
	width:230px;
	margin-bottom:8px!important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	padding-bottom: 8px;
	margin-left: 4px;
	border: 1px solid #b3b2b2;
	color: #374353;
	padding-right: 8px;
	padding-left: 8px;
	height: 296px;
	background: url(../images/bg-cl2.jpg) repeat-x top;
}
.column3-unit-middle {
	float:left;
	width:332px;
	margin-bottom:8px!important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-left:12px;
	margin-right: 4px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	color: #374353;
	height: 296px;
	border: 1px solid #b3b2b2;
	background: url(../images/bg-cl2.jpg) repeat-x top;
}
.column3-unit-right {
	float:left;
	width:266px;
	margin-bottom:8px!important /*Non-IE6*/;
	margin-bottom:5px /*IE6*/;
	margin-left: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	border: 1px solid #b3b2b2;
	color: #374353;
	padding-left: 8px;
	height: 296px;
	background: url(../images/bg-cl2.jpg) repeat-x top;
}

.scrollboxmain {

	overflow: auto;
	border: none;
	width: 264px;
	padding: 4px;
}

#topbar {
	width:950px;
	clear:both;
	height:29px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 6px;
}
	
#footer {
	clear:both;
	height:100px;
	line-height:14pt;
	background: #384555;
	color: #fff;
	font-size: 12px;
	margin: 0px auto;
}
#footer #contain {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
	padding-top: 8px;
	font-size: 11px;
}

.footerleft {
	float: left;
	width: 480px;
	padding-top: 2px;
	
}
	
.footerright {
	float: right;
	width: 220px;
	padding-top: 2px;
	text-align: right;
	
}
	
#footer a {
		color:#fff;
		text-decoration:none;
}
	
#footer a:hover {
		text-decoration:underline;
}
	
.hide {
		text-decoration:none;
}
	
h1 {
	color:#6fad8e;
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	padding-top: 0px;
}
	
h2 {
		color:#313c49;
		font: normal 20px Tahoma, Arial;
}
	
h3 {
	color:#313c49;
	font: normal 20px Tahoma, Arial;
	margin-top: 0px;
}
	
h4 {
	color:#313c49;
	margin: 0px;
	padding: 0px 0px 2px;
	font-size: 15px;
}	

a {
		color:#374353;
		text-decoration:underline;
}
	
a:hover {
	text-decoration:none;
	color: #6fad8e;
}
	
.navlist {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	font-weight: normal;
	line-height: 24px;
}

.navlist li {
	padding-left: 21px;
	background: url(../images/bullet.gif) no-repeat 0 0.4em;
}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
	
#myGallery
{
	text-align: left;
	margin: 0 auto;
	float: left;
}
.books {
	background: url(../images/ico_books.gif) no-repeat left center;
	padding-left: 45px;
	color: #374353;
	font-size: 12px;
	font-weight: bold;
	width: 130px;
	height: 28px;
}
.speaking {
	background: url(../images/ico_mic.gif) no-repeat left center;
	padding-left: 45px;
	height: 28px;
	color: #374353;
	font-size: 12px;
	font-weight: bold;
}
.radio {
	background: url(../images/ico_radio.gif) no-repeat left center;
	padding-left: 45px;
	height: 28px;
	color: #374353;
	font-size: 12px;
	font-weight: bold;
}
.counseling {
	background: url(../images/ico_counseling.gif) no-repeat left center;
	padding-left: 45px;
	height: 33px;
	color: #374353;
	font-size: 12px;
	font-weight: bold;
}

/* Home Slider */

/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
    /* // image replacement */
			
#slider-content{
	position:relative;
	width: 480px;
	margin: 0px auto;
	background: #f2f2f2;
	height: 230px;
}			

/* Slider */

#simplegallery1{ 
	height: 230px;
	position: relative;
	visibility: hidden;	
}

#simplegallery1 .gallerydesctext{ 
	text-align: left;
	padding: 2px 5px;
}

/* Book Glider */
.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 320px;
	height: 230px; /* Set height to be able to contain height of largest content shown*/
	border: 1px none #687C98;
	overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute;
	visibility: hidden;
	width: 314px;
	padding: 2px;
	background: #F2F2F2;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	width: 302px;
	margin-top: 4px;
	text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
	display: inline;
	color: #384555;
	padding: 3px;
	margin-right: 3px;
	font-weight: bold;
	text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
	background: #E4EFFA;
	color: black;
}

.glidecontenttoggler a:hover{
	background: #E4EFFA;
	color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
	background: #6fad8e;
	color: #fff;
}

/* article styles */
h2 a:link {
	text-decoration: none;
	color: #000;
}

h2 a:visited {
	color:#000;
	text-decoration: none;
}

h2 a:hover {
	color:#6fad8e;
	text-decoration: underline;
}

.comment-header h2 {
	font-size:1.2em;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
}

.more {
	padding-bottom: 10px;
}

.more a:link {
	color:#666;
	text-decoration: underline;
	font-weight: bold;
}

.more a:visited {
	color:#666;
	text-decoration: underline;
}

.more a:hover {
	color:#6fad8e;
	text-decoration: none;
}
hr {
	width: 100%;
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 10px 0;
	border-top: 1px solid #aaa;/*the border*/
	height: 1px;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
} 


.nopad {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.publish {
	font-size: 10px;
	color: #aaa;
}
/* Form style */

div.form-container {
	background-color: #f2f2f2;
	width: 530px;
}
.legend { 
	margin-bottom: 1em; 
}

.legend em { 
	color: #C00; font-style: normal; 
}
	
div.errors { 
	margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; 
}

div.errors p { 
	margin: 0; 
}

div.errors p em { 
	color: #C00; font-style: normal; font-weight: bold; 
}
	
div.form-container form p { 
	margin: 0; 
}

div.form-container form p.note { 
	margin-left: 170px; font-size: 90%; color: #333; 
}

div.form-container form fieldset {
	margin: 10px 0;
	border: 1px solid #cbcbcb;
	padding: 8px;
}

div.form-container form legend {
	font-weight: bold;
	color: #444;
	font-size: 16px;
}

div.form-container form fieldset div { 
	padding: 0.25em 0 0.25px; 
}

div.form-container label, div.form-container span.label { 
	margin-right: 10px; padding-right: 10px; width: 130px; display: block; float: left; text-align: left; position: relative; 
}

div.form-container label.error, div.form-container span.error { 
	color: #C00; 
}

div.form-container label em, div.form-container span.label em { 
	position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; 
}

div.form-container input.error { 
	border-color: #C00; background-color: #FEF; 
}

div.form-container input:focus, div.form-container input.error:focus, div.form-container textarea:focus {	
	background-color: #FFC; border-color: #FC6; 
}

div.form-container input, textarea, select {
	border: 1px solid #cbcbcb;
	background: #f5f5f5;
	padding: 4px;
}

div.form-container div.controlset label, div.form-container div.controlset input {
	display: inline;
	float: none;
}

div.form-container div.controlset div { 
	margin-left: 10px; 
}

div.form-container div.buttonrow { 
	margin-left: 180px; 
}

div.form-container input.submit { 
	cursor: pointer; border: 1px solid #222; background:#333; color:#CCCCCC;; 
}
div.form-container input.submit:hover { 
	background:#444; 
}

span.red{ font-size: 13px; color: #ff0000; } 


/* rss feed */
.labelfield{ /*CSS for label field in general*/
	color:#666666;
	font-size: 11px;
	font-style: italic;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 11px;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

