@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/burlap2.jpg);
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_rent.jpg);
height:110px;
float:left;
}
.mk1 p{
width:250px;
padding:40px 0px 0px 100px;
margin:0px;
color:#E0D88B;
}
.mk1 a{
color:#009900;
}
.mk2{
width:230px;
height:110px;
float:left;
background-color:#000;
}
.mk3{
width:360px;
height:110px;
float:left;
background-image:url(images/mk_itsmyderby.jpg);
}
.mk3 p{
color:#ffffff;
width:310px;
height:40px;
padding:50px 0 0 50px;
font-size:110%;
}
.mk3 a{
color:#ffffff;
}
.mk3 a:hover{
color:#FFCC00;
}
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:80px;
}
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:#009933;
padding:5px 0 0 15px;
font-size:120%;
}
#fr_bot_r{
float:left;
width:215px;
}
#fr_bot_c p{
width:380px;
padding:0 0 0 15px;
}
.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:#de5900;
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_vid{
width:320px;
height:194px;
margin:0px;
padding:7px;
}
.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:10px;
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_imd{
float:left;
width:240px;
color:#604A30;
background-color:#000000;
padding:0px 10px 10px 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;
}
.exspecial{
font-size:160%;
}
#col_right{
float:left;
width:650px;
padding:20px 25px;
}
#col_right_imd{
float:left;
width:640px;
padding:20px 25px 0px 25px;
}
.imdtext{
color:#999999;
}
ul#story{
clear:both;
width:565px;
}
ul#story li{
clear:both;
margin:0px;
padding:5px 0px 5px 0px;
}
.colitsmyderby{
width:900px;
padding:0px 5px;
}
.colitsmyderby p{
width:400px;
float:left;
color:#FFFFFF;
font-size:90%;
padding:5px 10px 5px 35px;
}
.colitsmyderby h2{
font-size:110%;
margin:0;
padding:35px 5px 10px 35px;
color:#ffffff;
}
.colitsmyderby img{
padding:0px;
}
#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_orange h2{
padding:10px;
}
.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;
}
.lc_derby{
background-color:#FFFFFF;
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;
}
ul.admission li{
margin:5px 0 5px 0;
}
.ad_title{
color:#280D00;
font-weight:bold;
}
.left_ad{
float:left;
width:550px;
}
p.visit_tour{
font-weight:bold;
}
p.visit_tour a{
color:#663300;
}
p.visit_tour a:hover{
color:#000000;
}
#ad_bot{
clear:both;
width:600px;
padding:10px 0 0 0;
}
#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:330px;
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:370px;
height:20px;
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;
}
.schedule2{
width:500px;
background-color:#CCCCCC;
padding:10px;
}
#museum{
background-image:url(images/museum.jpg);
width:350px;
height:220px;
padding:205px 0 0 0;
background-repeat:no-repeat;
}
#museum a{
color:#ffffff;
}
#museum h3{
color:#e5c700;
padding:5px 0 0 10px;
}
span.flood{
font-size:118%;
color:#FFFF00;
text-transform:uppercase;
}
#countdowncontainer{
width:340px;
height:20px;
padding:0px 0 0 10px;
color:#e5c700;
}
.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;
}
h2.evgal{
font-size:110%;
color:#FFFFFF;
}
p.loulife{
color:#990000;
font-size:90%;
}
.special{
color:#ffffff;
}
.hat{
border:1px solid #d6ccbb;
}
#youtube_barbaro{
width:250px;
float:left;
color:#000066;
}
#widget{
width:320px;
float:left;
}
.capture{
text-transform:uppercase;
font-family:"Times New Roman", Times, serif;
font-stretch:expanded;
letter-spacing:10px;
color:#000000;
font-size:140%;
}
.standout_blue{
color:#003366;
}
.flood_support{
background-color:#FDF1BB;
width:290px;
padding:6px;
font-size:16px;
text-align:center;
font-family:"Times New Roman", Times, serif;
border:1px solid #cccccc;
}
.spcolor{
color:#000000;
}
#myderbymain{
background-image:url(images/imd_bg.gif);
background-repeat:no-repeat;
background-color:#000000;
overflow:hidden;
}
#myderbymain2{
background-color:#000000;
overflow:hidden;
}
ul.derbynav a{
color:#333333;
text-decoration:none;
padding:2px 0px 0px 30px;
width:210px;
height:23px;
display:block;
}
ul.derbynav a:hover{
background-image:url(images/derbynavbg2.gif);
background-color:#525252;
color:#ffffff;
padding:2px 0px 0px 30px;
width:210px;
height:23px;
display:block;
}
ul.derbynav li{
background-color:#CCCCCC;
width:240px;
background-image:url(images/derbynavbg.gif);
height:25px;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
}
.countdown{
height:8px;
background-image:url(images/caution.gif);
}
#subhead{
width:950px;
background-color:#006699;
height:30px;
margin:0px;
padding:0px;
}
p.sub{
text-align:center;
color:#ffffff;
margin:0px;
padding:7px 0px 0px 0px;
font-weight:bold;
}
#subhead a{
color:#FFCC00;
}
.derbyleft{
float:left;
width:500px;
padding:0px 0px 10px 30px;
}
#derbymail{
width:950px;
background-color:#0b1122;
}
#derbymail p{
color:#ffffff;
width:760px;
margin:0px;
padding:10px 0px 10px 90px;
}
#derbymail a{
color:#FFCC00;
}
#partners{
background-color:#ffffff;
overflow:hidden;
}
#oaks{
background-color:#e92952;
width:750px;
overflow:hidden;
margin:0 auto;
}
.oakbot{
width:600px;
clear:both;
}
.oakstext{
color:#ffffff;
width:600px;
margin:0 auto;
padding:0px 0px 10px 0px;
}
.imd_high a{
color:#35acff;
}
.imd_high {
overflow:hidden;
border-bottom:1px dashed #35acff;
height:90px;
color:#ffffff;
}
p.imdabout{
color:#ffffff;
margin:0px;
}
#flashbanner{
width:750px;
margin:0 auto;
background-color:#000000;
}
#gala{
background-color:#9a9c9b;
overflow:hidden;
}
p.gala{
color:#000000;
width:600px;
font-size:13px;
line-height:18px;
text-align:center;
padding:10px 10px 10px 190px;
}
#launch{
width:950px;
overflow:hidden;
background-image:url(images/launch_bg.gif);
}
#launch p{
width:600px;
color:#1b4997;
margin:0 auto;
padding:5px;
}
#launch h2 {
font-size:18px;
color:#1b4997;
margin:0 auto;
width:600px;
}
a.imdhome{
color:#0099FF;
}
a.bbb{
font-size:17px;
color:#333333;
text-decoration:none;
}
a:hover.bbb{
color:#000000;
}
#flashContent{
height:550px;
}
#trip{
width:170px;
margin:0 auto;
}
.vg_box {
width:270px;
float:left;
margin:0 10px 0 0;
padding:10px 10px 10px 10px;
background-color:#e7e0ca;
height:260px;
}