/************** layout ***************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #D5D6D8;
	background-image: url(images/backg/blueBar.gif);
	background-repeat: repeat-x;
	background-position: 0px -1px;
}
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#wrapper {
	margin: 0px auto;
	width: 750px;
	background-image: url(images/backg/graywhiteBG.png);
	background-repeat: repeat-y;
	background-position: -2px 0px;
}

#container {
	margin: 0px;
	padding: 0px;
	height: auto;
	background-image: url(images/backg/hpBGmar11.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;
}

#classroom {
	float: right;
	padding-top: 128px;
	padding-right: 300px;
}

#page2Top {
	background: url(images/backg/p2BGjan10.png) no-repeat;
}

/************** html ***************/

h1  {
	color: #214798;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 1px 0px 12px;
}
h2  {
	font-size: 95%;
	display: block;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px 0px 8px;
}

h3  {
	font-size: 85%;
	color: #1D469E;
}

h4  {
	color: #F65213;
	font-size: 100%;
	line-height: 1.3em;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 0px 0px 12px;
}

p {
	display: block;
	margin: 0px;
	padding: 2px 0px 8px;
	font-size: 83%;
	line-height: 1.25em;
}

ol  {

}

ul   {
	display: block;
	margin: 0px;
	padding: 2px 0px 8px 5px;
	font-size: 83%;
	line-height: 1.25em;
	text-indent: 15px;
	list-style: disc outside;
}

li  {
	padding-top: 2px;
	padding-bottom: 4px;
	display: block;
}


/************** navigation ***************/

#button {
	width: 160px;
	float: left;
	padding: 0px;
	margin-top: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nav p {
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	padding: 6px 0px 6px 1px;
}

#menu {
	width: 160px;
	padding: 0px;
	margin: 0px;
}
#nav ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 33px;
}

.greenText {
	color: #45624E;
}

#nav a {
	list-style: none;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 17px;
	text-indent: 0px;
	left: 0px;
	top: 30px;
	margin: 0px;
	text-decoration: none;	
}
#nav a:hover {
	color: #deb036;
	
}
#nav ul img {
	height: 18px;
	width: 1px;
	display: block;
}

#navAd {
	margin: 0px;
	border-style: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#navAd p {
	padding-top: 0px;
	padding-bottom: 9px;
}

.Xtemp {
	background: #999933;
}
.whitetext {
	color: #FFFFFF;
	display: inline;
	font-size: 15px;
	font-weight: bold;
}

/************** content ***************/

#content {
	margin: 0px;
	padding-top: 145px;
	padding-right: 32px;
	padding-bottom: 50px;
	padding-left: 180px;
}
#leftCol {
	width: 100px;
	padding: 0px;
	float: left;
	margin: 4px 0px 0px 4px;
	display: block;
}

#rightCol {
	margin: 0px;
	padding: 0px 0px 20px 126px;
	text-indent: 0px;
}
#rightCol img {
	margin: 0px 15px 5px 0px;
}

#rightCol a {
	color: #F65213;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	font-style: italic;
	font-weight: bold;
}

#odo {
	padding: 0px;
	margin-top: 0px;
	margin-left: 50px;
}

#odo img {
	margin: 0px;
	padding: 0px 0px 20px;
}


#content td {
	font-size: 12px;
	color: #E95223;
	font-weight: bold;
}
#content a {
	color: #993300;
	font-size: 13px;
	font-style: italic;
}

#bottomad {
	height: 0px;
	width: 540px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#bottomad img {
	color: #FFFFFF;
	margin: 0px 0px 0px 10px;
	background: #999933;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.redframe {
	border: 0px solid #E95223;
	padding: 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
}
.whiteborder {
	border: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#botbuttons {
	display: table-row-group;
	width: 500px;
	text-align: center;
}
#botbuttons table td {
	text-align: center;
	padding: 1px;
	color: #993300;
}
#botbuttons img {
	margin: 0px;
	padding: 0px;
}
#nav2 li, a {
	list-style: none;
	padding-bottom: 10px;
	padding-top: 0px;
	font-size: 14px;
	line-height: 17px;
	text-indent: 0px;
	vertical-align: text-center;
	left: 0px;
	top: 0px;
	margin: 0px;
	text-decoration: none;
	font-weight: bold;
}
.smaller {
	font-size: 90%;
}
#photocaption {
	padding: 8px;
	width: 180px;
	clear: right;
	font-style: italic;
	color: #1D469E;
}

.yellowText {
	color: black;
}

.yellowText:hover {
	color: white;
}
.yellowText {
	color: black;
}

.Button {
	display: block;
	width: 145px;
	height: 45px;
	line-height: 17px;
	background-image:url(images/button/button_up.png);
	color: #FFFFFF;
	font-weight:bold;
	text-align: center;
	float: right;
	text-decoration: none;
}
.Button:hover {
background-image:url(images/button/button_down.png);
color: #deb036;
font-weight:bold;
text-decoration: none;
}

.Yellowbutton {
	display: block;
	width: 145px;
	height: 23px;
	line-height: 11px;
	background-image:url(images/button/Yellowbutton_up.png);
	color: black;
	font-weight:bold;
	text-align: center;
	float: right;
	text-decoration: none;
}
.Yellowbutton:hover {
background-image:url(images/button/Yellowbutton_down.png);
color: white;
font-weight:bold;
text-decoration: none;

}

