/* carbon independent styles: */

body {
	font-family: Verdana, Helvetica, Arial, sans-serif ;
	width: 100% ;
	background-color: rgb( 89%, 93%, 86%) ; 
	margin-left: 0px; /* '''test */
	}

#mainTable {
	background-color: rgb(100%, 100%, 100%) ;
	margin-top: 10px ;
	margin-left: 50px ;
	margin-bottom: 10px ;
	border: 2px #000 solid ; 
	width: 90% ;
	}

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

#banner img {
	height: 90px;
	/*width: 837px ;*/
	}

#navbar a, #navbar td {
	color: rgb( 10%, 35%, 0%) ; /* was rgb( 25%, 50%, 0%) */
	}

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

#navbar td {
	/* nb: some duplicated with #navbar a ; */
	padding-top: 0.4em ;
	padding-left: 0px ;
	padding-right: 0px ;
	padding-bottom: 0.4em ;
	font-size: 70% ; /* was 75% */
	font-weight: 900 ; 
	/*
	color: #FFFFFF ; 
	background-color: rgb( 45%, 60%, 30%) ; 
	*/
	background-color: rgb( 85%, 93%, 79%) ; 
	border: 1px #888 solid ; 
	/* was #008000 - need to coordinate with dropdown.js background */
	}

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

#screenTitle {
	margin-top: 0.4em ;
	font-size: 170% ; 
	border-bottom: 2px #888 solid ; 
	color: rgb( 25%, 50%, 0%) ; 
	font-weight: 700 ; 
	padding-bottom: 0.3em ; 
	} 

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

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

#summaryBanner {
	font-size: 150% ; 
	font-weight: 900 ;
	padding-top: 0.5em ;
	padding-left: 1.5em;
	padding-bottom: 0.5em ; 
	margin-top: 10px ;
	background-color: #DDD ;
	}

#summary {
	margin-bottom: 1em ;
	padding: 1.5em ;
	background-color: #F2F2F2 ;
	}

#main, #main td, #footer {
	line-height: 1.3em ;
	}

#main, #main td {
	font-size: 80% ; /* was 85% */
	}

#main td {
	border: 1px #888 solid ; 
	padding: 0.3em ;
	}

#main, #footer {
	width: 95%; 
	padding-left: 10px ;
	}

#main h1 {
	margin-top: 0 ; 
	margin-bottom: 0px ; 
	padding-top: 0.3em ; 
	padding-left: 0.3em ; 
	padding-bottom: 0.3em ; 
	font-size: 150% ; 
	color: rgb( 20%, 40%, 0%) ; /* was #000 */
	background-color: rgb( 89%, 93%, 86%) ;
	line-height: 1.2em
	}

#main h2 {
	display: inline ;
	font-size: 150% ; 
	font-weight: 1200 ;
	}

#main h3 {
	display: inline ;
	font-size: 140% ; 
	font-weight: 1200 ;
	}

#main a{
	font-weight: bold;
	text-decoration: none;
	color: rgb( 4%, 40%, 21%); /* was #0A6535from Oxford GP */
	}


#main input {
	margin-top: 5px ;
	/*border: 0px #888 solid ; */
	}

.qn {
	width: 8% ;
	vertical-align: top ;
	font-weight: bold ;
	padding: 10px ;
	background-color: rgb( 76%, 88%, 100%) ; 
	}

.question {
	width: 60%; 
	vertical-align: top ;
	padding: 10px ;
	background-color: rgb( 76%, 88%, 100%) ; 
	}

.notes {
	vertical-align: top ;
	padding: 10px ;
	background-color: rgb( 88%, 94%, 100%) ; 
	}

.readonly {
	background-color: rgb(88%, 94%, 100%) ; /* was rgb(94%, 97%, 100%) ;*/
	border: 0px #888 solid ;
	}

#eleCalculator{
	display: block ;
	}	

.quote {
	font-size: 150% ;
	font-style: italic ; 
	font-weight: 800 ;
	line-height: 1.3em ;
	color: rgb( 25%, 50%, 0%) ; /* was color: #090 ; */
	text-align: center ;
	}

/* before 20.7 */

.question {
	margin-left: 60px ; 
	}	

.question td {
	background-color: rgb( 76%, 88%, 100%) ; 
	padding: 3px ;
	}	


/* before 27.6.07 */

#sectionsBanner, #sections, #sections a {
	color: #888 ; /* was #008000 */
	}

#sections {
	border: 1px #888 solid ; /* was #008000 */
	font-size: 85% ;
	margin-top: 5px ;
	padding-top: 3px ; 
	padding-bottom: 3px ; 
	}

/* used for subscripts, principally the 2 in CO2 */
/* an experiment:
h6 {
	margin-top: 0 ; 
	margin-bottom: 0px ; 
	}
*/

/* before 11.6.07 */

/* la21 styles: */

#navbar {
	margin-top: 0px ;
	}

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

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

#sections a:link a:visited {
	text-decoration: none ;
	}


#footer {
	margin-top: 2em ;
	font-size: 65% ;
	}