/* *** css by miss monorom www.intensivstation.ch  css modified by Byronsbyte Consulting *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

/* Hack - centers body on page. The transparent image repeats left and spans the longest div so that the page automatically expands regardless of how much text is in a particular div*/
body 
	{

		background:#e1ddd9 url(../photoshop/images/backgrounds/bk_hack.gif) repeat-y scroll left top;
		margin:2px auto;
		padding:0;
		font-size: .9em;
		font-family: Arial, SunSans-Regular, Sans-Serif;
		color:#564b47;
	}
	
a {color: #DB7093; text-decoration:none;}
a:visited {color:#DB7093;}
a:hover {color: #DB7093;; text-decoration:underline;}
a.noline:hover{text-decoration:none;}
a:active { color:#000;}

h1 {
font-size: .8em;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:15px 5px 3px 5px;
margin:0px }

h2, h3 {
font-size:1.02em;
font-weight: normal;
padding: 15px 5px 7px 5px;
margin:0px;}

h3{
font-size:1em;}

h2.smallerHeading{
font-size:1.2em !important; padding-left:47px; margin-bottom:-7px;} /* Student Lessons page */

img{border:0;}

img.download {vertical-align:middle;}

/* ---------- WRAPPER DIV -------------- */
#container 
	{
		width: 89%; /* formerly 82% which came to 800px*/
		margin-bottom: 2px;
		margin-left: auto;
		margin-right: auto;
		background: #EBD3E0; /* Displays as Left Div background*/
	}

/* ---------- MASTHEAD DIV -------------- */
#banner 
	{
		background:#000020;
		text-align:right;
		padding:0;
		margin:0px;
	}

#banner h1
	{
		padding-right:5px;
	}

#banner h1.banner
	{
		padding:5px;
	}

#banner h1.banner a /* utility links */
	{
		color:#564b47;
	} 
	
#banner img {padding:0px;} 

/* -----------------CONTENT DIV - RIGHT COLUMN --------------------- */
#content 
	{
		background: #fff;
		padding: 0px;
		margin-left: 220px;
		margin-right: 0px;
		min-height:750px;
		/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
	}
#content p{margin:7px 14px auto 14px;}
#content p.move{margin-left:17px;}
#content h2{margin-left:14px; font-size:1.5em;}
#content h3,h4{font-size:.93em; padding:5px 14px 5px 19px;}
.sylHeading /* Syllabus h3 and h4 headings */
	{
		margin:1em auto -11px 0;
		font-size:1.1em !important;
		font-weight:600;
	}
.sylLessTop /* First heading in list */
	{
		margin:.2em auto -11px 0;
		font-size:1.1em !important;
		font-weight:600;
	}

/* Main Picture Demo Table */	
#content table#large
	{
		float:left;
		width:82%;
		margin:-11px 14px 9px 14px;
		clear:right;
	}
#content table#large td
	{
		vertical-align:top;
	}
#content table#large img
	{
		margin-bottom:.7em;
	}
		
#content .largeImage
	{
		border:solid 15px #e4e4e4;
	}

/* More Lessons table */	
#content #More 
	{
		float:left;
		width:92%;
		padding:20px 9px 5px 23px;
		clear:right;
	}
	
#content #More h3.heading
	{
		margin: 2.5em 0 14px 0 !important;
		padding:0;
		font-size: 1.4em !important;
	}

#content #More table#lessons
	{
		width:74%;
		padding:0;
	}
	
#content #More table#lessons th tr td
	{
		
		padding:0;	
		text-align:center;	
	}
	
#content #More table#lessons h3
	{
		text-align:center;
	}	
	
#content #More table#lessons img
	{
		padding:1px 3px 0 0;
	}	
	
#content #home /*Home and top links */
	{
		margin:2.2em 4em .7em 5px;
		text-align:right; 
		clear:right;
	}
#content #homeShort{margin:2.2em 13em .5em 5px; text-align:right; clear:right;}	
	

p, pre
	{
		padding: 0px 5px;
		margin:0px;
	}
	
table#grades{width:45%; padding-left:14px; border:0;}
	
/* ---------------- FORM FORMATTING ------------------- */	
/*form{width:82%; margin-left:14px; font-size:.85em !important;} */
input:focus {background:#fee8ed;} /* dynamically highlight text fields in forms */
fieldset.bold{font-weight:600; border:solid #bfb2ae 1px;}
label.noBold{font-weight:400; padding-left:11px;} 
label.contact
	{
		float:left;
 		width:16%;
		text-align:right;
		font-weight:400 !important;
	}
legend{background:#fee0e7; margin:3px 9px; color:#564b47; font-weight:400; border:solid 1px #c03;}
select{color:#564b47; /*#463e3b;*/}  dropdown menu items
/* For text field formatting. Decided against this formatting on this form. 
	 input
	 	{
			border-top:solid #736560 1px; 
			border-bottom:solid #a08d86 1px; 
			border-left:solid #736560  1px; border-right:solid #a08d86 1px;
		} */
/* input{background:#fee8ed;;} text fields */
/* textarea {background:#fee8ed;} not in use */
/*.submitButton{background:#fee0e7;}  change background color of submit button. */

	
	
	
/* --------------- CLASSES ------------------------ */	
.leftMargin /* catch all class for objects in content div */
	{
		margin-left:14px;
	}
.pad
	{
		margin-top:11px;
		margin-bottom:-9px;
	}

	

/* -------------- LEFT SIDEBAR DIV ------------- */
#left 
	{
		float: left;
		width: 200px /*20%*/;
		height:620px;
		margin: 0;
		padding: 0;
		background:url("../photoshop/images/Logo/Quote.jpg") no-repeat scroll bottom right;	
	}

#left h2{padding:9px 5px 4px 17px;}	
#left p{padding:0px 5px 5px 17px;}
#left a {font-size:1em; color:#000020; text-decoration:none;}
#left a:visited {color:#000020; text-decoration:none;}
#left a:hover {color: #DB7093;; text-decoration:underline;}
#left a:active {color:#000; text-decoration:none;}

/* ----------- FOOTER DIV --------------------------- */
#footer 
	{
		margin: 0px;
		padding: 0px;
		text-align: right;
		clear: both; 
	}
#footer h1.footer
	{
		padding:7px;
		font-size:.57em;
	}
#footer a{color:#564b47 !important;}
	
/* -----------images--------------------------- */

.imgBorder {
	border: 1px solid #ccc;
}

.leftMargin{padding-left:5px;}

.minusBottom{margin-bottom:-9px;}

.bold{font-weight:900;} /* bold text */


ul li.sub {
	list-style:margin:3px 0 5px -28px;
}

ul li.bottomSpace{padding-bottom:7px; padding-right:14px;}

table#video {
		margin-left: 45px;
}
table#sched{margin:7px 6px 7px 16px; border:1px solid #876;}
table#sched th{background:#EBD3E0; color:#000020; text-align:center; font-weight:400; padding:3px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #876;}
table#sched td{padding:3px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
table#sched td.noRight{padding:3px; border-right:0;}
table#sched td.noLeft{padding:3px; border-left:0;}
table#sched td.noBottom{padding:3px; border-bottom:0;}
table#sched td.noBoth{padding:3px; border-left:0; border-bottom:0;}
table#sched td.pad{padding:0 3px; vertical-align:top;}
.padRight{padding-right:18px;]


.date
{
	font-size: .75em;
	line-height: .5em;
}

/* Curly Quotes - http://www.designmeme.com/articles/csscurlyquotes/ */
#CurlyQuotes
	{
		display: block;
		border:1px solid #000; /* measure */
		margin-top:10px;
		padding: 0 60px;
		width: 360px;
	}

#CurlyQuotes blockquote:before, blockquote:after 
	{
		color: #000; /*#69c; */
		display: block;
		font-size: font-size: 700%;
		width: 50px;
	}

#CurlyQuotes blockquote:before 
	{
		content: open-quote;
		height: 50px; /*0px;*/
		margin-left: 0; /* -0.55em; */
	}

#CurlyQuotes blockquote:after 
	{
		content: close-quote;
		height: 50px;
		/*margin-top: -70px;*/
		margin-left: 360px;
	}