body,td {
text-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 140%;
color: #666699;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
color: #666699;
}
p, li {
font-size: 80%;
margin-bottom: 0.5em;
}
div.order {
width: 93%;
background-color: #9999CC;
padding: 10px 20px;
margin-top: -10px;
}
.reverse {
color: #FFFFFF;
}
.catchy {
color: #FF4600;
}
.important {
color: #666699;
font-weight: bold;
}
/*key color styles for Diary*/
.exp_slalom {
color: #FF4600;
}
.slalom {
color: #0070C0;
}
.bcu {
color: #00B050;
}
.exp_padlers {
color: #7030A0;
}
.family {
color: #E36C0A;
}
/*===============*/

.headtitle {
font-size: 160%;
font-weight: bold;
color: #FFFFFF;
background-position: 95%;
padding-right:10px;
background-repeat: no-repeat;
}
.headsubtitle {
font-size: 120%;
font-weight: bold;
color: #FFFFFF;
background-position: 95%;
padding-right:10px;
}
.menuarea {  
width: 250px; 
font-weight: bold; 
background-color: #666699; 
vertical-align: top
}
.footer {  
font-size: 10px; color: #666699
}
.menuarea a:link {
	color: #FFFFFF;
	background-color : transparent;
	text-decoration : none;
}
.menuarea a:visited {
	color: #FFFFFF;
	background-color : transparent;
	text-decoration : none;
}
.menuarea a:hover {
	color: #FF4600;
	background : #CCFFFF;	
	text-decoration: none;
}
.menuarea a:focus {
	color: #FF4600;
	background : #CCFFFF;	
	text-decoration: none;
}
.menuarea a:active {
	color: #FF4600;
	background : #CCFFFF;	
	text-decoration: none;
}
a:hover {
	color: green;
	background : #FFFF99;	
	text-decoration: none;
}
a:focus {
	color: green;
	background : #FFFF99;	
	text-decoration: none;
}
a:active {
	color: green;
	background : #FFFF99;	
	text-decoration: none;
}
/* There is more to it that I would recommend, and have, such as adding a background color, 
and possibly isolating focus (land on) from active (click, or ıland onı to Internet Explorer) to enhance the experience even more 

read : http://green-beast.com/blog/?p=312 for more on use with JS
*/

.style2 {font-size: 12}
.style7 {font-size: 10; }
.style9 {color: #0066FF}
.style12 {font-size: 10; color: #FFFF66; }

font-weight: bold;.style1 {color: #3300FF}
.style2 {font-size: 18px}
.style3 {color: #FF0000}
.style5 {
font-size: 10px;
color: #FF0000;
}