/* @override 
	http://bravewriter.dev/stylesheets/layout.css
	http://site.bravewriter.dock.terralien.biz/stylesheets/layout.css
*/

body {
	background: #6C8B31 url(/images/bg_swirls.gif) 50% 0 repeat; }
	
#page_container {
	width: 952px;
	margin: 0 auto;
	background: transparent url(/images/bg_container_repeat_text.png) 0 0 repeat-y;
	position: relative; }

/* @group Header */

#header {
	width: 940px;
	margin-left: 6px;
	background: transparent url(/images/bg_header.gif) 0 0 no-repeat;
	height: 141px;
	position: relative; }
	
#header H1 {
	width: 330px;
	height: 78px;
	background: transparent url(/images/logo.gif) 0 0 no-repeat;
	text-indent: -5000px;
	position: absolute;
	left: 50px; top: 55px;  }
	
	#header h1 a {
		display: block;
		width: 100%;
		height: 100%; }
	
#nav-aux {
	float: left;
	width: 65%;
	list-style: none;
	margin: 0;
	padding: 12px 0 0 40px; }
	
	#nav-aux li {
		display: inline;
		border-left: 1px solid #8b9d79; }
		
	#nav-aux li.first { border: none; }
	#nav-aux li.first a { padding-left: 0; }
	#nav-aux a { color: #fff; text-decoration: none; font-size: .9166em; padding: 0 .9em 0 1em; }
	#nav-aux a:hover { color: #82b519; }
	
	#nav-aux .stButton .chicklets { padding-left: 12px; }
	

#search {
	float: right;
	position: relative;
	padding: 0px 40px 0 0; }
	
	#search .button { position: relative; top: 8px; }

/* @end */

/* @group Nav */

#nav {
	position: absolute;
	left: 448px; top: 73px; }
	
	#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 455px;
		height: 45px;
		background: transparent url(/images/nav.png) 0 -45px no-repeat; }
		
	#nav li { display: inline; }
	
	#nav a {
		display: block;
		float: left;
		height: 45px;
		text-indent: -5000px;
		background: transparent url(/images/nav.png) 0 0 no-repeat; }
		
	#nav a:hover { background-image: none; }
		
	#nav .nav-about a 			{ width: 159px; background-position: 0 0; }
	#nav .nav-gettingstarted a 	{ width: 114px; background-position: -159px 0; }
	#nav .nav-program a 		{ width: 182px; background-position: -273px 0; }
	
	body.about #nav .nav-about a 					{ background: url(/images/nav.png) 0 -90px no-repeat; }
	body.gettingstarted #nav .nav-gettingstarted a	{ background: url(/images/nav.png) -159px -90px no-repeat; }
	body.program #nav .nav-program a 				{ background: url(/images/nav.png) -273px -90px no-repeat; }
	
	

/* @end */

/* @group Content */

#content_container {
	float: left;
	clear: left;
	display: inline;
	width: 940px;
	margin: 0 6px;
	background: transparent url(/images/bg_container.jpg) no-repeat; }
	
#content {
	float: right;
	width: 480px;
	margin-right: 120px;
	padding-bottom: 50px;
	min-height: 450px; }
	
	.page_title {
		margin: 50px 0 30px; }
		
.date_list { list-style: none; margin-left: 0; }
.date_list .date { float: left; width: 50px; font-style: normal; color: #808080; }
.date_list a { color: #333; }
.date_list a:hover { color: #21a9bb; }

.aside { float: right; width: 230px; margin: 0 -60px 1.5em 20px; }

	.aside h4 {
	color: #222;
	font-size: 1em;
	margin-bottom: 0; }
	
div.order_nav { margin-bottom: 1.5em; }
	
	.order_nav h4 {
		padding-left: 40px;
		height: 28px;
		line-height: 34px;
		border-bottom: 1px solid #ddd !important;
		background: transparent url(/images/order_subscription.gif) 0 0 no-repeat;
		margin-bottom: 6px; }
		
		h4.order_subscription { background-image: url(/images/order_subscription.gif); }
		h4.order_sub_discussion { background-image: url(/images/order_sub_discussion.gif); }
		h4.order_issue { background-image: url(/images/order_issue.gif); }
		h4.already_published { background-image: url(/images/order_backissues.gif); }
		h4.download_pdf { background-image: url(/images/download_pdf.gif); }
		
	.order_nav form, .order_nav p { margin: 0 0 20px 40px; }
	
table.already_published_items { border-top: 1px solid #ddd; }
.already_published_items td { border-bottom: 1px solid #ddd; }
.already_published_items td a { border-bottom: none !important; }

/* Calendar Template (similar to program index) */
body.calendar #page_container { background-image: url(/images/bg_container_repeat_progindex.png); }
body.calendar #content_container { background-image: url(/images/bg_container_progindex.jpg); }
body.calendar #footer { background-image: url(/images/bg_footer_progindex.gif); }
body.calendar  h2.section_title { background-image: url(/images/calendar_title.jpg); width: 252px; height: 31px; margin: 11px 0 0 60px; }
	
body.calendar #content {
	background: #fff;
	border: 1px solid #ccc;
	width: 800px;
	float: left;
	margin: 0 0 0 60px;
	padding: 10px; }
	

/* @end */

/* @group Sidebar */

#sidebar {
	width: 260px;
	margin-left: 20px;
	position: relative; }
	
	.section_title {
		height: 100px;
		line-height: 170px;
		vertical-align: text-bottom;
		color: #fff;
		margin-bottom: 0;
		text-indent: -5000px;
		background: transparent url(/images/sect_blank.jpg) 0 100% no-repeat; }
		
		.homestudy .section_title,
		.languagearts .section_title,
		.onlineclasses .section_title { background-image: url(/images/sect_program.jpg); }
		.gettingstarted .section_title { background-image: url(/images/sect_gettingstarted.jpg); }
		.about .section_title { background-image: url(/images/sect_about.jpg); }
		.bwlifestyle .section_title { background-image: url(/images/sect_bwl.jpg); }
		
	.pencil {
		position: absolute;
		left: 0; top: 10px; }
		
	.testimonial {
		background: transparent url(/images/testimonial_bg.png) 115% 8px no-repeat;
		padding-left: 40px;
		font-style: italic;
		color: #45661C;
		padding-bottom: 10px; }
		
		.testimonial .cite { font-size: 1.0909em; }
		.testimonial .cite strong { color: #45661C; }
		.testimonial blockquote { color: inherit; margin: 0 20px 0 0; }

/* @end */

/* @group Subnav */

#subnav { margin-bottom: 1.6em; }

	#subnav ul { list-style: none; margin: 0; border-bottom: 1px solid #fff; }		
	#subnav li { border-top: 1px solid #fff; border-bottom: 1px solid #ccc3A9; }
		
	#subnav li.first { border-top: none; }
	#subnav li.first a { padding-top: .5em; }
	
	#subnav a {
		text-decoration: none;
		display: block;
		padding: .35em 0 .35em 40px;
		color: #4D432E;
		font-size: 1.0909em; }
		
	#subnav li:hover { background-color: #e0d9c4; }
	#subnav a:hover { color: #4a014b; }
	
	#subnav li.selected { background-color: #fff; }
	#subnav li.selected a { color: #6b006c; font-weight: bold; }
	
	/* Sub-subnav */
	#subnav li ul { width: 260px; margin-left: -24px; padding-left: 12px; border-bottom: none; }
	#subnav li li { border: none; }
	#subnav li li a { font-size: 1em; padding-top: .25em; padding-bottom: .25em; padding-left: 52px; }
	#subnav li.selected li a { font-weight: normal; color: #4d432e; }
	#subnav li.selected li.selected a { font-weight: bold; color: #6b006c; background-color: #E7DBE8; }
	
	/* Program detail navigation */
	#subnav li.homestudy,
	#subnav li.languagearts,
	#subnav li.onlineclasses,
	#subnav li.bwl {
		padding: 4px 0 4px 12px; font-weight: bold; background-position: 18px 4px; background-repeat: no-repeat; }
	
	#subnav li.homestudy { background-image: url(/images/icn_homestudy_med.png); }
	#subnav li.languagearts { background-image: url(/images/icn_languagearts_med.png); background-position: 18px 2px; }
	#subnav li.onlineclasses { background-image: url(/images/icn_onlineclasses_med.png); background-position: 18px 3px; }
	#subnav li.bwl { background-image: url(/images/icn_bwl_med.png); background-position: 18px 1px; }
	
	#subnav li.online_class a { padding-left: 68px; }

/* @end */

/* @group Footer */

#footer {
	clear: both;
	height: 140px;
	margin: 0 6px;
	padding-top: 64px;
	background: transparent url(/images/bg_footer.gif) no-repeat; }
	
	#footer h4 { color: #fff; margin-bottom: .5em; }
	#footer a { color: #294012; text-decoration: none; }
	#footer a:hover { color: #e4ffa6; }
	
	.ftr-program,
	.ftr-calendar,
	.ftr-forums { float: left; display: inline; width: 180px; }
	
	.ftr-program { margin-left: 40px; }
		
	.ftr-calendar,
	.ftr-forums { margin-left: 20px; }
	
	.ftr-contact { float: right; display: inline; margin-right: 40px; text-align: right; }
	
	.ftr-program ul,
	.ftr-calendar ul,
	.ftr-forums ul,
	.ftr-contact ul { list-style: none; margin: 0; }
	
	.ftr-program h4,
	.ftr-calendar h4,
	.ftr-forums h4 {
	 	background: transparent url(/images/ftr_program.gif) 0 0 no-repeat;
	 	text-indent: -5000px; }
	 	
	 	.ftr-calendar h4 { background-image: url(/images/ftr_calendar.gif); }
	 	.ftr-forums h4 { background-image: url(/images/ftr_forums.gif); }
		
	#footer .copyright { margin-top: 3em; }
	
	#footer .text_field {
		background-color: #749332;
		border: 1px inset #749332;  }

/* @end */


/* @group Clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix { zoom: 1;}

/* @end */
	
