body.main { font-family:Tahoma; font-size:10pt; color:brown; background:white}

body.main table { font-family:Tahoma; font-size:10pt; }
body.main table th { background: #999999; padding:5px; color:white;}
body.main table tr { background: white; }
body.main input { border: solid 1px gray; }
body.main select { }
body.main textarea { border: solid 1px gray; }
body.main a         { text-decoration: none; }
body.main a:visited { text-decoration: none; }
body.main a:hover   { text-decoration: underline; }
body.main a:active  { text-decoration: none; }
body.main a:link    { text-decoration: none; }

body.panel {
	background: #000000;
	color: #ffffff;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family : arial, sans-serif; font-size : 7pt;
	font-weight : normal;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#7A7A7A;
  scrollbar-base-color:#E5E5E5;
  scrollbar-darkshadow-color:#BCBCBC;
  scrollbar-face-color:#E5E5E5;
  scrollbar-highlight-color:#E5E5E5;
  scrollbar-shadow-color:#BCBCBC
}

body.panel h1{ font-family : Verdana, arial, sans-serif; font-size : 14pt; color: #FFFFFF; border-bottom: solid 1px #FF6666; margin-bottom:3px;}
body.panel h2{ font-family : Verdana, arial, sans-serif; font-size : 13pt; color: #FFFFFF; } 
body.panel h3{ font-family : Verdana, arial, sans-serif; font-size : 12pt; color: #FFFFFF; } 
body.panel h4{ font-family : Verdana, arial, sans-serif; font-size : 10pt; color: #FFFFFF; }
body.panel ol{ font-family : Verdana, arial, sans-serif; font-size : 12px; color: #CCCCCC; }
body.panel p { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC; }
body.panel li{ font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC; }
body.panel td{ font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC; }
body.panel ul{ font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC; }
body.panel table {font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC;}
body.panel table th { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC; background-color:#333366}
body.panel table td { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC;}
body.panel table tr { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC;}
body.panel table tr.alternate{ font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC; background-color:#000033}
body.panel table tr.selected{ font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #CCCCCC; background-color:#aa0000}

body.panel a         { color: #6282C5; text-decoration: none; }
body.panel a:visited { color: #6282C5; text-decoration: none; }
body.panel a:hover   { color: #00FFaa; text-decoration: none; }
body.panel a:active  { color: #6282C5; text-decoration: none; }
body.panel a:link    { color: #6282C5; text-decoration: none; }

body.panel A.menulink { display: block; width: 100%; text-decoration: none; BORDER: none; border: solid 1px #000000; color: #00FFaa;}
body.panel A.menulink:hover { border: solid 1px #00C100; background-color:#336633; text-decoration: none; }
body.panel A.menulink:visited { color: #00FFaa; }
body.panel A.menulink:active { color: #00FFaa; }
body.panel A.menulink:link { color: #00FFaa; }

body.panel select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; height: 22px;}
body.panel input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; height: 22px;}
body.panel input.bfix { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; background-color: #29557B; height: 22px; font-weight: bold}


#footer-wrap {
	clear: both;
	width: 820px;
	text-align: left;
	background: url(../images/footer.jpg) no-repeat center bottom;	
}

#footer-wrap p {
	padding:8px 0;
}
#footer-wrap h2 {
	color:white;
	margin: 0;
	padding: 0 0px; 
}

#sidebar {
	float: right;
	width: 25%;
}	

#sidebar h1 {
	margin-top: 10px;
	padding: 10px 10px 10px 10px; 
	margin: 0px 0px 0px 0px;
	font: 1.3em Tahoma, Sans-serif;
	color: gray;
}

#sidebar table tr td {
  width:190px;
	margin: 0px 0px 0px 0px;
  font-family:Tahoma;
  font-size:10pt;
	color: white; 	
}

#sidebar a{
	padding: 5px 10px 5px 10px; 
	color: white; 	
  font-size:10pt;
  display:block;
  background:#cccccc;
	border:1px solid #999999;
	text-decoration:none;
}

#sidebar a:hover{
	padding: 5px 10px 5px 10px; 
	color: white; 	
  font-size:10pt;
  display:block;
  background:#999999;
	border:1px solid #666666;
	text-decoration:none;
}

body.main input.button { 
	padding: 0px 0px 0px 0px; 
	color: white; 	
  font-size:10pt;
  background:#cccccc;
	border:1px solid #999999;
	text-decoration:none;
	height:20px;
}


#main {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	display: inline;
}
#main h1 {
	margin-top: 10px;
	font: normal 1.6em Tahoma, Sans-serif;
	color: brown; 
	padding: 10px 0 10px 10px; 		
}

#main h2 {
	margin-top: 10px;
	font: normal 1.2em Tahoma, Sans-serif;
	color: brown; 
	padding: 0px 0 0px 10px; 		
}

#main p{
	padding: 0px 10px 0px 10px; 		
}
#nav {
	clear: both;	
	padding: 0;		
}
#nav ul {
	background: url(../images/nav.jpg) repeat-x;	
	width: 820px;		
	text-transform: uppercase;
	margin: 0 0 0 0px;
	padding: 0;	
}
#nav ul li {
	display: inline;
	margin: 0; padding: 0;
}
#nav ul li a {
	background: url(../images/nav.jpg) repeat-x;	
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;
	border-bottom: none;
	color: white;
	font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:link {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 14px;
	border-bottom: none;
	color: white;
	font: bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
#nav ul li a:hover{ 
	background: url(../images/nav-hover.jpg) repeat-x;	
}
#nav ul li a:active {
	background: url(../images/nav-hover.jpg) repeat-x;	
}
#nav ul li#current a {	
	background: url(../images/nav-current.jpg) repeat-x;	
}

#header #header-links {
	position: absolute;
	top: 0px; right: 0px;	
	color:#b1ddff;
	font-size: 10px;	
}
#header #header-links a {	
	color: #999966;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: black;		
}

/* header-photo */
#header-photo {
	clear: both;
	height: 190px;
	width: 820px;
	margin: 0 auto;
	background: #b1ddff url(../images/header-photo.jpg) no-repeat;
}

#content-wrap {
	position: relative;
	clear: both;
	float: left;	
	width: 820px;	
	margin-top:1px; 	
	background: white;	
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
	display: inline;
}
#header {
	width: 820px;
	position: relative;
	height: 120px;
	background: url(../images/header-bg.jpg);
	padding: 0;	
	color: white;	
}
#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 36px Tahoma, Arial, Sans-serif;
	letter-spacing: -1px;
	color: #b1ddff;
	text-transform: none;
	text-decoration: none;
		
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; left: 30px;	
}
#header h1#logo-text span {
	color: white;
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #996666;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 88px; left: 80px;		
}

#wrap {
	position: relative;
	width: 820px;
	background: white;
	margin: 0 auto;
	text-align: left;
}
#top-bg {
   position: absolute;
	width: 820px;
	height: 19px;
	background: white;	
	top: 0; left: 0;
}