body{
	padding:0px;
	margin:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(/images/redStripeBG.gif);
}
h1, h2, h3, h4, h5{ margin: 4px; padding-bottom:5px; }
h1{ font-size:20px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4{ font-size: 14px; }
h5{ font-size: 12px; }

#classList{ border: 2px solid #DDDDDD;font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; width:750px; }
#classList th {text-align:center;}
#classList td {padding:3px; border:1px solid #DDDDDD;}
#classList td.Name {font-weight:bold;}
#classList .RealBad { background-color: #FFB0B0; }
#classList .NotGood { background-color: #FFB79B; }
#classList .OK { background-color: #FFE0A6; }
#classList .PrettyGood { background-color: #FFFFE5; }
#classList .Perfect { background-color: #FFFFFF; }


.Student {padding: 10px 4px; vertical-align:top; width:150px;}
.small {font-size:10px; }
.notassmall {font-size:12px; }
.ErrMsg {
	background-color: #FF8083;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	border: 1px solid #000000;
	padding: 5px 60px;
	margin: 10px;
	width:300px;
}

.Photo{
	background-color:#FFF2F2;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: #CC0000 solid 1px;
	margin-bottom: 20px;
	padding:10px;
	text-align:center;
	color: #000000;
	width:550px;
}
.Photo Img{
	border:0;
	padding: 10px;
}	

/* -----------------   FORUM   --------------------  */
#TopicList table{
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}
#TopicList table th{
	background-color: #C0C0C0;
	color: #DD0000;
}
#TopicList table td{
	border-bottom: 1px solid #000000;
	background-color: #DDDDDD;
	padding: 4px 10px;
	text-align:left;
}
#TopicList table td.NewPosts{
	background-color: #EEEEEE;
}
#TopicList table td.Number{
	text-align:right;
}



/*  ------------------  layout Tables --------------------------------------- */
table#HeadTable{
	padding: 0px;
	margin: 0px;
	width: 770px;
	background-image: url(/images/grayStripeBG.gif);
	text-align: center;
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
	border-top: 1px solid #DD0000;
}
table#HeadTable td{
	padding: 8px 5px;
	margin: 0px;
}

table#MenuTable{
	padding: 0px;
	margin: 0px;
	width: 770px;
	background-color:#CCCCCC;
	text-align: center;
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
}
table#MenuTable td{
	padding: 0px 0px;
	margin: 0px;
}
table#Welcome{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:770px;
	background-color:#CCCCCC; 
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
}	
table#Welcome td{
	padding: 0px 0px;
	margin: 0px;
}
table#Announcement{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:770px;
	background-color:#FFFF66; 
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
}	
table#Announcement td{
	padding: 3px 0px;
	margin: 0px;
}
table#Heat{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:770px;
	background-color:#FF6600; 
	color:#FFFFFF;
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
}	
table#Heat td{
	padding: 3px 0px;
	margin: 0px;
	text-align:center;
}
table#SuperAnnouncement{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:770px;
	color:#000000; 
	background-color:#FFCCFF;
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
}	
table#SuperAnnouncement td{
	padding: 5px 10px;
	margin: 0px;
	text-align:center;
}
table#AnnounceBlue{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:770px;
	color:#FFFFFF; 
	background-color:#000099;
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
}	
table#AnnounceBlue td{
	padding: 5px 10px;
	margin: 0px;
	text-align:center;
}
table#AnnounceBlue td a{
	color:#FFFFFF;
	text-decoration:none;
}
table#SuperAnnouncementGreen{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:770px;
	color:#000000; 
	background-color:#00FF00;
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
}	
table#SuperAnnouncementGreen td{
	padding: 5px 10px;
	margin: 0px;
	text-align:center;
}


table#BodyTable{
	padding: 0px;
	margin: 0px;
	width: 770px;
	text-align: center;
	background-color:#FFFFFF;
	border-left: 1px solid #DD0000;
	border-right: 1px solid #DD0000;
	border-bottom: 1px solid #DD0000;
}
table#BodyTable td#MainCell{
	padding: 8px 5px;
	margin: 0px;
}

/*  ------------------      top nav bar stuff   ----------------------------- */
#navcontainer ul
{
margin: 0;
padding: .3em;
background-color: #CCCCCC;
color: #DD0000;
width: 756px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #DD0000;
border-top: 1px solid #DD0000;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.3em 1em;
background-color: #CCCCCC;
color: #DD0000;
text-decoration: none;
border-right: 1px solid #DD0000;
}

#navcontainer ul li a#farLeft
{
padding: 0.3em 1em;
background-color: #CCCCCC;
color: #DD0000;
text-decoration: none;
border-right: 1px solid #DD0000;
border-left: 1px solid #DD0000;
}

#navcontainer ul li a:hover
{
background-color: #DD0000;
color: #CCCCCC;
}

#navcontainer ul li a:hover#farLeft
{
background-color: #DD0000;
color: #CCCCCC;
}

#navcontainer ul li a#current
{
background-color: #DD0000;
color: #CCCCCC;
}

