html {margin: 2px} /*this is the core style sheet of the page*/ body {
font-family: Verdana, Trebuchet, Arial, sans-serif;
font-size: 1em;
background-image: none;
line-height: 1.3em;
 } 

h1 {
font-size: 1.3em;
line-height: 1.3em;
color: #247285;
font-weight: bold;
background-color: #f2ebc4; 
} 

h2{
font-size: 1em;
margin-bottom: 0em;
} 

h3{
font-size:1em;
margin-bottom: 0em;} 

h4{
font-size:0.9em;
margin-bottom: -1em;
font-weight: bold;} 

p {
font-size: 1em;
line-height: 1.3em;
text-align: left;
 } 

#header {
margin-left: 25px;
background-image: url(images/banner.gif);
background-repeat: no-repeat;
height: 100px;
 } 

#left-pic {
height: 350px;
position: absolute;
top: 120px;
left: 30px;
width:15em;
 } 

#right-pic {
position: absolute;
left: 70%;
height: 215px;
background-image: url(teaching3sm.JPG);
background-repeat: no-repeat;
top: 152px;
} 

#container {
position: absolute;
left: 40px;
top: 140px;
right: 30%;
} 

#iconscontainer {
position: absolute;
left: 5%;
top: 140px;
} 

#main-text {
background-color: #f2ebc4;
border-left: 1px #000000;
border-bottom: 1px #000000;
border-right: 1px #000000;
margin-left: 40px;
margin-right: 10px;
color: #666666;
padding-right: 5px;
padding-left: 210px;
padding-bottom: 5px;
} 

#download-text {
background-color: #f2ebc4;
border-left: 1px #000000;
border-bottom: 1px #000000;
border-right: 1px #000000;
margin-left: 40px;
margin-right: 10px;
color: #666666;
padding-right: 5px;
padding-left: 5px;
padding-left: 80px;
padding-bottom: 5px;
} .download-image{
margin-left: -150px;
padding-left: 0px;
max-width: 90px;
margin-right: 0px;
margin-top: 0em;
margin-bottom: -130px;
padding-bottom: 0px;
padding-top: 0px;
} 

.side-image (original){
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
margin-left: -130px;
float: left;
}

 .side-image{
position: relative;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
margin-left: -130px;
}

 .right-col {
position: absolute;
top: 140px;
left: 70%;
right: 1%;
 } ul {
font-size: 1em;
padding-left: 0px
 } 

.bullet {
color: #666666;
display: list-item;
list-style-type: disc;
list-style-position: inside; 
margin-left: 1.5em;
} 

.indent {
margin-left: 1.5em;
}


.down {
color: black;
background-color: #ffcc99;
font-weight: normal;
font-style: italic;
padding-bottom: 1%;
} 

.em {
color: black;
background-color: #cccc99;
font-weight: normal;
font-style: normal;
margin-left: -10px;
padding-left: 20px;
padding-bottom: 1%;
margin-right: 1%} 

li#bullet {
color: #247285;
list-style-type: disc;
list-style-position: outside;
display: list-item;
font-weight: bold;
background-color: inherit;
 } 

.nobullet {
white-space: normal;
color: #247285;
font-weight: bold;
background-color: inherit;
line-height: 1.3em;
display: inline; } 

.nobulletrom {
white-space: normal;
color: #247285;
font-weight: normal;
background-color: inherit;
line-height: 1.3em;
 } 

.nobulletdl {
white-space: normal;
color: #247285;
font-weight: bold;
line-height: 1.3em;
margin-top: -125px;
 } 

.nobulletromdl {
white-space: normal;
color: #247285;
font-weight: normal;
line-height: 1.3em;
margin-top: -125px;
 } 

.blue {
color: #247285;
background-color: inherit;
font-weight: normal;
font-style: normal;
} 

.bluebold {
color: #247285;
background-color: inherit;
font-weight: bold;
} 

.bold {
color: #666666;
background-color: inherit;
font-weight: bold;
} 

.bolddl {
color: #666666;
background-color: inherit;
font-weight: bold;
margin-top: -125px;
} 

.rightside {
margin-left: 10px;
font-size: 0.9em;
line-height: 1.2em;
 } 

.email {
margin-left: 10px;
font-size: 0.9em;
line-height: 1.2em;
 } 

.contact {
margin-left: 1px;
 } 

em.bod {
color: #666666;
background-color: inherit;
font-weight: normal;
 } 

em.rom {
color: #666666;
background-color: inherit;
font-weight: normal;
font-style: normal; 
} 

#notmain-text {
background-color: #f2ebc4;
border-left: 1px #000000;
border-bottom: 1px #000000;
border-right: 1px #000000;
margin-left: 40px;
margin-right: 168px;
margin-top: 30px;
border: none;
color: #666666;
padding-left: 200px;
padding-right: 5px;
padding-bottom: 5px;
 } 

.logos {
position: relative;
bottom: 0px;
background-color: #ffffff;
color: #666666;
margin-left: 210px;
border: none;
padding-left: 50px;
padding-bottom: 25px;
font-size: 0.8em;
margin-top: 10px;
text-decoration: none;
margin-right: -240px;
 } 


.icon {
margin-left: 20px;
} 

.para {
margin-top: 0.3em;
margin-bottom: 0em;
} 

#main-nav-container {
float: right; 
} 

.special {
background-color: #a7ddb8;
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 0.3em;
}

li.help-nav {display: inline;
	list-style: none;
background-color: #a7ddb8;
padding: 3px;
margin-left: 5px;
color: #247285;} 

a:link {
color: #000000;
background-color: #a7ddb8;
text-decoration: none;
 } 

a:visited {
background-color: #99ccff;
color: #333333;
text-decoration: none;
 } 

a:hover {
background-color: #247285;
text-decoration: none;
color: #f2ebc4;
 } 

a:active {
background-color: #f2ebc4;
text-decoration: none;
color: #f2ebc4;
} 

a.text:link {
background-color: #f2ebc4;
color: #666666;
font-weight: normal;
} 

a.text:visited {
background-color: #f2ebc4;
color: #666666;
font-weight: normal;
} 

a.text:hover {
background-color: #ffcc99;
color: black;
font-weight: normal;
} 

a.text:active {
background-color: black;
color: #666666;
font-weight: normal;
} 

a.download:link {
background-color: #ffcc99;
color: black;
font-weight: normal;
} 

a.download:visited {
background-color: #ffcc99;
color: black;
font-weight: normal;
} 

a.download:hover {
background-color: white;
color: black;
font-weight: normal;
} 

a.download:active {
background-color: black;
color: #666666;
font-weight: normal;
} 

a.contact:link {
color: #000000;
background-color: #ffffff;
text-decoration: none;
} 

a.contact:visited {
color: #000000;
background-color: #ffffff;
text-decoration: none;
} 

a.contact:hover {
background-color: #247285;
text-decoration: none;
color: #f2ebc4;
} 

a.contact:active {
color: #a7ddb8;
background-color: inherit;
font-weight: normal;
font-style: normal;
} 

p.validationsymbol {
background-color: #ffffff;
color: #666666;
border: none;
padding-top: 3em;
float: left;
}
