/* body formating
--------------------------------------------------*/
body {
font-family: arial, helvetica, sans-serif;
color : #333333;
font-size: 0.8em; 
text-decoration : none;
text-align : left;
background-image: url(bckgrnd2.jpg);
background-repeat: repeat-y;
margin-left: 0px;
margin-top: 0px;
}

p {
font-family: arial, helvetica, sans-serif;
color : #333333; 
text-decoration : none; 
text-align : left;
}

li {
font-family: arial, helvetica, sans-serif;
color : #333333; 
text-decoration : none; 
text-align : center;
}

ul {
font-family: arial, helvetica, sans-serif;
color : #333333; 
text-decoration : none; 
text-align : left;
}

ol {
font-family: arial, helvetica, sans-serif;
color : #333333; 
text-decoration : none; 
text-align : left;
}

tr  {
font-family: arial, helvetica, sans-serif;
color : #333333; 
text-decoration : none; 
text-align : left;
}

td {
font-family: arial, helvetica, sans-serif;
color : #333333; 
text-decoration : none; 
text-align : left;
}

h1 {
font-weight: bold;
font-size: 1.3em;
}

h2 {
font-weight: bold;
color: #C729C5;
font-size: 1.1em;
}

h3 {
color: #999999;
font-size: 0.8em;
}

a:link {
color:#000099;
font-weight:bold;
}

a:visited {
color:#80008c;
font-weight:bold;
}

a:hover {
color:#0000ff;
font-weight: bold;
}

.popup
{
color: blue;
cursor: pointer;
text-decoration: none;
}

/* Menu
--------------------------------------------------*/
.menu{
list-style-type: none;
margin: 0px;
padding-left: 5px;
padding-top: 10px;
width: 80px;
height: 25px;
line-height: 25px;

}

.menu li a{

background: #999999;
border: solid 1px #ffffff;
font-size: 0.9em;
color: #ffffff;
display: block;
text-decoration: none;
}

* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 80px;
}

.menu li a:visited, .menu li a:active{
color: #ffffff;
}

.menu li a:hover{
background: #C729C5;
}


/* Page elements
--------------------------------------------------*/
#logo {
position: absolute;
background-color: transparent;
background-image:url(logo.jpg);
left: 10px;
top: 5px;
width: 263px;
height: 70px;
}

#issues {
position: absolute;
background-color: transparent;
background-image:url(issues.jpg);
left: 10px;
top: 5px;
width: 400px;
height: 70px;
}

#teachers {
position: absolute;
background-color: transparent;
background-image:url(teachers.jpg);
left: 10px;
top: 5px;
width: 430px;
height: 70px;
}

#topboard {
position: absolute;
background-image:url(bckgrnd.jpg);
background-repeat: repeat-x;
left: 90px;
top: 0px;
width: 680px;
height: 90px;
}

#toppics {
position: absolute;
background-color: transparent;
background-image:url(toppics.jpg);
left: 500px;
top: 0px;
width: 270px;
height: 80px;
}
/* content layout
--------------------------------------------------*/
#wrapper{
	position: absolute;
	width: 650;
	left: 119px;
	top: 10px;
	padding: 2px 2px 2px 2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
	

#content{
	position: relative;
	width: 650;
	padding: 0px 0px 0px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	left: 1px;
	}

	
#column1{
	background: transparent;
	position: absolute;
	width: 310px;
	left: 120px;
	top: 100px;
	padding: 2px 2px 2px 2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#column2{
	position: absolute;
	width: 310px;
	left: 455px;
	top: 100px;
	padding: 2px 2px 2px 2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}

#hometext{
	background: transparent;
	position: absolute;
	width: 380px;
	left: 120px;
	top: 100px;
	padding: 2px 2px 2px 2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
	
#news{
	position: absolute;
	width: 235px;
	left: 521px;
	top: 106px;
	background-color: #E5E5E5;
	border: solid 1px #666666;
	padding: 2px 2px 2px 2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	text-align: right;
	}