/* style.css - conceptual chem */

body {
margin-left: 200px; 
margin-right: 10%;
border-left: none; 
border-right: solid; 
border-top: none; 
border-left-width: 10em;
border-right-width: medium;
border-color: rgb(238,243,226);
padding: 1em;
 }

body { font-family: Verdana, sans-serif; font-size: 97%; color: black; background: transparent; background-image: url(bgimgenglish1.jpg); background-repeat: repeat-y}

h1,h2,h3,h4 { font-family: Verdana, sans-serif; margin-top: 1em; margin-bottom: 1em; }

h1 { font-size: 250%; } 

h2 { font-size: 200%; } 

h3 { font-size: 150%; }

h4 { font-size: 125%; }

h3.topheader { margin-left: -20%; color: rgb(85,107,47); font-size: 150%; }

h4.midheader { margin-left: -10%; color: rgb(85,107,47); font size: 125%; }

h4.activity { margin-left: -10%; color: rgb(110,139,61); font-size: 110%; }

h4.subhead { margin-left: -10%; color: rgb(110,139,61); font-size: 110%; }

p { font-family: Verdana, sans-serif; font-size: 97%; color: black; } 

p.essay { font-family: verdana, sans-serif; font-size: 80%;
margin-left: -10%; color: black; background-color: rgb(238,243,226); border-left: dotted; border-right: dotted; 
border-color: rgb(85,107,47); border-width: thin; padding: 1em; }

p.tool { 
margin-left: -10%; color: rgb(85,107,47); background-color: rgb(238,243,226); padding: 1em; font-weight: bold; 
border-left: dotted; border-right: dotted;
border-color: rgb(rgb(85,107,47); 
border-width: thin; 
} 



p.box { border-left: solid; border-top: solid; border-right: solid; border-bottom: solid; border-width: thin; border-color: rgb(238,243,226); background-color: white; padding: 1em; }

table.analysis { background-color: rgb(238,243,226); font-family: verdana, sans-serif; font-size: 90%; }

table.big { margin-left: -10%; background-color: rgb(238,243,226); font-family: verdana, sans-serif; font-size: 80%; }

table.box { margin-left: +10%; background-color: rgb(238,243,226); font-family: verdana, sans-serif; font-size: 80%; }

table.lessons { background-color: rgb(238,243,226); font-family: verdana, sans-serif; }

table.rubric { padding: 2; background-color: rgb(238,243,226); font-family: verdana, sans-serif; font-size: 80%; 
border-left: dotted; border-top: dotted; border-right: dotted; border-bottom: dotted; border-color: rgb(110,139,61); 
border-width: thin; }

ul { font-family: verdana, sans-serif; font-size: 97%; margin-left: 1%; } 

ol { font-family: verdana, sans-serif; font-size: 97%; list-style: outside decimal; }

li.loweralpha { font-family: verdana, sans-serif; font-size: 97%; list-style: inside lower-alpha; }

:link { font-family: verdana, sans-serif; font-size: 97%; } 

p.photoleft { float: left; margin: .5em; padding: .25em; border: thin solid rgb(85,107,47); background-color: rgb(238,243,226); font-size: 90%; } 

p.photoright { float: right; margin: .5em; padding: .25em; border: thin solid rgb(85,107,47); background-color: rgb(238,243,226); font-size: 90%; } 

p.photo { margin: .5em; padding: .25em; border: thin solid rgb(85,107,47); background-color: rgb(238,243,226); font-size: 90%; } 

span.photocredit { font-size: 65%; float: right; padding: 2px; clear: both; font-family: arial, verdana, sans-serif; } 
 
#assignment { border-top: thin dashed blue; margin-left: 5px; margin-right: 1%; padding: 20px; } 

#submit { border-top: thin dashed blue; margin-left: 5px; margin-right: 1%; padding: 1em; } 

#submit p { color: rgb(85,107,47); font-size: 95%; font-weight: bold; } 

p.submit { margin-left: -3%; } 

#rubric { border: thin dashed rgb(110,139,61); background-color: rgb(238,243,226); width: 60%; margin-left: 150px; padding: 1em; } 

#rubric p { font-family: verdana, sans-serif; font-size: 85%; color: rgb(85,107,47); }