/* fairtradeschools screen styles: */

body {
	background-color: rgb(100%, 100%, 94%) ; /* was #ffe */
	font-family: Verdana, Helvetica, Arial, sans-serif ;
	width: 100% ;
	}


#banner img {
	/*width: 700px ;*/
	}

#banner, #navbar, #screenTitle { 
	margin-left: 120px ; /* was 120px */
	}

#navbar {
	margin-top: 0px ;
	}

#navbar td {
	/* nb: some duplicated with #navbar a ; ? need to choose between*/
	border: 1px solid #CEC; 
	padding-top: 0.4em ;
	padding-left: 0px ;
	padding-right: 0px ;
	padding-bottom: 0.4em ;
	color: #FFFFFF ; 
	background-color: #080 ; 
	font-size: 80% ; 
	font-weight: 900 ; 
	}

#navBarTopRow a:hover {
	color: #FFFFFF ; 
	background-color: #8C8 ; 
	/*other styles are set in individual pages via VB code */
	}

#navbar a {
	padding-top: 0.4em ;
	padding-left: 1em ;
	padding-right: 1em ;
	padding-bottom: 0.4em ;
	background-color: #080 ; 
	color: #FFF ; 
	font-weight: 900 ; 
	}

#navbar a, #screenTitle a, #sections a, #main a, #footer a {
	text-decoration: none ;
	}

#screenTitle {
	margin-top: 10px ;
	margin-right: 120px ;
	font-size: 200% ; 
	border-bottom: 2px #080 solid ; 
	color: #080 ; 
	font-weight: 700 ; 
	padding-bottom: 10px ; 
	} 

#sectionsBanner {
	font-weight: 900 ;
	font-size: 120% ; /* was 85% */
	margin-top: 10px ;
	}

#sectionsBanner, #sections, #sectionsDummy {
	width: 220px ;
	margin-left: 120px ;
	margin-right: 20px ;
	line-height: 1.6em ;
	padding-left: 6px ;
	padding-right: 6px ;
	}

#sectionsBanner, #sections, #sections a {
	color: #080 ; 
	}

#sections {
	border: 1px #080 solid ; 
	font-size: 75% ;
	padding-top: 3px ; 
	padding-bottom: 3px ; 
	}


#sections a, #main a, #footer a {
	text-decoration: none ;
	}

#sections a:hover, #main a:hover  {
	text-decoration: underline ;
	}

#main, #footer {
	width: 500px ;
	line-height: 1.3em ;
	}

#main {
	font-size: 90% ;
	}

#main h1, #main h2  {
	margin-top: 0 ; 
	margin-bottom: 0px ; 
	padding-top: 6px ; 
	padding-bottom: 6px ; 
	font-size: 180% ; 
	color: rgb(0%, 50%, 0%) ; 
	line-height: 1.2em
	}

.box_45pc_r {
	width: 45% ;
	float: right ;
	border: 2px #080 solid ; 
	padding: 8px ;
	margin-left: 8px ;
	background-color: rgb(90%, 95%, 90%) ; /* was rgb(80%, 90%, 80%) */
	}

.box_30pc_l {
	width: 30% ;
	float: left ;
	border: 1px #080 solid ; 
	padding: 8px ;
	margin-right: 8px ;
	background-color: rgb(90%, 95%, 90%) ; 
	}

#main img {
	margin-top: 1em ;
	margin-left: 1em ;
	margin-right: 1em ;
	margin-bottom: 1em ;
	}

#footer {
	margin-top: 20px ;
	font-size: 65% ;
	}

.quote {
	font-size: 170% ;
	font-style: italic ; 
	font-weight: 800 ;
	line-height: 1.3em ;
	color: #080 ; 
	text-align: center ;
	}