@charset "UTF-8";
/* CSS Document */

body {
background:#000000 url(images/bg.jpg) no-repeat top center;
margin: 0px;
padding: 0px;
font: .8em verdana, sans-serif;
text-align:center;
}

#wrapper{
border:10px #000000 solid;
border-top:0px;
margin:auto;
width: 800px;
padding:0px;
background-color:#FFFFFF;
}

#spacer {
width:700px;
padding: 50px;
text-align:left;
color:#333333;
}


/* ================================================================ 
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/hover_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {background:#000; width:800px;}
#nav {list-style-type:none; padding:0px; margin:0; background:#000;}
#nav ul {list-style-type:none; padding:0px; margin:0;}
#nav li {float:left; background:#000; margin:0px; position:relative; padding:0px;}

/* for IE5.5 and IE6 only */
#nav table {border-collapse:collapse;position:absolute;top:0;left:0;z-index:80;font-size:1em;}

#nav li a {display:block; color:#fff; height:33px; font: 1em Arial, Helvetica, sans-serif; line-height:30px; width:132px; text-decoration:none; text-align:center;}
#nav :hover {color:#88f0ff;}
#nav :hover > a {color:#88f0ff;}

#nav ul, 
#nav :hover ul ul,
#nav :hover ul :hover ul ul,
#nav :hover ul :hover ul ul.left {position:absolute; left:-9999px; width:111px;}

#nav :hover ul{left:-1px;top:33px; background: #000 url(transparent.gif);} /* the background image is for IE7 */






/* ////old navigation css/// */

/* #nav {
width:800px;
}

#nav ul{
list-style-type:none;
text-align: left;
padding: 8px;
margin: 0px;
}

#nav li{
display:inline;
margin: 0px 15px;
background:none;
padding: 0px;
}

#nav a, a:visited{
color: #FFFFFF;
text-decoration: none;
}

#nav a:hover{
color:#88f0ff;
} */

#newsbar{
float:right;
padding-left:20px;
width: 217px;
}

#loginbar{
float:right;
background:#EBEBEB;
border-top: 1px #000 solid;
border-bottom: 1px #ccc solid;
width: 225px;

}

.loginspacer{
padding: 15px;
}

a.logo:link{
overflow:hidden;
clear:both;
border:0pt none;
padding: 0px;
margin:0px;
}

a, a:visited{
color:#999999;
font-weight:bold;
}

img.banner{
padding: 0px;
margin: 0px;
border-top:0px;
border-bottom: 10px #000000 solid;
border-right: 0px;
border-left: 0px;
}

.title{
font: bold 1.8em verdana, sans-serif;
color: #279cbe;
border-bottom: 1px #CCCCCC solid;
}

.titlefront{
font: bold 1.8em verdana, sans-serif;
color: #279cbe;
border-bottom: 1px #CCCCCC solid;
padding-top:15px;
}

.titleshort{
font: bold 1.8em verdana, sans-serif;
color: #279cbe;
border-bottom: 1px #CCCCCC solid;
width:435px;
}

ul {
list-style-type: none;
}

ul li {
background: url(images/star.gif) left center no-repeat;
padding-left: 20px;
margin-bottom: 5px;
}

ol li {
background: none;
padding-left: auto;
margin-bottom: auto;
}



.newstop{
background:url(images/newsbar.jpg) top left no-repeat;
height: 47px;
}

.news{
font: bold 1.8em verdana, sans-serif;
color: #FFFFFF;
padding-left:15px;
padding-top:15px;
}

.newscontent{
width:188px;
background:#7a7a7a url(images/gradient.jpg) repeat-x top;
font-size:x-small;
color:#FFFFFF;
padding: 10px;
margin-left:3px;
line-height: 2;
border-bottom: 2px #666 solid;
}

.loginhead{
background: #666;
color:#FFFFFF;
font: bold 1.2em verdana, sans-serif;
padding:10px;
}


p.home{
line-height:2;
width:420px;
}

p{
padding-left: 20px;
}

table{
text-align:center;
margin:20px;
border-collapse:collapse;
}

img.imgleft{
float:left;
margin: 10px;
}

input.login{
display:inline;
border: 1px #666 solid;
padding:3px;
margin: 5px;
}

input.send-btn {
width: 83px;
height: 31px;
background: #333 url(images/login.jpg) no-repeat;
outline: none;
border:none;
margin:5px;
}
input.send-btn:hover {
background: #666 url(images/login.jpg) no-repeat 0 -31px;
}


.subtitle{
font: bold 1.2em verdana, sans-serif;
letter-spacing: -1px;
margin-left:-10px;
line-height:2;
}

.boxed{
padding:10px;
margin-left: 325px;
background: #FFF url(images/stars.jpg) no-repeat bottom right;
}

.teaches{
font: italic 1em arial, sans-serif;
color:#999999;
margin-left:-10px;
}

.age {
font: italic 1em arial, sans-serif;
color:#999999;
margin-left:-10px;
line-height:2;
}

.map {
float: right;
padding-top: 25px;
}

.login{
float:left;
padding: 15px;
}

.footer{
font-size:x-small;
color: #FFFFFF;
padding-bottom: 25px;
}