@import url(../resources/css/appstyles.css);


/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:12px/18px Arial, Helvetica, sans-serif; color:#333; background:#333333;}

.mastWrap{ margin:0; padding:0; width:100%; background:url(images/BG.gif) repeat-x left top #f1eadf;}
.cntrWrap{width:986px;margin:0 auto;}
.fltFix{width:100%;}

a { color: #336699; text-decoration: underline; outline:none; }
a:hover { color: #336699; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}

.idbmsBreadcrumbSeparator {color:#336699!important;}
.expand img {background-color: #336699!important;}
.expand {background-color: #336699!important;}
.Error,.error {width:auto!important}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {font-size:22px;line-height:24px; color:#9c4f21;}
h2, .PageSubTitleHeader {font-size:18px; line-height:24px; color:#9c4f21}
h3 {font-size:16px;line-height:21px;}
h4 {font-size:14px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}
.mastWrap img[src="/images/spacer.gif"] {display: none;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}
.Error,.error {width:auto!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0; padding:0 4px; float:left; width:978px; background:url(images/headerlogo.gif) no-repeat left top;}

.structHead h1{padding:0;margin:37px 0 0;float:left;}
.structHead h1 a{display: block;height: 92px;text-indent: -999em;width: 539px;}

.structHead #ContentTopSocial { float:right; margin:0; padding:0; width: 250px;height: 32px;}

.structHead #ContentSearch{ float:right; margin:14px 0 0; background:url(images/search.png) no-repeat right top; padding:24px 0 0;clear: right;}
.structHead #ContentSearch input { border:0 none; background:#FFF; width:200px; height:23px;}
.structHead #ContentSearch .SearchModuleSpacer,
.structHead #ContentSearch img{ display:none;}

#ContentMemberTools {float: right;margin: 0;padding: 6px 0 0;width: 245px;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0; float:right;}
#ContentMemberTools li {float: left;padding: 0 0 0 10px;}
#ContentMemberTools a {color:#FFF;display:block;font-size:14px; font-weight:bold;line-height:14px;padding:0;text-align:center;text-decoration:none;}

/* Horiztional Drop Downs
------------------------------------------------------- */
.structHead #ContentToplinks{margin:0; padding:0; float:left; width:100%;}
.structHead #ContentToplinks ul { padding:0; margin:0; list-style:none;float:left;}
.structHead #ContentToplinks li { float:left; padding:0; margin:0 5px 0 0;}
.structHead #ContentToplinks li a { display:block; font: bolder 16px/20px Arial, Helvetica, sans-serif; color:#fff; padding:17px 20px 16px; text-transform:uppercase; text-decoration:none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
behavior: url(PIE.htc); }
.structHead #ContentToplinks li:hover, .structHead #ContentToplinks li.selected { 
background: #ff6600 url(images/topNavBg.gif) repeat-x left top; /* Old browsers */
background: -moz-linear-gradient(top,  #ff6600 0%, #c54f00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(100%,#c54f00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff6600 0%,#c54f00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff6600 0%,#c54f00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff6600 0%,#c54f00 100%); /* IE10+ */
background: linear-gradient(top,  #ff6600 0%,#c54f00 100%); /* W3C */
-pie-background: linear-gradient(top,  #ff6600 0%,#c54f00 100%); /* W3C */
behavior: url(PIE.htc);

}

/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:0; padding:10px; background:#FFF; float:none; width:170px; z-index:9999;
-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
box-shadow: 2px 2px 2px rgba(0, 0, 0, .4); 
behavior: url(PIE.htc);
}
.structHead #ContentToplinks li li,
.structHead #ContentToplinks li.selected li {border-bottom:1px solid #e1e1e1;display: block;float: left;margin: 0;padding: 0 0 1px;width: 100%; background:none;}
.structHead #ContentToplinks li li a { padding:3px 0;width:150px; color:#999999; font: normal 12px/15px Arial, Helvetica, sans-serif; text-transform:none; text-shadow:none;}
.structHead #ContentToplinks li li:hover, .structHead #ContentToplinks li li.selected { background:none;}
.structHead #ContentToplinks li li a:hover{ color:#ff6600;}

/* Third Level Groups */
.structHead #ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfHover ul ul,
.structHead #ContentToplinks li.sfHover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfHover ul,
.structHead #ContentToplinks li li.sfHover ul,
.structHead #ContentToplinks li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.structHead #ContentToplinks  li:hover,
.structHead #ContentToplinks  li li:hover,
.structHead #ContentToplinks  li li li:hover,
.structHead #ContentToplinks  li.sfHover,
.structHead #ContentToplinks  li li li.sfHover,
.structHead #ContentToplinks  li li.sfHover { position:static;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0 40px 0 0; padding:0; float:left; width:250px}

.structLeft #ContentLeftNav{margin:0; padding:0 30px; float:left; width:190px; background: url(images/leftNavTp.gif) no-repeat left top #FFF;}
.structLeft #ContentLeftNav ul{margin:0; padding:0; float:left; width:100%;list-style:none;}
.structLeft #ContentLeftNav li{ display:none;}
.structLeft #ContentLeftNav li.selected{margin:0; padding:0 0; float:left; width:100%; display:block;}
.structLeft #ContentLeftNav a{ display:block; font: bolder 16px/20px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0;  text-transform:uppercase; text-decoration:none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
behavior: url(PIE.htc);}

.structLeft #ContentLeftNav li ul{ padding:0 0 20px;}
.structLeft #ContentLeftNav li.selected li{ border-bottom:1px solid #e1e1e1;display: block;float: left;margin: 0;padding: 0 0 1px;width: 100%;}
.structLeft #ContentLeftNav li.selected li a{margin:0; padding:8px 0 8px; display:block; font: bold 14px/18px Arial, Helvetica, sans-serif; color:#999999; text-shadow:none; text-decoration:none; text-transform:none;}
.structLeft #ContentLeftNav li.selected li.selected{}
.structLeft #ContentLeftNav li.selected li.selected a{ color:#336699; background:url(images/leftarw.gif) no-repeat left 11px; padding:8px 0 8px 10px;}

.structLeft #ContentLeftNav li li ul{ padding:0;}
.structLeft #ContentLeftNav li.selected li.selected li{margin:0; padding:0;display:block; border:none;}
.structLeft #ContentLeftNav li.selected li.selected li a{margin:0; padding:4px 0 4px 10px; display:block; background:none; font:12px/15px Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}
.structLeft #ContentLeftNav li.selected li.selected li.selected a{ background:url(images/leftarw.gif) no-repeat 10px 10px; padding:8px 0 8px 20px;}

.structLeft #ContentLeftNav li li li ul{ }
.structLeft #ContentLeftNav li.selected li.selected li.selected li{display:block}
.structLeft #ContentLeftNav li.selected li.selected li.selected li a{padding:4px 0 4px 20px; text-decoration:none; background:none;}
.structLeft #ContentLeftNav li.selected li.selected li.selected li.selected a{ background:url(images/leftarw.gif) no-repeat 20px 10px; padding:8px 0 8px 30px;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left;padding:0 4px 20px; float:left; width:978px;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:10px 0;list-style:none;float:left; width:100%;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;list-style:none}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:11px;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left; color:#336699; font-weight:bolder;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{ color:#999999;}

.structBody .MidWrap{margin:0; padding:0 30px 30px; float:right; background:url(images/pageNameBg.gif) no-repeat left top #FFF; width:628px;}
.structBody #ContentPageName{ display:block; font: bolder 16px/20px Arial, Helvetica, sans-serif; color:#fff; padding:10px 20px 10px 0;  text-transform:uppercase; text-decoration:none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
behavior: url(PIE.htc);}

.structBody .hrd{ display:block; font: bolder 16px/20px Arial, Helvetica, sans-serif; color:#fff; padding:10px 8px 40px 20px;  text-transform:uppercase; text-decoration:none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
behavior: url(PIE.htc);}

.start .structBody .MidWrap{background: url(images/moreEvt.gif) no-repeat left top #FFF;float: left;margin: 0 39px 0 0;padding: 0 0 30px;width: 642px;}

.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%;}

.start #ContentMiddle .imodcmscalendar{ padding:0 30px; width:582px !important }
.homeNewsImg{ padding:0 30px 0 0;}
.newsTxt{ padding:0 0}
.newsTxt h3,
.newsTxt h3 a{ color:#136073; text-decoration: none;}

.evtMore{ float:right; height:18px;}
.evtMore a{display: block;width: 125px; height:18px;}
.evtItem{ float:left; margin:0; padding:0; width:175px;}
.evtItem.pad30{ padding:0 28px;}
.dt{ width:30px; float:left; margin:0; padding:0 10px 0 0; text-align:right;}
.dt span{ display:block; font-size:15px;font-weight:bolder;  }
.dt span.mnth{color:#999999;}
.dt span.day{ color:#136073; }
.dtTxt h6{width:135px; float:left; margin:0; padding:0; font-size:12px; font-weight:normal;}
.dtTxt h6 a{ color:#999999; text-decoration:none; }

/* Start CSS ------------------------------------ */
.imgWrap { width:100%; height:330px; position: relative; margin:0 0 40px; float:left;}
.anythingSlider{ width:100%; position: relative; margin: 0 auto; height:100%; background:none; }
.anythingSlider .wrapper{ width:978px; overflow: hidden; height:330px; margin: 0; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }

.anythingSlider ul li   { display: block; float: left; padding: 0; height: 330px; width:978px; margin: 0; position:relative;}
.anythingSlider .arrow  { display: block; height: 17px; width:17px;text-indent: -9999px; position: absolute; top:175px; cursor: pointer; z-index:1; _behavior: url(iepngfix.htc);}
.anythingSlider .forward{ background-position: 0 0; right: 10px; background-image:url(images/YlwArwRt.png); background-repeat:no-repeat;}
.anythingSlider .back   { background-position: 0 0; right: 40px;  background-image:url(images/YlwArwLt.png);background-repeat:no-repeat;}
.anythingSlider .forward:hover{ background-position:; }
.anythingSlider .back:hover { background-position:; }

.topimg{ display:block;float:left;height: 330px;margin:0;padding:0;position:relative;width:978px;z-index:1; }
.topTxt{background:url(images/rottxtBg.png) no-repeat left top;color: #FFFFFF;height: 118px;left: 40px;margin: 0;padding: 15px 20px;position: absolute;top: 135px;width: 380px;z-index: 999;}
.topTxt h2{ color:#ffbf81; text-transform:uppercase; padding:0; margin:0 0 10px;}
.topTxt a{color:#FFFFFF; text-decoration:underline;}

#thumbNav  { position: relative; top: 288px; text-align:left; left:40px; z-index:999 }
#thumbNav a{ text-indent:-999em; width:18px; display:block; float:left; height: 18px; margin: 0 5px 0 0; background: url(images/dot.png) no-repeat left top; text-align: center;}
#thumbNav a:hover{}
#thumbNav a.cur{ background:url(images/dotSel.png) no-repeat left top;}

#start-stop{  color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; display:none;}
#start-stop.playing{ background-color: red; }
#start-stop:hover{ background-image: none; }

/*  Prevents*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0 0 30px; float:left; width:297px; }
.start .structRight .imodcmscalendar{ padding:0 30px; width:237px !important }

.structRight #ContentRight{margin:0; padding:0 0 30px; float:left; width:100%;background:url(images/moreNews.gif) no-repeat left top #FFF;}

.newsMore{ float:right; height:18px;}
.newsMore a{display: block;width: 110px; height:18px;}

.structRight .homeNewsImg2{ width:100%; margin:0; padding:0;}
.structRight .homeNewsImg2 h6,
.structRight .homeNewsImg2 h6 a{ font-size:14px; color:#9c4f21; text-decoration:none; margin:0 ;padding:0;}
.structRight .div{ clear:both; padding:10px 0 0;}

.structRight #ContentMiddleLayoutRight{margin:30px 0 0; padding:0; float:left; width:100%;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left; width:100%; border-top:10px solid #515151; background:#333333;}
.structFooter #ContentFooter{color: #8D8C84;float: left;margin: 0;padding: 40px 0 50px 0;width: 863px;}
.structFooter #ContentFooter a{ color:#cd5812;}

.structFooter .footlogo{color: #8D8C84;float: left;margin: 0;padding:0;width: 120px; background:url(images/footerlogo.gif) no-repeat left 20px ;}
.structFooter .footlogo a{ color:#cd5812; display:block; height:100px; width:100px; margin:20px 0 0}


/* Fixes ------------------------------------------------ */

#ulEventCenterMenu {position: relative!important;width: 565px;}

ul.imod-cms-menu-horizontal {height: 31px!important;}