@import url(normalize.css);
@import url(otm-type.css);
@import url(otm-color.css);

body {
width:100%;
min-height:768px;
min-width:998px;
margin:auto;
}

/** SITE STYLES **/


div.submenu {
width:30%;
float:left;
margin-top:30px;
margin-top:expression(100);
}

div.submenu ul {
margin:1em 1em;
list-style:none;
}

div.submenu a {
display:block;
width:100%;
overflow:hidden;
}

form {
width:80%;
margin:auto;
}

a.skip {
display:none;
}

fieldset {
width:100%;
}

#capcha_images {
width:50%;
margin:auto;
float:none;
height:20px;
}

#capcha_images img {
position:relative;
display:inline;
float:left;
clear:none !important;
}

label {
display:inline-block;
text-align:right;
width:30%;
margin-right:5%;
}

input {
width:50%;
margin-bottom:.3em;
margin-right:9%;
}

input[type='submit'] {
width:80px;
margin:1em;
float:right;
}

#logo {
position:absolute;
top:10px;
left:5%;
z-index:1;
}

#widget-header {
position:relative;
display:block;
float:left;
top:0px;
width:100%;
height:250px;
z-index:0;
margin-bottom:0em;
}

#content.hassub {
margin:10px 0 0 31%;
width:60%;
clear:none !important;
}

#content {
position:relative;
width:90%;
margin:10px auto 2em auto;
clear:left;
}

#content p {
margin-top:.3em;
margin-bottom:1.5em;
}

#content .subs {
clear:both;
}

#content table {
margin:1em;
}

#content th, #content td {
padding:.3em;
}

#content table {
clear:none;
}

#content table td {
padding:6px;
}

#content table td p {
margin:0;
padding:0;
}

#content img.coming-soon {
position:relative;
float:none;
margin:0em 30% 0 30%;
}

#content h2 {
margin:.4em 0;
width:20em;
}

#content h2.sIFR-replaced {
height:auto;
}

#content h3.sIFR-replaced {
height:20px;
}

.sIFR-active object {
display:block;
margin:0;
padding:0;
z-index:0;
}

#content ul {
position:relative;
left:2em;
list-style: square;
}

#content img {
float:none;
margin:0px .5em .5em 0px;
}

#content a img {
float:left;
clear:none;
}

#content dt {
margin-top:.5em;
}

#content dd {
margin-left: 1em;
margin-bottom:.5em;
}


#branding {
width:100%;
height:150px;
}

#footer {
display:block;
margin-top:2em;
width:100%;
clear:both;
z-index:0;
}

#footer p {
display:block;
width:43%;
float:left;
padding-left:24%;
margin-top:.5em;
margin-bottom:0;
z-index:0;
}

#clear-menu {
position:relative;
height:1%;
width:100%;
clear:both;
}

.menu {
position:absolute;
top:230px;
height:1.4em;
overflow:hidden;
z-index:10;
}

#Program {right:47%;}
#Music {right:46%;}
#Shop {right:42%;}
#Video {right:37%;}
#Community {right:25%;}
#Downloads {right:16%;}
#Tools {right:13.5%;}
#E-Newsletter {right:1%;}

.menu:hover {
overflow:visible;
}

.menu ul, .menu ul li, .menu ul li a {
display:block;
width:10em;
margin:0;
}

.bumper-sticker {
position:absolute;
width:149px;
height:136px;
z-index:10;
}

#cambridge {right:34%; top: 5px;}
#tidewater {right:50%; top: 50px;}
#charleston {right:36%; top:130px;}
#monteagle {right:19%; top:125px;}
#savannah {right:1%; top:100px;}
#mississippi {right:21%; top:15px;}


#flashPlayerWrap {
position:fixed;
top:250px;
height:224px;
width:295px;
background:#f5911d;
left:35%;
display:block;
z-index:100;
cursor:pointer;
}

#flashPlayerWrap p#close_player {
width:auto;
margin:0;
padding:0;
float:right;
font-size:.8em;
cursor:pointer;
}

#flashPlayerWrap p#close_player:hover {
text-decoration:underline;
}

#flashPlayer {
clear:both;
}

#flashPlayer embed {
margin:0 auto;
cursor:auto;
}

#audio_button {
position:absolute;
top:35px;
right:8%;
width:104px;
height:87px;
cursor:pointer;
z-index:20;
}

#login {
width:auto;
height:1.2em;
float:none;
clear:both;
margin:1em 27%;
}

#login form {
width:100%;
height:1em;
}

#login form label, #login form input, #login form p {
display:inline-block;
margin:0 .5em;
padding:0;
width:auto;
float:none;
clear:none;
}


#login form input[type=hidden] {
display:none;
}