/* CSS Document */
/*PAGE LAYOUT*/
body {
	width: 800px;
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 0.8em Tahoma, sans-serif;
	background:#fff url('back.png') repeat-x top;}
#logo{float:left; background-image:url('notelogo.png'); width:277px; height:213px;}
#topheader{
	float:right;
	width:523px;
	height:83px;
	position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#mainpanel{
	float:right;
	width:523px;
	text-align: justify;}
#subpanel{
	float:left;
	width:275px;
}
#menu{
	margin: 0px;
	border: 0px;}
#menu a {
	color: #000;
	text-decoration:none;
	padding: 0px;
	float:right;
	background:url('blank.png');
	width:72px;
	height:40px;
	padding-top: 15px;
	font-family: "Comic Sans MS", cursive;
	font-size: 18px;
	font-weight: bold;
}

#menu a:hover {
	background: url('blank_sel.png'); 
	color: #000;
	text-decoration:none;
}
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FFF url(orange_menu.png);
  color: #70695A;} 

#footer{
	float:left;
	width:780px;
	background-color:#F0F0F0;
	padding:10px;
}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; 
	background-color:#F7F7F7; 
	padding:10px; 
	margin:10px;
	text-align:justify;}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
	text-align: left;
	width: 523px;
	float: right;}
.maintext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
	text-align: justify;
	padding: 10px;
	font-size: 11px;
}
.subtext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
	text-align: left;
	font-size:11px;
	width: 225px;
	float: right;
	}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align: center;
	padding: 10px;
	color:#000000;}
.subtitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#000000;}
.graytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;}
.graytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;}
.graytext a:hover{
	text-decoration:underline;}
.redtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;}