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

/* PROGRAM INDEX PAGE
======================================================================*/

#page_container { background-image: url(/images/bg_container_repeat_progindex.png); }
#content_container { background-image: url(/images/bg_container_progindex.jpg); }
#footer { background-image: url(/images/bg_footer_progindex.gif); }

h2.section_title {
	background-image: url(/images/progindex_title.jpg);
	width: 252px;
	height: 31px;
	margin: 11px 0 0 60px; }

.program_nav { display: none; }
/*ul.program_nav {
	list-style: none;
	margin: 0 0 10px 45px; }
	
	.program_nav li {
		float: left;
		width: 180px;
		margin: 0;
		padding: 0; }
		
		.program_nav a {
			display: block;
			width: 100%;
			height: 90px;
			border: none;
			background: transparent url(/images/prognav_homestudy.jpg) 0 0 no-repeat;
			border: none !important;
			text-indent: -5000px; }
			
		.prognav_homestudy a { background-image: url(/images/prognav_homestudy.jpg); }
		.prognav_languagearts a { background-image: url(/images/prognav_languagearts.jpg); }
		.prognav_onlineclasses a { background-image: url(/images/prognav_onlineclasses.jpg); }
		.prognav_bwl a { background-image: url(/images/prognav_bwl.jpg); }
		
		.program_nav a.current { background-position: 0 -90px; }*/

	
#content { width: 820px; float: left; margin: 0 0 0 60px; padding-bottom: 0; }

.content_window {
	clear: left;
	background: #fff url(/images/progindex_header.gif) 0 0 no-repeat;
	border: 1px solid #dedede;
	position: relative;
	margin-top: 90px; }
	
	.content_window h3 {
		height: 27px;
		background: transparent url(/images/progindex_ti_homestudy.gif) 0 0 no-repeat;
		text-indent: -5000px;
		margin-bottom: 30px; }
		
		.content_window .languagearts h3 { background-image: url(/images/progindex_ti_languagearts.gif); }
		.content_window .onlineclasses h3 { background-image: url(/images/progindex_ti_onlineclasses.gif); }
		.content_window .bwl h3 { background-image: url(/images/progindex_ti_bwl.gif); }
	
	.content_window h4 { color: #222; margin-bottom: .25em; }
	.content_window h5 { color: #222; margin-bottom: .25em; font-size: 1em;}
	
	#content .content_window h4 a { color: #222; border-width: 0; }
	#content .content_window h4 a:hover { color: #32828C; border-width: 1px; }
		
	.content_window .left_col { float: left; }
	.content_window .right_col { float: right; }
	.content_window .half { width: 360px;}
	.content_window .col_half { float: left; width: 360px; margin-right: 20px;}
	.content_window .wide { width: 400px; }
	.content_window .narrow { width: 300px; }
	
	.content_window .icon_large { padding-left: 80px; }
		.content_window .icon_large.half,
		.content_window .icon_large.col_half { width: 280px;}
		.content_window .icon_large.wide { width: 320px; }
		.content_window .icon_large.narrow { width: 240px; }
		
		.homestudy .icon_large { background: transparent url(/images/icn_homestudy_lg.png) 0 0 no-repeat; }
		.languagearts .icon_large { background: transparent url(/images/icn_languagearts_lg.png) 0 0 no-repeat; }
		.onlineclasses .icon_large { background: transparent url(/images/icn_onlineclasses_lg.png) 0 0 no-repeat; }
		.bwl .icon_large { background: transparent url(/images/icn_bwl_lg.png) 0 0 no-repeat; }
		
		.content_window .icon_large p a img { margin: -1em 0 2em; }
	
.onlineclasses .two_col,
.bwl .two_col { list-style: none; margin-left: 0; }

.content_window .bwl label { float: left; width: 100px; }
.content_window .bwl .text_field { width: 175px; }

/* @group Coda Slider */

.stripNav ul {
	list-style: none;
	width: 100%;
	position: absolute;
	top: -91px;
	margin: 0 0 10px 45px; }
	
	.stripNav li {
		float: left;
		width: 180px;
		margin: 0;
		padding: 0; }
		
		.stripNav a {
			display: block;
			width: 100%;
			height: 90px;
			border: none;
			background: transparent url(/images/prognav_homestudy.jpg) 0 0 no-repeat;
			border: none !important;
			text-indent: -5000px; }
			
		.stripNav .tab1 a { background-image: url(/images/prognav_homestudy.jpg); }
		.stripNav .tab2 a { background-image: url(/images/prognav_languagearts.jpg); }
		.stripNav .tab3 a { background-image: url(/images/prognav_onlineclasses.jpg); }
		.stripNav .tab4 a { background-image: url(/images/prognav_bwl.jpg); }
		
		.stripNav a.current { background-position: 0 -90px; }


.stripNavL, .stripNavR { display: none; } { display: none }


/* These 2 lines specify style applied while slider is loading */
.csw { width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px auto; text-align: center; }
.csw img { float: none; clear: both; margin: 0 auto; }

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 820px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	/*height: 460px;  moved into the layout to allow editing via CMS*/
	clear: both;
}
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
.stripViewer .panelContainer { 
	position: relative;
	left: 0; top: 0;
	width: 100%;
	/* -moz-user-select: none;
	// This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people 	might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 820px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 12px 20px 12px 40px;
}

/* @end */