/* body formating
--------------------------------------------------*/
body {
font-family: arial, helvetica, sans-serif;
background-color: #bcbcbc;
color : #333333;
font-size: 0.8em; 
text-decoration : none;
text-align : center;
margin-left: 0px;
margin-top: 0px;
}

div#container
{
margin-left: auto;
margin-right: auto;
width: 770px;
text-align: left;
background: url(bckgrnd2.jpg) repeat-y;
background-color: #ffffff;
}

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{
float: left;
list-style-type: none;
margin: 0px;
padding-left: 5px;
padding-top: 100px;
padding-bottom: 100px;
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
--------------------------------------------------*/
#topboard {
position: relative;
background-image:url(bckgrnd.jpg);
background-repeat: repeat-x;
left: 90px;
/*--------------------------------hack for ie*/
*left: 5px;
_left: 0px;
/*--------------------------------end hack*/
top: 0px;
width: 680px;
height: 90px;
}

#logo {
position: relative;
background-color: transparent;
background-image:url(logo.jpg);
left: 50px;
/*--------------------------------hack for ie*/
*left: -35px;
_left: -40px;
/*--------------------------------end hack*/
top: -85px;
width: 263px;
height: 70px;
}

#teachers {
position: relative;
background-color: transparent;
background-image:url(teachers.jpg);
left: 50px;
/*--------------------------------hack for ie*/
*left: -35px;
_left: -40px;
/*--------------------------------end hack*/
top: -85px;
width: 430px;
height: 70px;
}

#unpacked {
position: relative;
background-color: transparent;
background-image:url(unpacked.jpg);
left: 50px;
/*--------------------------------hack for ie*/
*left: -35px;
_left: -40px;
/*--------------------------------end hack*/
top: -85px;
width: 695px;
height: 70px;
}

#issues {
position: relative;
background-color: transparent;
background-image:url(issues.jpg);
left: 50px;
/*--------------------------------hack for ie*/
*left: -35px;
_left: -40px;
/*--------------------------------end hack*/
top: -85px;
width: 400px;
height: 70px;
}

#toppics {
position: relative;
background-color: transparent;
background-image:url(toppics.jpg);
left: 500px;
/*--------------------------------hack for ie*/
*left: 415px;
_left: 410px;
/*--------------------------------end hack*/
top: -160px;
width: 270px;
height: 80px;
}


/* content layout
--------------------------------------------------*/
#content{
	position: relative;
	width: 650px;
	padding: 0px 0px 0px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	top: -145px;
	left: 112px;
	/*--------------------------------hack for ie*/
	*left: 110px;
	_left: 20px;
	/*--------------------------------end hack*/
	}

#flash{
	position: relative;
	width: 650px;
	padding: 0px 0px 0px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	top: -115px;
	left: 112px;
	/*--------------------------------hack for ie*/
	*left: 110px;
	_left: 20px;
	/*--------------------------------end hack*/
	}
	
	#ucontent{
	position: relative;
	width: 650px;
	padding: 0px 0px 0px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	top: -45px;
	left: 20px;
	/*--------------------------------hack for ie*/
	*left: 110px;
	_left: 20px;
	/*--------------------------------end hack*/
	}