/***************************************************************************************
 CSS file for scotdec.org.uk
 by Zach Anthony / Cazinc Website Design & Management Ltd.                       
 1 August 2006
/**************************************************************************************/


body, html, h1, h2, h3, h4, h5, div { margin:0; padding:0; }
body { min-width:970px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
h1, h2, h3, h4, h5 { margin-top: 8px; margin-bottom: 3px; }
h2 { font-size: 1.8em; font-weight: 500; color: #409262; }
h3 { color: #000; font-size: 1.5em; }
h4 { color: #000; font-size: 1.3em; }

p { margin-top: 0; }

.clear { clear: both; }
a img { border: 0; }
thead { background-color:#ccc; }
tbody { background-color:#cce7db; }
td { padding: 0.5em; }
.noBgColor { background-color: transparent; }

#wrapper { margin:10px auto; width:970px; }

#column1 { float:left; width:144px; color: #fff; background-color: #979695; }
	#column1 h3 { font-size: 1.2em; }
	#column1 a { text-decoration: none; color: #fc0; }
	#column1 a:hover { text-decoration: underline; }
	#logo { background-color: #979695; padding: 23px 0 14px 0; border-bottom: 3px solid #fff; }

	#sitesearch { padding: 0 10px; }
		#sitesearch form { width: 100%; display: inline; margin: 0; padding: 0; }
		#sitesearch form input.textfield { width: 80px; background: url(/img/textfield-background.gif) top left no-repeat; border: 0; padding: 3px; font-size: .9em; }
		#sitesearch form * { vertical-align: middle;  }
		
	#sidenav { padding: 0 10px; display: table; height: 430px; overflow: hidden; } 
	.home #sidenav { height: 300px; } 
		#sidenav div { display: table-cell; vertical-align: middle; }
		#sidenav a.findus { color: #fff; font-weight: bold; }
		#sidenav h3 { color: #fc0; margin-top: 0; }	
		#sidenav p { margin: 0; }

	#ideaslogo { height: 130px; }
		#home #ideaslogo { border-top: 3px solid #fff; }
		
#midline { float: left; width: 5px; margin-top: 160px; margin-bottom: 10px; height: 430px; }
	body.home #midline { background-color: #fc0; }
	body.aboutUs #midline { background-color: #fc0; }
	body.resources #midline { background-color: #ff5a60; }
	body.projects #midline { background-color: #ff7200; }
	body.classroom #midline { background-color: #ca65d1; }
	body.services #midline { background-color: #00b1ec; }
	body.forums #midline { background-color: #009158; }
	body.links #midline { background-color: #009158; }

#column2 { float:right; width:820px; }
	#nav { padding:5px; text-align: right; }
		#nav ul{ background-color:#979695; margin:0; padding:0; list-style:none; }
		#nav li{ display:inline; margin:0; padding:0; }

	#header { background: url(/img/header.jpg) top left no-repeat; height: 125px; }
		#header h1 { display: none; }

	#nav-container { float: right; position: relative; background-color: #979695; width: 650px; z-index: 999; }
		html>body #nav-container { width: auto; min-width: 650px; }
		#nav-container ul { text-align: center; padding-bottom: 5px; padding-top: 5px; padding-left: 0; margin-top: 0;
		/* cancels gap caused by top padding in Opera 7.54 */ margin-left: 0; width: 100%; }
		#nav-container ul li { display: inline; padding-left: 0; padding-right: 0; padding-bottom: 5px; /* matches link padding except for left and right */ padding-top: 5px; }
		#nav-container ul li a { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: .9em; color: #fff; }
		#nav-container ul li a:hover { color: #fc0; }
		body.home #nav-container .active { background-color: #fc0; }
		body.aboutUs #nav-container .active { background-color: #fc0; }
		body.resources #nav-container .active { background-color: #ff5a60; }
		body.projects #nav-container .active { background-color: #ff7200; }
		body.classroom #nav-container .active { background-color: #ca65d1; }
		body.services #nav-container .active { background-color: #00b1ec; }
		body.forums #nav-container .active { background-color: #009158; }
		body.links #nav-container .active { background-color: #009158; }
		#nav-container .active a { color: #000; }
		#nav-container .active a:hover { color: #333; }
		
	#subNav { float: right; background-color: #979695; padding-top: 8px; z-index: 0; position: relative; top: -8px; right: 5px; width: 650px; font-size: 0.9em;}
		html>body #subNav { width: auto; min-width: 650px; }
		body.home #subNav { background-color: #fc0; }
		body.aboutUs #subNav { background-color: #fc0; }
		body.resources #subNav { background-color: #ff5a60; }
		body.projects #subNav { background-color: #ff7200; }
		body.classroom #subNav { background-color: #ca65d1; }
		body.services #subNav { background-color: #00b1ec; }
		body.forums #subNav { background-color: #009158; }
		body.links #subNav { background-color: #009158; }
		#subNav ul { text-align: left; padding-bottom: 5px; padding-top: 5px; padding-left: 0; margin-top: 0;
		/* cancels gap caused by top padding in Opera 7.54 */ margin-left: 0; width: 100%; }
		#subNav ul li { display: inline; padding-left: 0; padding-right: 0; padding-bottom: 5px; /* matches link padding except for left and right */ padding-top: 5px; }
		#subNav ul li a { color: inherit; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: .9em; color: #000; }
		#subNav ul li a:hover { color: #fff; }
		#subNav .active { background-color: #000; }
		#subNav .active a { color: #fff; }

	#column2 #main { padding: 1px 0 20px 40px; clear: right; }
		#column2 #main img { clear: right; margin-bottom: 15px; margin-top: 15px; float: right; margin-left: 15px; }
		body.forums #column2 #main img { float: none; }
		#column2 #main form label { float: left; display: block; width: 40%; }
		#column2 #main form br { clear: left; margin-bottom: 0.5em; }
		#column2 #main td img { float: none; }
		#column2 #main ul { margin-top: -1em; margin-bottom: 1.5em; }
			#column2 #main ul li { line-height: 1.4em; font-size: 1em; }
		#column2 #main ul.toc { margin-top: .5em; margin-bottom: 1.5em; }		
			#column2 #main ul.toc li { margin-bottom: .5em; line-height: 1.4em; }
		#column2 #main legend { font-size: 1.2em; margin-bottom: 1em; }
		#column2 #main fieldset { border: 0; }
		#column2 #main .featured-resource { font-style: italic; }
		#column2 #main .thought-about { margin-left: 10px; background-color: #cce7db; padding: 5px; border: 1px solid #000; width: 550px; }
			#column2 #main .thought-about h4 { margin-top: 1.5em; border-bottom: 0; font-size: 1em; font-weight: bold; }
		#column2 #main .callout { float: right; border: 1px solid #000; padding: 5px; width: 150px; margin: 0 0 1em 1em; font-size: 1em; }
			#column2 #main .callout blockquote { text-indent: 0; margin: 0; padding: 0; font-weight: bold; margin-bottom: 1em; }
			#column2 #main .callout .attribution { font-style:  italic; }			
		#column2 #main div.resource { clear: both; border-left: 2px solid #ccc; border-top: 2px solid #ccc; padding: 5px 0 0 5px; }
			#column2 #main h4 { width: 80%; margin-top: 0; }
			#column2 #main img { margin-top: 0; }				
		body.services #column2 .sideCol img { float: left; clear: right; padding-left: 0; margin-right: 5px; }
		body.home #column2 #main h2 { color: #fc0; }
		body.aboutUs #column2 #main h2 { color: #2a7551; }
		body.resources #column2 #main h2 { color: #fc3d32; }
		body.projects #column2 #main h2 { color: #ff5c00; }
		body.classroom #column2 #main h2 { color: #b727bf; }
		body.services #column2 #main h2 { color: #0092cf; }
		body.forums #column2 #main h2 { color: #2a7551; }
		body.links #column2 #main h2 { color: #009158; }
		body.home #column2 #main #news h3 a { color: #000; }
		#column2 #main p { font-size: 1.1em; line-height: 1.4em; margin-bottom: 1.5em; }
		/*p.welcome { width: 60%; }*/
		#column2 .brdImg { border: 1px solid silver; }
		#column2 .twoColumns { float: left; width: 350px; margin-right: 20px; }
		#column2 .mainCol { float: left; width: 515px; margin-right: 20px; }
		#column2 .sideCol { float: left; width: 235px; margin-right: 0px; }
		#column2 #main .submitBtn { margin-top: 1.5em; }
		ul.logos { display: table-row; }
		ul.logos li { list-style: none; display: table-cell; vertical-align: middle; padding-right: 2em; }
		ul.logos li img { padding: 0; margin: 0; float: none; }
		
		
	#column2 ul { margin-bottom:0; }
	#column2 h3, #column2 p { padding:0 10px 0 0; }

	#homepage-columns { }
		#homepage-columns #columna, #homepage-columns #columnb { width: 385px; background-color: #cce7db; padding: 0; min-height: 367px; }
		#homepage-columns #columna { float: left; margin: 0 10px 10px 0; }
		#homepage-columns #columnb { float: right; margin-bottom: 10px; }

		#homepage-columns #columna div, #homepage-columns #columnb div { border-bottom: 10px solid #fff; padding: 10px; margin: 0; }		
		#column2 #main #homepage-columns img { float: left; margin: -10px 10px 10px -10px; padding: 0; }
		#homepage-columns p { margin: 0; }
		#homepage-columns a:hover { text-decoration: underline; }
		#homepage-columns p.continue { text-align: right; margin: 0; position: absolute; bottom: 10px; right: 0; }
		#homepage-columns p.continue a { color: #000; font-weight: bold; }		
		#homepage-columns p.continue a:hover { color: #409262; }
		#homepage-columns h2 { font-weight: 700; }
		#homepage-columns h3 { font-weight: 700; font-size: 1.1em; text-transform: uppercase; margin-top: 0; }
		#homepage-columns div#news { min-height: 184px; position: relative; }
		#homepage-columns div#resources { min-height: 109px; position: relative; }
			#homepage-columns div#resources h3, #homepage-columns div#resources a { color: #fc3d32; }
		#homepage-columns div#projects { min-height: 108px; position: relative; }
			#homepage-columns div#projects h3, #homepage-columns div#projects a { color: #ff5c00; }
		#homepage-columns div#services { min-height: 109px; position: relative; }
			#homepage-columns div#services h3, #homepage-columns div#services a { color: #0092cf; }
		#homepage-columns div#forums { min-height: 69px; position: relative; }
			#homepage-columns div#forums h3, #homepage-columns div#forums a { color: #2a7551; }
		#homepage-columns div#resources, #homepage-columns div#forums { border: 0; }


#footer-container { margin-top: 15px; clear: both; background-color: #fff; width: 100%; }
	#footer { text-align: right; float: right; width: 780px; border-top: 2px solid #979695; }
	.home #footer { text-align: left; margin-top: 0px; }
		#footer strong { color: #409262; }
		#footer span.scotdec { font-weight: 700; color: #409262; }
		#footer p { padding:5px; margin:0; }
		#footer cite { font-style:normal; font-size: 0.9em; }

div.schools p {
	clear: both;
}

	#column2 #main .schools p img {
		float: left;
		margin: 0 15px 15px 0;
	}
	
#column2 #main .school img {
	float: none;
	margin: 0 0 1em 0;
}