@charset utf-8;

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.80em;
margin:0;
}

p{
	padding:0;
	margin:0 0 20px 0;
}

h1 {
font-size:24px;
color:#f98618;
}

h2 {
font-size:18px;
color:#000;
}

h3 {
font-size:14px;
color:#000;
}

h4 {
font-size:14px;
color:#f98618;
padding:0;
margin:0;
}

a {
color:#9a0000;
padding:2px;
}

a:hover {
background:#9a0000;
color:#fff;
text-decoration:none;
padding:2px;
}

#page {
width:1024px;
background-image:url(image/page_bg.gif);
background-position:top left;
background-repeat:repeat-y;
margin:0 auto;
}

#main_content {
position:relative;
min-height:720px;
}

#main_nav {
width:260px;
height:663px;
background:#FCA838 url(image/main_nav_bg.gif) top left;
left:0;
top:0;
float:left;
}

ul.nav {
list-style:none;
margin:65px 22px 0 0;
text-align:right;
padding:0;
}

ul.nav li a {
display:block;
margin:0;
padding:0 20px 0 0;
}

ul.nav li a {
	background:none;
}

ul.nav li ul {
list-style:none;
text-align:right;
color:#FFF;
font-size:.8em;
margin:0 30px 0 0;
}

ul.nav li ul li a {
text-decoration:none;
color:#FFF;
padding:2px;
}

ul.nav li ul li a:hover {
background:none;
padding:2px;
background:#fff;
color:#F97B12;
}

#content {
width:700px;
min-height:720px;
float:right;
padding:55px 20px 55px 0px;
}

.letter {
text-align:justify;
margin:10px 50px;
}

address {
margin:10px 30px;
}

#content ul li {
font-size:.9em;
}

#classroomcss {
position:absolute;
top:0;
right:0;
}

#footer {
clear:both;
margin:0 50px 0 305px;
padding:0 0 15px 0;
font-size:10px;
color:#666;
}

ul.nav li a:hover,ul.nav li a.active {
background-image:url(image/active.png);
background-position:right;
background-repeat:no-repeat;
display:block;
margin:0;
padding:0 20px 0 0;
}

/* Gender Matters Riddle*/
#riddle-box {
	border:dashed 2px #FCA838;
	padding:20px;
	color:#333;
	font-size:14px;
}

#riddle-answer {
	display:none;
}