/* Master Reset 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }*/
/*div { overflow:hidden; width:100%; }*/

img { border:none; }
h1,h2,h3,h4,h5 { margin:0; padding:0; }
p { margin:0; }

#photostreamcontainer { padding: 0 0 12px 12px; float: left; width: 600px; }
#photostream { background-color: white; float: left; width: 600px; }
#photostream #photostreamtext { padding: 12px 0 12px 12px; float: left; width: 120px; min-height: 162px; }
#photostream .flickrlogo { display: block; width: 74px; margin: 0 0 12px 0; }
#photostream ul { padding: 12px 0 0; width:452px; margin: 0; float: right; }
#photostream ul li { display: block; padding: 0; margin: 0; float: right; width: 87px; height: 87px; }
#photostream ul li a { display: block; float: left; width: 75px; height: 75px; overflow: hidden; background-image: url('flickrpulse.gif'); background-position: center center; background-repeat: no-repeat;  }
#photostream ul li a:hover { outline:2px solid #FFDE00; }
.loader { background-image: url('flickrpulse.gif'); background-position: 12px 110px; background-repeat: no-repeat; }

/* Blocks */
html, body { height:100%; margin:0; padding:0; }
body { color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-repeat:no-repeat; background-position:left top; background-image:url('bg_yellow_1.gif'); background-color:#ffde00; }

#content a { font-weight:bold; }
#footer a { text-decoration:underline; }
#footer a, .step_next, .step_back { color:#494e53; }
.body-facilitators { background-image:url('bg_green_1.gif'); background-color:#d6e03d; }
	.body-facilitators #nav a { color:#576c00; }
	.body-facilitators #content h2 { color:#b5d338; }
.body-teachers { background-image:url('bg_lilac_1.gif'); background-color:#b9b2d9; }
	.body-teachers #nav a { color:#6666CC; }
	.body-teachers #content h2 { color:#9d92c7; }
.body-youths { background-image:url('bg_blue_1.gif'); background-color:#96b4de; }
	.body-youths #nav a { color:#496894; }
	.body-youths #content h2 { color:#799ed3; }
#canvas { float:left; width:100%; height:100%; }
#container { width:738px; margin:0 auto; }
#header { width:600px; height:132px; float:left; margin:0px 0 12px 0; padding:0 0 0 132px; display:block; }
    #header #logo { width:600px; float:left; display:block; background-color:#FFFFFF; padding:41px 0 0 0; height:91px; }
#logo { display:block; }
#nav-container { width:120px; float:left; min-height: 200px; margin:0 0 12px 0; }
#nav { padding:12px; width:96px; background-image:url('sidebar00.png'); background-repeat:repeat-y; }
	#nav h2 { color:#777; font-weight:normal; padding:0; margin:0 0 15px 0; font-size:22px; }
	#nav img { margin:0 0 10px 0; }
	#nav a { font-size:12px; font-weight:bold }
#signpost { width:96px; padding:0px; margin:12px 0 0px 0px; }
#text_only { width:600px; float:left; margin:0px 0 0 0; padding:0 0 0 132px; text-align:right; font-size:10px; color:#999; }
	.bg { background-color:#FFFFFF; padding:2px 15px 0; }

/* Content */
#sidepanel { width:173px; padding:12px; margin:0 0 12px 12px; float:right; background-color:#ffffff; min-height:330px; }
#content { width:372px; min-height:400px; padding:12px; margin:0 0 12px 12px; float:left; background-color:#ffffff; }
#content_container { width:408px; float:left; }
.wide_content_container { width:612px !important; }
.content-split { width:168px; min-height:330px; padding:12px; margin:0 0 12px 12px; float:left; background-color:#ffffff; }
	.front-box a { color:#3e4347; display:block; }
	.front-box a:hover { color:#000000; cursor:pointer; }
	.front-box .span { display:block; width:144px; min-height:98px; margin:0; padding:0px 12px 12px 12px; }
	.front-box p { display:block; width:144px; min-height:68px; margin:0; padding:0px 12px 12px 12px; }
	.front-box ul { padding:47px 12px 12px 12px; }
	#content-facilitator { background-color:#d6e03d; }
	#content-teacher { background-color:#b9b2d9; }
	#content-youth { background-color:#96b4de; }
	.content-photobox { width:168px; height:216px; display:block; margin:0 0 12px 0; }

#ribbon { margin:0 -12px -12px 0; float:right; width:96px; height:96px; display:inline; clear:both; }
#ribbon a { display:block; }

.step_next { background-color:#e4e4e4; padding:4px 15px; text-align:right; display:block; margin:25px 0 45px 0; text-decoration:none !important; font-weight:bold; width:140px; float:right; }
.step_back { background-color:#e4e4e4; padding:4px 15px; text-align:left; display:block; margin:25px 0 45px 0; text-decoration:none !important; font-weight:bold; width:140px; float:left; }

/* Footer */
#footer { width:396px; padding:0 0 0 12px; float:left; }
	#footer #footer_bg { float:left; width:372px; background-image:url('footer.png'); padding:12px 12px 0px 12px; }
	#footer #footer_bg h3 { padding-top:0px; }
	#footer #footer_bg .col { height:95px; width:160px; float:left; }
	#footer #footer_bg .leftmost { width:206px; }
	#footer #footer_bg .wide { height:20px; width:372px !important; padding:24px 0 0 0; }
	.icon_phone { background:url('icon_phone.png') no-repeat top left; padding-left:22px; }
	.icon_email { background:url('icon_email.png') no-repeat top left; padding-left:22px; }
	.icon_bookmark { background:url('icon_bookmark.png') no-repeat top left; padding-left:22px; }
	.icon_address { background:url('icon_address.gif') no-repeat top left; padding-left:22px; }

/* Headings */
h1,h2,h3,h4 { padding: 0 0 10px 0; font-weight:normal; color:#aaaaaa; font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:25px; margin-bottom:10px; }
h2 { font-size:21px; padding:10px 0 10px 0; color:#b5d338; }
  h2 a { color:#b5d338 !important; }
h3 { font-size:17px; padding:10px 0 10px 0; color:#6b737b; line-height:18px; }

/* Common */
a { color:#b63d97; text-decoration:none !important; }
a:hover { color:#000000; }
strong { font-weight:bold; }
em { font-style:italic; }
p { padding:0 0 12px 0; margin:0; line-height:14px; }
ul { margin:0; padding:0 0 12px 0; }
li { margin:0 0 10px 0px; padding:0; list-style-type:disc; list-style-position:outside; }
li li { list-style-type:square }
.navMain li { list-style-type:none; display:block; margin:0 0 15px 0; }
.navMain { padding-bottom:20px; }
#content ul { padding:0 0 2px 40px; }
#content blockquote { padding:10px 15px; margin:0px 10px 10px; background-color:#ddd; font-style:italic; font-weight:bold; }
#content blockquote img { margin:0 0 12px 12px; }
#content .miniTitle { font-weight:bold; color:#ccc; text-transform:uppercase; }
#content .indent { padding:0 0 15px 40px; }
.subtle { font-size:9px; }
.globalNav { border-top:1px solid #999999; margin:15px 0 0 0; padding:0 0 0 0; }
.globalNav p { padding:10px 0 0 0; }
.globalNav a { color:#660066 !important; }
.globalNav ul { margin-left: 12px; margin-top: 15px; }
.globalPanel { padding:12px !important; }
/*.globalPanel a { color:#FFFFFF !important; padding:20px 10px 60px; font-size:17px; }*/
.greyblock { border: 1px solid #ddd; background-color: #f9f9f9; padding: 6px 12px 6px; margin-bottom: 12px; }
#block1 {  }
.blockHide { height:30px; overflow: hidden; }
.lite { color:#888; }

.takepart { height:210px; border:1px solid #ddd; width:152px; padding:12px; margin: 0 0 30px 0; background-color: #eee; }
.tpOne { float:left; }
.tpTwo { float:right; }
.takepart h2 { height:60px; }
.takepart { font-weight: normal !important; color: #333; display: block; }
.takepart:hover { background-color: #6A747C; color: #eee; }
.takepart:hover h2 { color: #FFDE00 !important; }

/* Quotes */
em strong { margin:-10px 0 10px 0; font-weight:normal; color:#555; font-style:normal; font-size:15px; line-height:15px; display:block; }
em span { font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-weight:normal; font-size:44px; display:block; line-height:44px; }
em .open { clear:both; }
em .close { clear:both; float:right; }

/* Utility */
.clear { clear:both; height:1px; overflow:hidden; }
.clear.left { clear:left; height:1px; overflow:hidden; clear:right; }
.clear.right { clear:right; height:1px; overflow:hidden; }
.alignLeft { float:left;  }
.alignRight { float:right;  }

/* Case study column */
.casestudyblock { background-color:#777; height:438px; }
.casestudyblock h2 { color:#FFFFFF; text-align:right; padding:35px 6px 0 0; }
.casestudyblock ul { text-align:right; padding:40px 0 0 0; }
.casestudyblock ul li { padding:0 6px 20px 0; list-style-type:none; }
.casestudyblock ul li a { color:#FFFFFF; }
.casestudyblock ul li a:hover { color:#ccc; }


/* Form */
.login input { width:132px; }
.login .submit { width:143px; }


form p { color:#888888; font-size:10px; margin:10px 0 5px 0; }
form em { font-style:normal; font-weight:bold; }
form input { max-width:250px; }
form li { list-style-type:none; }
form fieldset legend { font-size:150%; padding:0; }
label u { font-style:normal; text-decoration:underline; }
form div textarea {	overflow:auto; width:200px; height:60px; }
form div { clear:left; display:block; margin:0 0 20px 0; }
form fieldset div { clear:left; display:block; margin:0 0 8px 0; }
form fieldset div.notes { float:right; width:140px; height:auto; margin:0 0 10px 0; background-color: #ffffe1; color: #666666; font-size:88%; }
form fieldset div.notes h4 { background-image: url(icon_info.gif); background-repeat: no-repeat; background-position: top left; padding: 3px 0 3px 27px; border-width: 0 0 1px 0; border-style: solid; border-color: #666666; color: #666666; font-size: 110%; }
form div.required { font-weight:bold; }
form div label { display:block; float:left; width: 100px; padding:3px 0; margin:0 0 5px 0; }
form input.availCB { float:left; display:block; width:20px; height: expression('1%'); padding:0; text-align: left; }
form div.optional label, label.optional { font-weight: normal; }
form div.required label, label.required { font-weight: bold; }
form div.DOBrequired select, div.DOBrequired input { margin:0; padding:1px 3px; }
form div label.labelCheckbox, form div label.labelRadio { float:none; display: block; width:10px; height: expression('1%'); padding: 0; text-align: left; }
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio { margin: 0 0 5px 0;  }
form div img { border: 1px solid #000000; }
#content .error { display:block; font-weight:bold; margin:0 0 12px; color:#FF0000; }
#content form .error { display:block; font-weight:bold; margin:0 0 0 100px; width:200px; color:#FF0000; font-size:10px; }
form div input, form div select { padding:1px 3px; margin:0; }
form div input.inputFile { width:211px; }
form div select.selectOne, form div select.selectMultiple { max-width:211px; padding:1px 3px; }
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio { display:inline; height:14px; width:14px; background-color:transparent; border-width:0; padding:0; margin:0; }
form div.submit { margin:20px 0 0 0; padding:0; text-align: center; }
form div.submit div { display:inline; float:left; text-align:left; width:auto; padding:0; margin:0; }
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton { background-color: #cccccc; color: #000000; width: auto; padding: 0 6px; margin: 0; }
form div.submit div input.inputSubmit, form div.submit div input.inputButton { float: right; margin: 0 0 0 5px; }
form div small { display: block; margin: 0 0 5px 0px; padding: 1px 0; font-size: 88%; height: expression('1%'); }
label img { behavior: url(label_img.htc); }
form fieldset legend { line-height: 150%; }
form textarea.expanding { overflow: auto; overflow-x: auto; overflow-y: visible; }
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio { display: block; width: 100px; padding: 4px 0px 0px 0px; text-indent: -18px; line-height: 120%; }
form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio { margin:0;}
form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea { width:160px; margin:0; }
form div label.compact { display:inline; width:auto; padding:4px 10px 0px 0px; text-indent:0px; margin:0; }
form div.wide label { width:300px; float:none; display:block; }
form div label.wide { width:300px; }
form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {width:300px; margin:0; }
form div.notes p, form div small { line-height:125%; }
form div.wide small { margin:0 0 5px 0; }
fieldset { border: 1px solid #ddd; padding: 10px; }
.ref1, .ref2 { padding-left: 0; margin-left: 0; }