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

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
background-color:#000000;
background-image:url(images/bg_test2.gif);
background-repeat:repeat-x;
color:#4F473D;
}
p, h2, h3, h4 {
margin:0;
padding:0;
}
a:focus {
outline:none
}
#contain{
width:970px;
margin:0 auto;
}
#outer{
background-image:url(images/burlap.gif);
clear:both;
}
a.quicklinks{
font-size:90%;
float:right;
text-decoration:none;
color:#FFF099;
text-transform:uppercase;
margin:0;
padding:2px 2px;
}
a:hover.quicklinks{
color:#D96F27;
}
#nav{
float:left;
width: 950px;
margin:0 0 0 10px;
padding: 0;
list-style:none;
background-color:#280D00;
}
#nav li{
float:left;
margin: 0 2px 0 0;
padding:0;
font-size:90%;
position: relative;

}
li ul.subnav {
  display: none;
  position: absolute; 
  top: 1em;
  left: 0;
  margin:13px 0 0 0;
z-index:1000;
list-style:none;
padding:0;
  }
li:hover ul, li.over ul{ display: block; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
a.mainnav, a.mainabout, a.mainderby, a.mainexhibits, a.mainnews, a.mainvisit, a.mainrent, a.mainkids, a.maininvolved, a.maincontact{
float:left;
display:block;
margin:0;
padding:5px 0;
color:#EAE0AC;
text-align:center;
text-decoration:none;
background: url(images/navback.gif) repeat-x top left;
}
a:hover.mainnav, a:hover.mainabout, a:hover.mainderby, a:hover.mainexhibits, a:hover.mainnews, a:hover.mainvisit, a:hover.mainrent, a:hover.mainkids, a:hover.maininvolved, a:hover.maincontact{
background: url(images/navback2.gif) repeat-x top left;
color:#EAE0AC;
text-decoration:none;
}
a.mainnav, ul.subnav li.submain{width:60px;
}
a.mainabout, ul.subnav li.subabout{width:80px;
}
a.mainderby, ul.subnav li.subderby{width:115px;
}
a.mainexhibits, ul.subnav li.subexhibits{width:70px;
}
a.mainnews, ul.subnav li.subnews{width:105px;
}
a.mainvisit, ul.subnav li.subvisit{width:102px;
}
a.mainrent, ul.subnav li.subrent{width:120px;
}
a.mainkids, ul.subnav li.subkids{width:98px;
}
a.maininvolved, ul.subnav li.subinvolved{width:90px;
}
a.maincontact, ul.subnav li.subbcontact{width:90px;
}

ul.subnav li{
background-color:#CEBE95;
border-bottom:1px solid #E0D3B6;
margin:0;
padding:0;
position: absolute;
text-align:center;
z-index:1000;
}
ul.subnav a{
margin:0 auto;
line-height:160%;
color:#330000;
text-decoration:none;
}
ul.subnav a:hover{
color:#844013;
text-decoration:underline;
}
#front_mid{
clear:both;
margin:0;
height:323px;
z-index:1;
}
#front_bot{
margin:0;
clear:both;
background:url(images/front_bg.gif) repeat-y;
overflow:hidden;
}
.mk1{
margin:0 0 0 10px;
width:360px;
background-image:url(images/mk_event.jpg);
height:110px;
float:left;
}
.mk1 p{
margin:0 0 0 10px;
padding:0;
width:250px;
font-size:90%;
color:#544A41;
}
.mk2{
width:230px;
height:110px;
float:left;
background-color:#000;
}
.mk3{
width:360px;
height:110px;
float:left;
background-image:url(images/oaks_party.jpg);
}
p.oakspink{
color:#990033;
padding:2px 0 0 40px;
font: bold 180% "Times New Roman", Times, serif;
}
p.oakslarge{
color:#000000;
padding:2px 0 0 40px;
font: bold 220% "Times New Roman", Times, serif;
}
p.address{
color:#E0D08C;
font-size:80%;
width:450px;
text-align:center;
float:left;
padding:0;
}
#sm{
float:left;
color:#280D00;
font:bold 90% Verdana, Arial, Helvetica, sans-serif;
width:240px;
}
#rsm{
float:right;
width:200px;
color:#FFFFFF;
height:60px;
}
.mk1 a{
margin:0 0 0 10px;
padding:10px 0 5px 0;
font-size:110%;
font-weight:bold;
color:#932E14;
text-decoration:none;
display:block;
}
a.oaks{
color:#000000;
display:block;
padding:6px 0 0 50px;
text-decoration:none;
}
#foot{
margin:0 0 0 10px;
clear:both;
overflow:hidden;
}
#slider{
width:600px;
height:323px;
z-index:1;
background-color:#000000;
float:left;
}
#dir{
width:350px;
height:323px;
background-color:#000000;
float:right;
font-size:90%;
color:#FFF099;
}
img.map{
float:right;
padding:0 10px 0 0;
width:85px;
margin:0px;
}
#dir p{
padding:0 0 0 10px;
}
.white{
color:#FFFFFF;
}

#fr_bot_l{
float:left;
width:335px;
background-image:url(images/fr_bg.gif);
}
#fr_bot_c{
float:left;
width:400px;
background-color:#FFFFFF;
}
#fr_bot_c h4{
color:#0E3F0B;
padding:5px 0 0 15px;
font-size:110%;
}
#fr_bot_r{
float:left;
width:215px;
}
.fr_member{
background-image:url(images/fr_member.gif);
width:215px;
height:100px;
padding:10px 0 5px 0;
}
.fr_book{
background-image:url(images/fr_edu.gif);
width:215px;
height:60px;
padding:5px 0 5px 0;
}
.fr_email{
background-image:url(images/fr_email.gif);width:215px;
}
.fr_member a{
font-size:120%;
color:#ca7111;
padding:0 2px 0 15px;
text-decoration:none;
line-height:140%;
display:block;
}
h3 {font-size:110%;
}
.fr_member p{
color:#634C33;
}
.fr_member p, .fr_book p, .fr_email p{
width:190px;
margin:0 0 5px 15px;
font-size:90%;
}
.fr_book p{
color:#FFF099;
}
.fr_email p{
color:#FFFFFF;
}
.fr_email h3{
font-weight:normal;
padding:10px 0 2px 15px;
color:#FFF099;
font-size:120%;
}
.fr_book a{
font-size:120%;
padding:0 0 0 15px;
color:#FFF099;
text-decoration:none;
line-height:140%;
display:block;
}
.fr_book a:hover{
color:#FFFFFF;
}
img {
border: 0 }
a:focus { 
outline:none }
.elist{
width:150px;
padding:5px 0 0 15px;
}
.sp{
width:950px;
height:20px;
clear:both;
}
.front_news{
background-color:#FFFFFF;
width:320px;
margin:7px 0 0 7px;
padding:10px 0 0 0;
overflow:hidden;
}
p.museum_news{
background-color:#280D00;
width:300px;
margin:0 auto;
padding:4px 0 7px 5px;
color:#d67d33;
font-size:110%;
}
p.museum_news a{
text-decoration:none;
color:#d67d33;
}
.exhibits{
width:390px;
font-size:90%;
}
.exhibits li{
list-style:none;
padding:10px 0;
clear:both;
}
.exhibits img{
float:left;
padding:0 10px 0 15px;
}
ul
{list-style:none;
margin:0;
padding:0;
}
.front_news li{
clear:both;
margin:0 0 0 10px;
padding:18px 0;
width:310px;
}
.news_left {
float:left;
width:42px;
background:url(images/news_left.gif) no-repeat;
height:60px;
}
.news_left p{
padding:12px 0 0 0;
}
.news_right{
float:left;
text-transform:uppercase;
width:230px;
padding:10px 0 0 15px;
}
.news_right a{
color:#6B5532;
text-decoration:none;
}
.news_right a:hover{
color:#000;
}
span.month{
font-size:90%;
color:#EFE8BB;
padding:0 0 0 8px;
margin:2px 0 0 0;
line-height:120%;
clear:both;
}
span.day{
font:210% Helvetica, sans-serif;
color:#EFE8BB;
font-weight:bold;
padding:0 0 0 5px;
margin:0;
line-height:100%;
clear:both;
}
.news_left_b{
width:320px;
height:20px;
clear:both;
}
span.front_date{
font-size:90%;
color:#47301F;
line-height:130%;
}
#fr_bot_c a {
color:#280D00;
font-weight:bold;
text-decoration:none;
}
#fr_bot_c a:hover{
color:#217cb1;
text-decoration:underline;
}
.main{
margin:0 0 0 10px;
width:950px;
clear:both;
background-color:#fff;
overflow:hidden;
}
#col_left{
float:left;
width:230px;
color:#604A30;
padding:10px;
line-height:160%;
}
#col_left p{
padding:0 0 0 10px;
}
.exbold{
font-size:140%;
color:#370a7b;
}
.excurrent{
font-size:140%;
}
.exgroup{
font-size:140%;
color:#A67A44;
}
#col_right{
float:left;
width:650px;
padding:20px 25px;
}
#col_right h2{
font-size:130%;
padding:0 0 5px 0;
}
#col_right p{
padding:5px 0;
}
.left_blue, .left_orange, .left_tan, .left_navy{
width:215px;
padding:5px;
}
.left_blue{
background-color:#296588;
margin:45px 0 0 0;
color:#fff;

}
.left_orange{
background-color:#D96F27;
margin:10px 0 0 0;
color:#fff;
}
.left_navy{
background-color:#052244;
margin:10px 0 10px 0;
color:#ffffff;
}
.left_navy a{
color:#ffffff;
text-decoration:none;
}
.left_tan{
background-color:#E2DBAF;
color:#280D00;
}
.left_tan a{
color:#280D00;
text-decoration:none;
}
.left_blue a{
color:#B0E5FF;
text-decoration:none;
}
.lc_secondary a{
color:#280D00;
text-decoration:none;
}

.bold{
font-weight:bold;

}
.lc_secondary{
background-color:#CEBE95;
margin:5px 5px 0 0;
padding:8px;
background-image:url(images/diamonds.gif);
}
.lc_secondary a{
color:#280D00;
text-decoration:none;
}
.left_blue a:hover{
color:#fff;
text-decoration:underline;
}
.lc_secondary p{
padding:0 0 20px 0;
}
.lc_exhibits{
background:url(images/exhibits.gif) no-repeat;
overflow:hidden;
}
.lc_visit{
background:url(images/visit.gif) no-repeat;
overflow:hidden;
}
.lc_news{
background:url(images/news.gif) no-repeat;
overflow:hidden;
}
.lc_about{
background: url(images/about_us.gif) no-repeat;
overflow:hidden;
}
.lc_trad{
background: url(images/traditions.gif) no-repeat;
overflow:hidden;
}
.lc_involved{
background: url(images/get_involved.gif) no-repeat;
overflow:hidden;
}
.lc_edu{
background:url(images/kids_corner.gif) no-repeat;
overflow:hidden;
}
.lc_contact{
background:url(images/contact_us.gif) no-repeat;
overflow:hidden;
width:200px;
height:50px;
}
p.history{
font-size:110%;
font-weight:bold;
color:#006699;
}
.quote{
font-size:120%;
font-family:Arial;
font-weight:bold;
margin:10px 0 10px 0px;
color:#94793c;
line-height:130%;
}
.note{
font-size:80%;
line-height:140%;
color:#724329;
}
.right{
float:right;
padding:5px;
}
.left{
float:left;
padding:5px;
}
.admission{
font-weight:bold;

}
.ad_title{
color:#280D00;
font-weight:bold;
}
.left_ad{
float:left;
width:350px;
}
#ad_bot{
clear:both;
width:600px;
}
#group{
background-image:url(images/group_bg.gif);
background-color:#dfe2e7;
padding:15px;
}
#sp{
background-color:#dfe2e7;
padding:15px;}
a{
color:#280D00;
}
a:hover{
color:#217cb1;
text-decoration:underline;
}
.itenerary{
padding:20px;
width:572px;
margin:0 0 20px 0;
background-color:#FFF2BD;
border:1px solid #d4c68e;
}
.tours{
color:#296588;
font-size:90%;
}
.edu{
color:#904C27;
}
ul.class{
margin:0 0 0 30px;
}
ul.class li{
margin:5px 0 5px 0;
}
ul.ed_cat{
float:left;
width:310px;
padding:0 0 10px 0;
}
ul.ed_cat a{
text-decoration:none;
}
ul.ed_cat a:hover{
text-decoration:underline;
}
.teachers{
font-size:80%;
line-height:180%;
color:#003300;
}
#study{
padding:15px 20px;
margin:15px 0;
color:#003300;
background-color:#DEFFC3;
}
p.study{
font-size:140%;
}
ul.guidelines li{
padding:0 0 10px 0;
}
li.vgtitle{
font-size:140%;
}
ul.guidelines{
background-color:#cebe95;
padding:20px;
border:2px dashed #fff;
margin:10px 0 0 0;
}
ul.fieldtrip{
list-style:url(images/excl.gif);
margin:0 0 0 30px;
}
ul.fieldtrip li{
padding:0 0 10px 0;
}
.ftcenter{
width:220px;
margin:0 auto;
}
.trip{
line-height:160%;
color:#7C5A32;
}
p.ft_visit{
font-size:140%;
}
.clear{
clear:both;
}
.exclaim{
font-weight:bold;
color:#cc0000;
font-size:80%;
}
ul.vocab li{
margin:10px 0;
}
.vcbold{
font-weight:bold;
}
#main_event{
overflow:hidden;
background-color:#523123;
}
#main_event p.ev_first{
background-color:#6d4534;
width:280px;
color:#ccb69e;
margin:0 10px 0 40px;
padding:10px;
float:left;
}
#main_event p.ev_follow{
background-color:#6d4534;
width:550px;
color:#ccb69e;
margin:0 10px 20px 40px;
padding:10px;
}
#slide_right{
width:520px;
height:355px;
float:right;
margin:0 40px 10px 0;
padding:0px;
background-color:#000000;
}
h3.ev_heading{
color:#ffffff;
font-size:120%;
margin:0 10px 0 40px;
}
.ev_rinfo{
width:300px;
float:right;
margin:0;
padding:0 20px 0 0;
}
img.gh{
padding:10px 5px 10px 5px;
}
#ev_gh{
margin:0 auto;
text-align:center;
width:950px;
clear:both;
}
h3.evtitle{
color:#ffffff;
font-size:120%;
margin:0;
padding:10px 0 0 20px;
}
#main_event p.ev_room{
background-color:#6d4534;
width:260px;
color:#ccb69e;
margin:0 10px 0 20px;
padding:10px;
float:left;
}
ul.eventside a{
font-size:120%;
color:#EFE4DB;
line-height:150%;
}
ul.eventside li{
border-bottom:dotted 2px #6d4534;
color:#EFE4DB;
}
ul.package{
background-color:#6d4534;
color:#ccb69e;
width:330px;
padding:10px;
margin:10px;
}
ul.packagerec{
background-color:#6d4534;
color:#ccb69e;
width:360px;
float:left;
padding:10px;
margin:10px;
}
ul.packagerec li{
margin:0;
padding:2px 0;
}
#wed{
width:800px;
margin:0 auto;
}
p.wedreh{
background-color:#6d4534;
width:760px;
color:#ccb69e;
padding:10px;
margin:10px;
}
div.ev_rinfo p{
background-image:url(images/diamnd.gif);
background-color:#b29a6c;
color:#523123;
padding:10px;
margin:10px;
}
.wed_bold{
font-weight:bold;
color:#ffffff;
}
.wed_right{
float:right;
width:350px;
}
a.event_link{
color:#280D00;
text-decoration:none;
}
a:hover.event_link{
color:#fff;
text-decoration:underline;
}
ul.services{
background-color:#6d4534;
color:#ccb69e;
width:550px;
margin:0 10px 20px 40px;
padding:10px;
}
ul.services li{
margin:0;
padding:5px 0;
}
p.event_soon{
background-color:#6d4534;
width:550px;
height:300px;
color:#ccb69e;
margin:0 10px 0 20px;
padding:10px;
}
.sp_wed{
width:800px;
height:20px;
clear:both;
border-bottom:2px dotted #6d4534;
}
ul.members li{
padding:5px 0;
}
p.mem_ben{
font-size:150%;
color:#052244;
}
p.mem_ben_sm{
font-size:130%;
color:#052244;
}
p.mem_ben_gift{
font-size:120%;
font-style:italic;
color:#000000;
}
p.memtitle{
font-size:140%;
}
ul.member_level{
padding:10px;
border-bottom:2px dotted #9f865c;
}
ul.member_level li{
padding:5px 0;
}
li.level{
color:#4c1105;}
h3.event_cal{
font-size:110%;
}
p.date{
color:#ad8123;
font-size:110%;
font-weight:bold;
}
.time{
font-weight:bold;
margin:0;
padding:0;
}
.tour_info{
color:#2a638f;
font-size:90%;
}
.schedule{
width:500px;
background-color:#ffdec5;
padding:10px;
}
#museum{
background-image:url(images/museum.jpg);
width:350px;
height:220px;
color:#ffffff;
background-repeat:no-repeat;
}
#countdowncontainer{
width:340px;
height:35px;
padding:165px 0 0 10px;
}
.smclock{
font-size:90%;
color:#E0C380;
}
.derbyclock{
font-size:140%;
}
ul.sponsors{
background-color:#cebe95;
width:600px;
margin:10px 0 10px 0;
padding:20px;
}
ul.sponsors li{
padding:5px 0 5px 0;
}
p.invite {
color:#d9772b;
font-size:140%;
}
p.sponstitle{
letter-spacing:5px;
font-weight:bold;
}
ul.contact li{
margin:0 0 10px 0;
}
#vid{
width:320px;
height:265px;
float:right;
padding:0 0 10px 20px;
}
li.instruct{
font-size:90%;
color:#1a7908;
padding:20px 0 0 0;
}