.LetterGrade {

	font-family: Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 40px;
	font-weight: bold;


}



.LargeTitle {

	font-family: Arial, Helvetica, sans-serif;
	color: #ff3300;
	font-size: 22px;


}


.VeryLargeTitle {

	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 28px;


}


.LargeLink {

	font-family: Arial, Helvetica, sans-serif;
	color: #0099CC;
	font-size: 21px;
	text-decoration: none;

}

.MenuLink {

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 20px;
	text-decoration: none;


}

.MenuLink2 {

	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
    align: center;
    background-color: #666666;
}

.MenuLink2_active {

	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
    align: center;
    background-color: #CCCCCC;
}

.Logo {

	font-family: Arial, Helvetica, sans-serif;
	color: #ff6600;
	font-size: 40px;
	text-decoration: none;
	font-weight: bold;	

}


.MediumLink {

	font-family: Arial, Helvetica, sans-serif;
	color: #0099CC;
	font-size: 18px;
	text-decoration: none;


}


.LargeText {

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 22px;


}


.MediumText {

	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 18px;
	text-decoration: none;

}


.SmallText {

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;


}


.SmallTextBold {

	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	font-weight: bold;


}

.LabelTextBold {

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	font-weight: bold;


}

.LabelText {

	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;


}

.WikiText {


	font-family: Arial, Helvetica, sans-serif;
	color: #C1C1C1;
	font-size: 13px;
	font-weight: bold;	

}


.WikiLink {


	font-family: Arial, Helvetica, sans-serif;
	color: #FFA448;
	font-size: 13px;
	font-weight: bold;	

}






.FriendLink {
	font-family: Arial, Helvetica, sans-serif;
	color: #6666CC;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;

}

.Friend {
  
  height: 150px;
  width: 290px;
  float: left;
  text-align: left;
  overflow: hidden;
  margin-right: 0px;
  margin-bottom: 10px;
  padding-left: 3px;
  padding-right: 5px;
  padding-top: 3px;

}


.TopTab {

	margin-top:1px;
	margin-bottom:-1px;
	padding: 8px;
	padding-left: 20px;
	padding-right: 20px;
	float:right; 	

}


.LeftTab {
	
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;

}


.LeftTabActive {
	
	border: 1px solid #CCCCCC;
	border-right: 3px #FFFFFF solid;

}


a.header:hover {
  text-decoration: underline;
}



a {

  font-family: Arial, Helvetica, sans-serif;  
  font-size:13px;
  color: #0099CC;
  text-decoration: none;		

}



a:hover {


  text-decoration: underline;

}


.header {	
	font-family: Arial, Helvetica, sans-serif;
	color: #0033FF;
	font-size: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;


}

.header2 {	
	font-family: Arial, Helvetica, sans-serif;
	color: #ff3300;
	font-size: 24px;
	text-decoration: none;


}		

.table_border {
	border: 1px solid;
	border-color: #cccccc;
}

.labels {

	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 18px;
	text-align: right;

	text-decoration: none;			


}

.submit {

	font-family: Arial, Helvetica, sans-serif;
	color: #0033FF;
	font-size: 22px;

	text-decoration: none;			

	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid;
	border-color: #0033FF;




}


.input_box {

	width: 300px; 
	font-size:18px;  
	color: #333333;
	background-color: #FFFFFF;


}		


.comment_box {

	width: 500px; 
	font-size:22px;  
	color: #333333;
	background-color: #FFFFFF;


}		



.input_area {

	width: 500px; 
	height: 300px;
	font-size:18px;  
	color: #333333;
	background-color: #FFFFFF;


}		



.normal {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	
	color:#999999;
}


.comment {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	color:#999999;
	
	
}

.button {

	font-family: Arial, Helvetica, sans-serif;
	color: #0033FF;
	font-size: 18px;

	text-decoration: none;			

	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid;
	border-color: #0033FF;
	


}

.normal_text {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	
	color:#666666;
}

.button_style {

	background-color: ;

}


.tab {

    border-right: 1px solid #FFFFFF;
    text-align: center;
    padding: 3px;
    background-color: #666666
}

.tab_active {

    border-right: 1px solid #FFFFFF;
    text-align: center;
    padding: 3px;
    background-color: #CCCCCC
}



#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

#dhtmlpointer{

	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}






















<style type="text/css">

a {

	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #0099CC;
	text-decoration: none;

}

a:hover {
 	text-decoration: underline;
}

.centercolumn {
	width:950px;
}

.small_menu:hover{
	background-color:white;
	text-decoration:none;
	
	
}

.small_menu{
	padding:2px;
	
}


img {display: block}

.MenuLink {

	font-family: Verdana, ms-sans, Helvetica, sans-serif;
	color: white;
	font-size: 14px;

	padding: 0px;
	margin: 0px;


}

.MenuLinkL {
	float:left;  
	margin-top:-1px; 
	padding:1px; 
	text-align:right;
	
}

.MenuLinkR {
	float:left; 
	margin-left:-1px; 
	margin-top:-1px; 
	padding:1px; 
	text-align:right;
}

.MenuLinkC {
	float:left; 
	background-color:white;
	padding: 2px; 
	margin-left:-3px;
	border-bottom:2px white solid;
}


.MainTab {

	float:right;
	background-color: #99CCFF;
	border-bottom: 1px solid #99CCFF;
	padding:10px;
	margin-top: 12px;

}

.MainTabSelected {
	background-color:#33c6f4;
	border-bottom: 1px solid #33c6f4;	
	solid #33c6f4;
	
}

.MainTabLink {

	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;

}


.MainTab :Hover {


}

.footer {
	padding-top: 3px; 
	text-align:left
}

.rule {
	margin-top: 0px; 
	font-size:24px; 
	color: #999999; 
	font-family:arial;
}

.body {
	border: 1px solid #33c6f4; 
	border-top: 0px;
	padding:10px;
	text-align:left;
}

.title {
	font-size:24px;
	color: #999999;
	font-family:arial;	
}

.header {
	background-color: #33c6f4;
	padding:8px;
	padding-top:0px;
}

.logo {	
	padding: 0px;
	float:left; 	
}

.menu {
	width:100%; 
	width:550px; 
	height:52px;
}

.smallmenu {
	float:right; 
	margin-top: 28px;
	margin-right:5px;
}

.headerborder {
	border: 1px solid #0087b5
}

div {

	Border: 0px solid black;

}

body {
	
	margin: 0px;
	
}

.starthere1 {
	
	font-family: arial;
	font-size: 20px;
	padding:10px;
	color: white;
	background-color: #E1440F;
	
}
.starthere1:hover {
	background-color:#CB3E0E;
}

.starthere2 {
	
	font-family: arial;
	font-size: 20px;
	padding:10px;
	color: white;
	background-color: #499135;
	
}
.starthere2:hover {
	background-color:#3E792D;
	
}

a.listings_link:visited {
		font-weight: bold;	
		color: #007BA4;
	
}


</style>