BODY {
	font-family: "arial narrow", arial, helvetica, "sans serif";
	font-size: 14px;
	scrollbar-base-color: #094B63;
	scrollbar-arrow-color: #7b7B63;
	scrollbar-track-color: #808080;

	scrollbar-shadow-color: #2F2222;
	scrollbar-lightshadow-color: #000000; 
	scrollbar-darkshadow-color: #252525;

	scrollbar-highlight-color: #404040;
	scrollbar-3dlight-color: #7B7B63;

	background: #000000;
	color: #ddffdd;

	padding: 0;
	margin: 0;
}

A {
	color: #ddffdd;
	text-decoration: none;
}

A:hover {
	background-color: transparent;
	color: #cceecc;
}

A:link {
	color: #eeee90;
	font-weight: bold;
}

A:visited {
	color: #eeee90;
	font-weight: bold;
}

IMG.logo {
	position: relative;
	left: 10px;
	top: 10px;
	width: 100px;
	height: 100px;
}

DIV.top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 120px;
	background-image: url(../images/website/grade.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

DIV.cha {
	position: absolute;
	left: 120px;
	top: 10 px;
	padding-left: 10px;
	color: #eeee90;
	font-size: 30px;
	font-weight: bold;
}

DIV.sub {
	font-size: 15px;
}

DIV.address {
	position: absolute;
	left: 120px;
	top: 65px;
	padding-left: 10px;
	font-size: 11px;
}

DIV.tagline {
	position: absolute;
	left: 470px;
	top: 55px;
	font-size: 15px;
	color: #eeee90;
	font-weight: bold;
}

DIV.title {
	position:absolute;
	left: 120px;
	top: 119px;
	height: 40px;
	width: 680px;
	font-size: 16px;
	padding-left: 10px;
	padding-top: 5px;
	color: #eeee90;
	font-weight: bold;
	background-image: url(../images/website/back1.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

DIV.left {
	position: absolute;
	left: 0px;
	top: 119px;
	height: 600px;
	width: 120px;
	background-image: url(../images/website/back2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 2;
}

DIV.content {
	position: absolute;
	left: 120px;
	top: 159px;
	height: 550px;
	width: 680px;
	color: #ddffdd;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../images/website/back3.gif);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 1;
}

DIV.nobgcontent {
	position: absolute;
	left: 120px;
	top: 159px;
	height: 550px;
	width: 680px;
	color: #ddffdd;
	padding-left: 10px;
	padding-top: 10px;
}

DIV.copyright {
	position: absolute;
	left: 120px;
	top: 748px;
	font-size: 11px;
	text-align: center;
	height: 20px;
	width: 680px;
}

DIV.error {
	border: 1px solid #ffffff;
	background: #550000;
	color: #c1c1c1;
	padding: 5px;
	font-weight: bold;
}

DIV.success {
	border: 1px solid #ffffff;
	background: #005500;
	color: #c1c1c1;
	padding: 5px;
	font-weight: bold;
}

form {
	font-size: 12px;
	font-weight: bold;
	color: #eeee90;
}

input {
	color: #ddffdd;
	font-size: 12px;
	background: #050505;
	border: 1px solid #707070;
}

input.login {
	color: #eeee90;
	font-weight: bolt;
	background: #050505;
	border: 1px solid #707070;
}

textarea.emailtext {
	background-color: #ddffdd;
	color: #ddffdd;
	font-size: 12px;
	background: #050505;
	border: 1px solid #707070;
	overflow: hidden;
}

IMG.thumb {
	border: 1px solid #ffffff;
}

#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	background: transparent;
}

#nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	width: 118px;
	z-index: 100;
/*	overflow: visible; */
	position: absolute; 
	background: transparent;
	border-bottom: 1px solid #ccc;
      
}

#nav li { 
	position: relative;
	width: 118px;
	background: transparent;
	border: solid 1px #ccc;
	display:block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li.last {
	border-bottom: 1px solid #ccc;
}

#nav ul li {
	background-color:#151515;
	border: 1px solid #ccc;
	border-bottom: 0;
}

#nav li {
	border-width: 1px 1px 0 1px;
}

#nav a, #nav ul li a {
	display: block;
	padding: 5px;
}

#nav li:hover, #nav a:hover{
	background-color:#353535;
}

#nav ul, #nav ul ul, #nav ul ul ul{
    display: none; 
    position: absolute; 
    top: 0; 
    left: 118px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul{
    display:none; 
  
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #nav li {float:left;}
* html #nav ul li a {height: 1%;}
* html #nav a {height: 1%;}
/* end holly hack */