/*
beneb design
2XXfm css 
for main site
*/

html, body, ul, ol, li, p, h1, h1, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body { font-family:Helvetica, Arial, sans-serif; ; }

/*styles in order from top down*/
#wrapper, #contentWrapper, #menu{
width:924px;
margin:0 auto;
position:relative;
padding:0 0 20px 0;
}
#footerContainer {
width:924px;
margin:0 auto;
position:relative;
padding:5px 0 0 0;
}
html>body #header { padding:0 0 0px 0;}
#header { padding:0 0 20px 0;}
#wrapper { margin-top:30px; }
html>body  #contentWrapper { margin-top:30px; }
#contentWrapper { margin-top:0px; }
#headerWrapper {
width:100%;
background-color:#fff;
height:120px !important; /*make same as header image*/
}
#logo {
width:283px;
height:120px;
margin-left:12px;
float:left;
overflow:visible;
border:1px solid #999999;
/*border-bottom:3px solid #999999;*/
}
#stream {
height:120px;
width:594px;
margin-right:5px;
background:url(../images/tagline.gif) no-repeat;
float:right;
color:#fff;
}
html>body  #stream {
height:120px;
width:594px;
margin-right:10px;
background:url(../images/tagline.gif) no-repeat;
float:right;
color:#fff;
}

/*menu styles*/
#menu {
width:594px;
padding-bottom:15px;
float:right;
margin-right:5px;
}
html>body #menu {
width:594px;
padding-bottom:12px;
float:right;
margin-right:10px;
}
#navContainer {
width:594px;
background:#515151;
float:right;
}
#mainNav {
height:30px;
margin:0 5px 0 5px;
background:#515151;
}
#mainNav ul {
margin:0 0 -1px 0;
list-style:none;
line-height:30px;
}
#mainNav li {
float:left;
font-weight:normal;
font-size:0.92em;
background:none;
list-style:none;
border-right:1px solid #000;
}
#mainNav a {
display:block;
color:#fff;
text-decoration:none;
}
#mainNav li ul {
position:absolute;
left:-999em;
width:594px;
margin:-1px 0 0 0px;
background:#a1a1a1;
z-index:100;
}
#mainNav li:hover ul, #mainNav li.sfhover ul { left:0; }
#mainNav li:hover, #mainNav li.sfhover { background:#a1a1a1; }
#mainNav li a { padding:7px 12px; }
#mainNav li a:hover { background:#a1a1a1; }


/*for sub menu*/
#mainNav li li {
font-weight:normal;
font-size:0.92em;
height:30px;
line-height:1;
float:left;
}
#mainNav li li a { padding:8px 12px; }
#mainNav li li a:hover {
text-decoration:none;
background:#515151;
}

/*content styles*/
#leftCol, .small { width:308px; }
#rightCol, .large { width:616px; }
#feature {
height:180px;
background:url(../images/feature1.gif) no-repeat;
padding-top: 12px;
padding-right: 0pt;
padding-bottom: 12px;
padding-left: 0pt;
margin:12px 12px;
}
#mainContent {
background-color:#f4f4f4;
padding-top: 12px;
padding-right: 0pt;
padding-bottom: 12px;
padding-left: 0pt;
margin:12px 12px;
overflow:visible;
}

/*main stuff for boxes*/
.left { float:left; }
.right { float:right; }
.container {
position: relative;
padding-top: 20px;
padding-right: 0pt;
padding-bottom: 12px;
padding-left: 0pt;
}
.container h2 {
color:#fff;
background-color:#000;
position:absolute;
top:6px;
left:12px;
font-size:1.20em;
padding:.30em 12px;
margin:0;
}
.container .box {
margin:0px 12px;
padding-top:1.8em;
text-align:left;
height:200px; /*defines max size*/
background-color:#eee;
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#000;
overflow:visible;
}
.bottomBit {
margin:0 12px;
padding:.42em 8px 0.45em 8px;
background-color:#ccc;
border-width:0 1px 4px 1px;
border-style:solid;
border-color:#000;
text-align:right;
line-height:normal;
position:relative;
clear:both;
}
.bottomBit p {
font-size:.82em;
padding:0;
margin:0;
}
/*bits to change to customise each box*/
.about h2 { background-color:#9b970f; }
.highlights h2 { background-color:#227e06; }
.news h2 { background-color:#0d5982; }
.communique h2 { background-color:#ce7400; }
.podcasts h2 { background-color:#0086ce; }
.footer { }

#highlights h3 { color:#227e06; }
.about h3 { color:#9b970f; }
.news h3 { color:#0d5982; }
.communique h3 { color:#ce7400; }
.podcasts h3 { color:#0086ce; }
.about .box {
border-color:#9b970f !important;
min-height:149px;
}
.highlights .box {
border-color:#227e06 !important;
min-height:149px;
}
.news .box {
border-color:#0d5982 !important;
min-height:149px;
}
.communique .box {
border-color:#ce7400 !important;
min-height:149px;
}
.podcasts .box {
border-color:#0086ce !important;
min-height:149px;
}

.footer { }
.about .bottomBit {
border-color:#9b970f;
background-color:#c9c77d;
}
.highlights .bottomBit {
border-color:#227e06;
background-color:#87b978;
}
.news .bottomBit {
border-color:#0d5982;
background-color:#7ca5bb;
}
.communique .bottomBit {
border-color:#ce7400;
background-color:#e4b475;
}
.podcasts .bottomBit {
border-color:#0086ce;
background-color:#75bee4;
}
.footer .bottombit {
border-color:#824900;
background-color:#75bee4;
}

/*sponsor block*/
#spon1 {
height:150px;
background-color:#f4f4f4;
margin:12px 12px 12px 12px;
}
#sponsors {
height:150px;
background-color:#f4f4f4;
margin:12px 12px 12px 12px;
}
#myGallery, #myGallerySet {
height:150px;
margin:0;
padding:0;
border:1px solid #000000;
border-bottom:4px solid #000000;
}

/*footer */
#footerContainer {
clear:both;
margin-top:20px;
color:#000000;
padding-top: 5px;
padding-right: 0pt;
padding-bottom: 12px;
padding-left: 0pt;
}
#footer {
background:#bb9d75;
margin: 0 12px;
border:1px solid #824900;
border-bottom:4px solid #824900;
}

/*text styles*/
p, table {
margin:0 5px 8px 8px;
font-size: .8em;
line-height:18px;
color:#333333;
}
#mainContent li {
margin:0 5px 8px 10px;
font-size: .8em;
line-height:18px;
color:#333333;
}
h3 {
font-size:.9em;
color:#333333;
font-weight:bold;
margin:8px 5px 4px 7px;
}
a, a:visited {
color:#0086ce;
text-decoration:none;
}
a:hover {
text-decoration:underline;
color:#0d5982;
}
a:active { color:#75bee4 }

/*.right a, a:visited {
color:#fff;
}
*/
#mainContent h3 {
font-size:1.1em;
margin:0px 5px 4px 7px;
color:#0099CC;
}
#mainContent h4 {
font-size:.95em;
margin:0px 5px 4px 7px;
color:#333333;
}
#mainContent ul {
margin:0 5px 4px 45px;
list-style-position: outside;
list-style-type: circle;
}
.bottomBit a, #highlightsBottomText a { color:#ffffff; }
#mainContent h2 {
font-size:1.2em;
margin:0px 5px 4px 7px;
color:#0099cc;
}
.col1 {
width:190px;
float:left;
}
.col2 {
width:190px;
float:right;
position:relative;
top:0px;
}
.col3 {
width:190px;
float:right;
position:relative;
top:0px;
}
.programIndent { margin-left:10px; }

/*highlights slider, don't change*/
#highlights2 {
position: relative;
padding-top: 20px;
padding-right: 0pt;
padding-bottom: 12px;
padding-left: 0pt;
width:308px;
}
#highlights2 h2 {
color:#fff;
background-color:#227e06;
position:absolute;
top:6px;
left:12px;
font-size:1.20em;
padding:.30em 12px;
margin:0;
}
#box, #slider1 {
margin:0px 12px;
padding-top:1.8em;
text-align:left;
height:200px; /*defines max size*/
background-color:#eee;
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#227e06;
overflow:hidden;
}

.sliderwrapper .contentdiv {
margin:0px 12px;
height:200px; /*defines max size*/
text-align:left;
background-color:#eee;
overflow:hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.sliderwrapper p {
margin:0 5px 8px 5px;
font-size: .8em;
line-height:18px;
color:#333333;
}
.sliderwrapper h3 {
font-size:.9em;
color:#333333;
font-weight:bold;
margin:8px 5px 4px 5px;
}

#highlightsBottom2 {
margin:0 12px;
padding:.42em 8px 0.45em 8px;
background-color:#87b978;
border-width:0 1px 4px 1px;
border-style:solid;
border-color:#227e06;
text-align:right;
line-height:normal;
position:relative;
clear:both;
width:266px;
height:19px
}
#highlightsBottom2 p {
font-size:.82em;
padding:0;
margin:0;
width:150px;
float:right;
line-height:1.5em;
}
/*numbers at bottom of program highlights*/
.pagination {
text-align: left;
padding: 0 5px 0 10px;
width:100px;
float:left;
}
.pagination a {
padding: 0 5px;
text-decoration: none;
color: #000;
background: white;
}
.pagination a:hover, {
color: #fff;
background-color: #227e06;
}
.pagination a.selected {
background-color:#227e06;
color:#fff;
}
/*program guide*/
#programGuide {
width:581px;
margin:0 2px 0 5px;
}
#programTitleL {
background-color:#87b978;
line-height:30px;
height:30px;
color:#FFFFFF;
text-align:left;
float:left;
width:100%;
}
#programTitleD {
background-color:#227e06;
line-height:30px;
height:30px;
color:#FFFFFF;
text-align:left;
float:left;
width:100%;
}
#programTitleL h3, #programTitleD h3 {
color:#FFFFFF;
padding:0;
margin:0 8px;
float:left;
}
#programDes {
border: 1px solid #227e06;
background-color:#fff;
padding:8px 0 3px 0;
margin-bottom:5px;
clear:left;
}
.dark { background-color:#227e06; }
.light { background-color:#87b978; }