/* CSS Document */
body{
margin:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#wrapper{
margin:0 0 0 0;
background-image:url(images/bg_main_old.jpg);
}
.blacklink A:link { color:#000000;text-decoration:none; font-weight:bold}
.blacklink A:visited {color:#000000;text-decoration:none; font-weight:bold}
.blacklink A:active {color:#000000; text-decoration:none; font-weight:bold}
.blacklink A:hover {color:#000000; text-decoration:underline; font-weight:bold}

.blacklink2 A:link { color:#000000;text-decoration:none;}
.blacklink2 A:visited {color:#000000;text-decoration:none;}
.blacklink2 A:active {color:#000000; text-decoration:none;}
.blacklink2 A:hover {color:#000000; text-decoration:underline;}

.whitelink A:link { color:#ffffff;text-decoration:none; font-weight:bold}
.whitelink A:visited {color:#ffffff;text-decoration:none; font-weight:bold}
.whitelink A:active {color:#ffffff; text-decoration:none; font-weight:bold}
.whitelink A:hover {color:#ffffff; text-decoration:underline; font-weight:bold}

#bgwrapper{
width:1400px;
background-image:url(images/logo_bg.jpg);
}
#content{
width:973px;
background-color:#FFFFFF;
margin-top:0;
}
#top2{
margin-top:17px;
}
.idTabs{
color:#FFFFFF;
font-size:16px;
padding-top:5px;
}
li {
margin: 5px 0 0 5px;
} 
ul {
margin: 0 5px 0 10px ;
} 

#nav{
background-image:url(images/nav.gif);
background-repeat:no-repeat;
height:50px;
text-align:left;
padding-left:20px;
 }
#bottomnav{
background-image:url(images/footernav.gif);
background-repeat:no-repeat;
height:62px;
text-align:center;
padding-left:15px;
padding-right:15px;
font-size:10px;
padding-top:15px;
color:#FFFFFF;
}

#divenav{
font-size:10px;
padding-top:5px;
color:#FFFFFF;
}
#surfnav{
font-size:10px;
padding-top:5px;
color:#FFFFFF;
}
#storenav{
font-size:10px;
padding-top:5px;
color:#FFFFFF;
}
#familynav{
font-size:10px;
padding-top:5px;
color:#FFFFFF;
}
#story{
font-size:12px;
color:#000000;
}
#top2{
padding-top:10px;
margin-top:0px;
}
.tablecontent{
margin: 0 10px 0 10px;
}
.tablecontent2{
margin: 15px 5px 0 10px;
}
.storycontent{
margin: 0 5px 0 10px;
}

#instructorinfo{
display: none;
width: 600px;
background-color:#FFFFFF;
}




.menu {
position:relative;
width:750px;
height:2em;
padding-bottom:1px;
margin-bottom:5em;
}

* html .menu {padding-bottom:0;}

.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:730px;
height:100%;
}

.menu li{
float:left;
}

.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menu a, .menu :visited {
color:#fff;
text-decoration:none;
}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
}
.menu a b, .menu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
cursor:pointer;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:right;
width:5px;
height:2em;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:-20px;
width:749px;
}

.menu :hover {
}

.menu a:hover b {
color:#ccc;
}
.menu a:hover em.lft {
}
.menu a:hover em.rgt {
}

.menu li:hover > a b
{
color:#ccc;
}
.menu li:hover > a em.lft {}
.menu li:hover > a em.rgt {}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}

.menu ul :hover ul li {
display:block; 
height:2em;
}
.menu ul :hover ul li a {
display:block; 
font-size:0.8em; 
height:2em; 
line-height:2.5em; 
width:auto; 
float:left; 
padding:0 10px;}
.menu ul :hover ul li a:hover {
color:#ccc;
}