/* *** 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(../ced/photoshop_36Hours/images_ps1/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:#997581;}
a:hover {color: #de5984; 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;}

h3.date{margin-top:-9px; margin-bottom:11px; font-size:.87em !important; letter-spacing:3px;}

h2.smallerHeading{
margin-top:25px; margin-bottom:-15px; font-size:1.2em !important; padding-left:9px; /*font-weight:600;*/ } /* Student Lessons page */

h2.firstLesson{
margin-top:11px; margin-bottom:-15px; font-size:1.2em !important; padding-left:9px; /*font-weight:600;*/ } /* Student Lessons page */

h2.subLesson{
margin-top: -15px; margin-bottom:-14px; font-size:1.02em !important; margin-left:27px !important;}/* Student Lessons - when there are more than 1 listed - sub lessons */

img{border:0;}

img.download {vertical-align:middle;}

img.small {margin:4px 6px 2px 0; border:solid 8px #e4e4e4;}

/* ---------- 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;
	}
	
/* ------------ CONTENT BODY LINKS -------------- */
#content a{text-decoration:none;}
#content a:link {color: #db7093;}
#content a:visited {color:#997581;}
#content a:hover {color: #de5984; text-decoration:underline;}
#content a.noline:visited{color:#db7093; text-decoration:none;}
#content a.noline:hover{color: #de5984; text-decoration:none;}
#content a:active { color:#000;}

/* --------- 	LESSONWRAPPER DIV ------ */
#content #lessonWrapper.classFiles
	{
		/*float:left;*/
		width:100%;
		min-height:1200px;
		/*clear:right;
		border:1px solid blue;*/
	}
/* --------- LESSONWRAPPER DIV  LINKS ------ */
#lessonWrapper a{text-decoration:none;}
#lessonWrapper a:link {color: #db7093;}
#lessonWrapper a:visited {color:#db7093;}
#lessonWrapper a:hover {color: #de5984; text-decoration:underline;}
#lessonWrapper a:active { color:#000;}	

/* --------- LESSONWRAPPER OL MARGINS ------ */
#lessonWrapper ol{margin-left:-19px;}
#lessonWrapper ol li{margin-left:7px; padding-left:3px;}


/* --------- 	LEGEND DIV - What's Different in CS5 ------ */
#content div.square
	{
		float:right;
		width:38.1%; /* 40% but adjusted for Chrome */
		background:#faf7f3; /*#e1ddd9; */
		margin:32px 16px 10px 5px;
		min-height:235px;
		border-top:2px solid #c79caa;
		border-right:2px solid #d4a5b4;
		border-bottom:4px solid #c85b7e;
		border-left:4px solid #c85b7e;
		clear:right;
	}
	
#content div.square a{font-size:1em; font-family:"Times New Roman", Times, serif; text-decoration:none;}
#content div.square a:link{color:#010158; text-decoration:none;}
#content div.square a:visited {color:#010158; text-decoration:none;}
#content div.square a:hover {color: #4e4efd;}
#content div.square a:active {color:#010158;}

#content div.square ul{list-style-type:square; margin-top:7px;}
#content div.square li{margin-bottom:3px; margin-left:0;}

#content div.square h3{background:#c85b7e; min-height:2.4em; margin:1px;  font-family:"Times New Roman", Times, serif; font-size:.97em !important; color:#fff; font-weight:600; text-transform:uppercase; border-bottom:1px solid #ccc;}

#content div.square span.stretch{font-family:Arial, Helvetica, sans-serif; font-size:.8em !important; font-weight:400 !important; text-transform:none; letter-spacing:1px;}

#content div.square .bold{color:#ff0; font-weight:600;}

/* -------------- HOME DIV ---------------- */	
	
#content #home /*Home and top links */
	{
		margin:2.2em 4em .7em 5px;
		font-family: Arial, SunSans-Regular, Sans-Serif;
		text-align:right; 
	}
	
#content #homeShort
	{
		margin:2.2em 13em .5em 5px; 
		text-align:right; 
	}		
	
#content #homeWide /*Home and top links */
	{
		margin:0;
		text-align:right; 
	}


/* -------- 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;
	}

/* --------- 	PULLQUOTE DIV ------ */
#content #pullquote
	{
		foat:left; 
		width:100%;
	}
#content #pullquote p{background-color:#fde9fd; margin:11px 19px 11px 19px; padding-top:4px; padding-bottom:4px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#303030 !important; font-size:.92em !important; border-left:7px solid #c85b7e;}
#content #pullquote .boldText {
	/*color: #c85b7e; */ font-weight:600; 
}
.smallNums{font-size:.87em !important;}


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;
	}
	
.indent{margin-left:18px;} /* Form left margin */

	

/* -------------- LEFT SIDEBAR DIV ------------- */
#left 
	{
		float: left;
		width: 200px /*20%*/;
		height:  670px; /* 625px; | 625px for 36-Hour Course | 500px for 20-Hour Course | 670px for Droid*/ 
		margin: 0;
		padding: 0;
		background:url("../ced/photoshop/images_ps1/Logo/Quote.jpg") no-repeat scroll bottom right;
		font-family: Arial, SunSans-Regular, Sans-Serif;	
	}

#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;
		font-family: Arial, SunSans-Regular, Sans-Serif;
		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;
	}