/* new font choice for site is Arial */

body, html {
    text-align:center;
    background: #E0E0E0 url(../images/bg.gif) repeat-x 0 0;
    margin: 0;
    padding:0;
    /* height: auto !important; /* For Modern Browsers*/
    /*height: 100%; /* For IE */
}

/*******************************************
 IDs Wrap, header, headerLeft, headerRight, footer, copyright, link all replace 
 the existing ones in the M5 css files for the current site 
 ********************************************/

#wrap {
    background-color: #ffffff;
    position: relative;
    width: 1000px;
    /* min-height: 100%; /* For Modern Browsers */
    min-width: 1000px;
    margin: 0 auto;
    text-align: left;
}


#header {
    width: 1000px;
    height: 62px;
    background: #ffffff url(../images/header.gif) no-repeat 0 0;
}

#footer {
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
} 

#footer-upper {
 position:relative;
    background-color: #383838;
    margin: 0;
    padding:0;
    text-align:center;
}

#footerupper-inner {
    background-color: #797979;
    position: relative;
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    text-align: left;
    min-height: 170px;
    color: #ffffff;
}

#footer-lower {
    background-color: #000000;
    margin: 0;
    padding:0;
    text-align:center;
}

#footerlower-inner {
    background-color: #383838;
 
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    height:25px;
    color: #ffffff;
}

/* additional footer id styles */

#footer-lower a {
    color:#BDBEC1;
    text-decoration: none;
}

#footer-lower a:hover {
    text-decoration: underline;
}

#footerInner {
    padding: 5px 12px;
}

#copyright {
    font-size: 11px;
    color: #BDBEC1;
    padding: 5px 0 0 0;
}

/******************************************** 
Elements, ids and classes below are new to the site listed in order of their appearance  
**********************************************/


/* navbar */

#mainnav {
    background:  url(../images/navbar.gif) no-repeat bottom left;
    height: 26px;
    padding: 0;
}


#mainnav ul /* Primary links */
{
    margin: 0;
    padding: 0 0 0 230px;
    text-align: left;
}

#mainnav li /* A simple method to get navbar links to appear in one line. */
{
    float: left;
    padding: 0;
    list-style-type: none;
}

#mainnav ul a, #mainnav ul a:visited {
    padding: 6px 15px 5px 15px;
    margin: 0;
    height: 25px;
    line-height: 26px;
    text-decoration: none;
    font-size: 12px;
    color: #fff;
}

#mainnav ul a:hover, #mainnav ul a.active {
    padding: 6px 15px 5px 15px;
    margin: 0;
    background-color: #fff;
    height: 25px;
    line-height: 26px;
    text-decoration: none;
    font-size: 12px;
    color: #000;
}


/* Main center portion of page id is identical to current one */

#main { 
    background-color: #ffffff;
    clear: both;
    padding-bottom: 195px;
}

#main-inner {
    padding-top: 28px;
    padding-bottom: 30px;
}

#leftcol {
    display:block;
    float: left;
    width: 230px;
}

#leftcol-inner {
    margin-left: 28px;
}

#maincol {
    display:block;
    float: right;
    width: 770px;
}

#rightcol {
    display:block;
    float: right;
    width: 208px;
}

#rightcol-inner {
    margin:0;
    padding-right: 28px;
}

#content {
    display: block;
    float:left;
    width: 562px;
}

#content-inner {
    margin:0;
    padding-right: 15px;
}

.clear {
    clear: both;
}

/* Subhead background images */
#subhead-sample {
    background: #ffffff url(../images/h-intbanner.jpg) no-repeat 0 0;
    width: 1000px;
    height: 138px;
}

#subhead-inner {
    margin: 0;
    padding: 30px 380px 0 60px;
}

h1.subhead {
    font-size: 28px;
    color: #ffffff;
    font-weight:bold;
    line-height: 32px;
    margin:0;
    padding: 0;
}

/* Contact us box */

#contactbox {
    margin: 0 0 5px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #BFBFBF;
}

#contactbox h2 {
    color: #555555;
    font-size: 14px;
}



/* Subnavigation Box */

#subnav {
    margin: 0;
    padding: 0;
    width: 188px;
    background-color: #EAEAEA;
}

#subnav ul.subnavmenu {
    padding: 0 14px;
}

#subnav ul.subnavmenu li {
    list-style: none;
    font-size: 1.17em;
    line-height: 16px;
    padding: 7px 0;
    border-bottom: 1px solid #C9C9C9;
    border-top: 1px solid #FFFFFF;
}

#subnav ul.subnavmenu li.last {
    border-bottom: none;
    padding: 7px 0 3px 0;
} 

#subnav ul.subnavmenu li.first {
    border-top: none;
    padding: 3px 0 7px 0;
} 

ul.subnavmenu a {
    color: #555555;
    padding: 0 0 0 11px;
    background: url(../images/arrow-subnavoff.gif) no-repeat 0 31%;
}

ul.subnavmenu a.active, ul.subnavmenu a:hover  {
    color: #000000;
    background: url(../images/arrow-subnavon.gif) no-repeat 0 30%;
}

/* spacing elements */

.sptop15 {
    padding-top: 15px;
}

.spbtm15 {
    padding-bottom: 15px;
}

.spright15 {
    padding-right: 15px;
}

.spleft15 {
    padding-left: 15px;
}

.spright10 {
    padding-right: 10px;
}

.spleft10 {
    padding-left: 10px;
}

/* extra font sizing */
.size11 {
    font-size: 11px;
}

/* bottom navigation columns */

#bottomnavpanel {
    padding: 15px 0 15px 30px;
    margin: 0;
}

.navcol {
    padding-left: 30px;
}

#navcol, #navcol2, #navcol3, #navcol4 {
    width: 150px;
    min-height: 145px;
    background: url(../images/bg-footernavtable.gif) no-repeat top right;
}

#navcol5 {
    width: 210px;
}

div.navcol  {
    display: inline;
    float: left;
}

div.navcol h3 {
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
}

ul.footermenu li {
    list-style: none;
    font-size: 0.917em;
    color: #ffffff;
    line-height: 20px;
}

ul.footermenu a, div.navcol h3 a {
    color: #ffffff;
}

img.imgleft {
    float: left;
}


.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}
/* Grey expandable box style */

.greybox {background: url(../images/boxbtm-left.gif) no-repeat left bottom;}
.greybox-outer {background: url(../images/boxbtm-right.gif) no-repeat right bottom; padding-bottom: 8px;}
.greybox-inner {background: url(../images/boxtop-left.gif) no-repeat left top;}
.greybox-content {background: url(../images/boxtop-right.gif) no-repeat right top; padding-top: 8px;}
.greybox-content-inner {padding-left: 15px; padding-right: 15px;}
.greybox-content-inner h3, .greybox-content-inner h2, .greybox-content-inner h1 {margin:4px 0 0 0;}

/* Grey background and gray text, black class to override on elements that should be black */

.grey {
    background-color: #EAEAEA;
    color: #555555;
}

.black {
    color: #000000;
}

/* Client login */

#clientlogin.closed {
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 10px;
}

h2.login {
    font-size: 14px;
    font-weight: normal;
    color: #555555;
    padding: 0 0 10px 25px;
    background: url(../images/arrow-login.gif) no-repeat 0 0;
}

h2.login-open {
    font-size: 14px;
    font-weight: normal;
    color: #555555;
    padding: 0 0 10px 25px;
    background: url(../images/arrow-login-open.gif) no-repeat 0 0;
}

a.openID {
    padding: 0 0 0 18px;
    background: url(../images/icon-openID.gif) no-repeat 0 31%;
}

/* login form */
form#login label {
    display: block;
}

form#login input[type="text"], form#login input.text {
    width: 165px;
} /* class text is needed for older browsers that don't recognize attribute selector */

form#login input.checkbox, form#login label.checkbox {
    display:inline;
    float:right;
}

form#login label.checkbox {
    padding-top: 3px;
}

form#login input#signin	{
    margin: 8px 0;
}

form#login .greybox-content-inner {padding-left:6px; padding-right:6px; } /* overrides padding from regular grey box */

form#login p {margin: 0; padding: 3px 0;}

/********** Netcast styles  ******************
These styles use the body id of Netcast to override existing
styles allowing us to reuse a lot of the styles from the
public Spida Software site.
********************************************/

#Netcast #header {
    width: 1000px;
    height: 62px;
    background: #ffffff url(../images/header-netcast.gif) no-repeat 0 0;
}

/* navbar */

#Netcast #mainnav {
    background:  url(../images/navbar-netcast.gif) no-repeat bottom left;
    height: 26px;
    padding: 0;
    margin: 0;
}


#Netcast #mainnav ul /* Primary links */
{
    margin: 0;
    padding: 0 0 0 230px;
    text-align: left;
}

#Netcast #mainnav li /* A simple method to get navbar links to appear in one line. */
{
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#Netcast #mainnav ul a, #Netcast #mainnav ul a:visited {
    padding: 6px 15px 5px 15px;
    margin: 0;
    text-decoration: none;
    color: #383838;
}

#Netcast #mainnav ul a:hover, #Netcast #mainnav ul a.active {
    padding: 6px 15px 5px 15px;
    margin: 0;
    background-color: #DD291E;
    text-decoration: none;
    color: #ffffff;
}

#Netcast #main-inner {
    padding: 15px 28px 30px 28px;
}

#Netcast #clientlogin {
    float: right;
}

#Netcast #maincol {
    width: 944px;
}

#Netcast #clientlogin.netcast {
    width: auto; /* you may have to adjust this width for the longest name */
    padding-bottom: 10px;
}

#Netcast .clientName {
    padding-right: 10px;
    color: #555555;
}

#Netcast .netcastlogin {
    font-size: 14px;
    font-weight: normal;
    color: #555555;
}

#Netcast .netcastlogin a:link {
    padding: 0 0 10px 25px;
    background: url(../images/arrow-right.gif) no-repeat 0 0;
    color: #555555;
}

#Netcast .netcastlogin a:hover {
    color: #DD291E;
}

#Netcast #content {
    display: block;
    float:left;
    width: 944px;
}

#netcast-subhead {
    padding-bottom: 20px;
}

#Netcast h1 {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

#Netcast table {
    border: 1px solid #ccc;
    width: 100%;
    margin-top: 0;
}

#Netcast #subnavhoriz {
    float:left;
    margin: 0;
    padding: 0;
}


#Netcast #subnavhoriz ul.subnavhoriz {
    margin: 0;
    padding: 0;
    text-align: left;
}

#Netcast #subnavhoriz ul.subnavhoriz li{
    float: left;
    padding: 0;
    list-style-type: none;
    border-top: none;
    border-bottom: none;
}

#Netcast #subnavhoriz ul.subnavhoriz li.first {
    padding: 0 0 0 7px;
    background: #EAEAEA url(../images/netcast-leftend.gif) no-repeat 0 0;
}

#Netcast #subnavhoriz ul.subnavhoriz li.last {
    padding: 0 7px 0 0;
    height: 25px;
    background: url(../images/netcast-rtend.gif) no-repeat 0 0;
}

#Netcast ul.subnavhoriz a {
    padding: 6px 18px 6px 14px;
    margin: 0;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
    color: #555555;
    background: #EAEAEA url(../images/arrow-subnavoff.gif) no-repeat 0 50%;
}

#Netcast ul.subnavhoriz a.active, #Netcast ul.subnavhoriz a:hover  {
    color: #000000;
    background: #EAEAEA url(../images/arrow-subnavon.gif) no-repeat 0 50%;
}

a.record{
    display:block;
    position:relative;
    width: 150px;
}

a.record:hover span {
    background: url(../images/play.png) no-repeat;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
    display:block;
    position:absolute;
    /*top:80px;*/
    /*left:15px;*/
    z-index:100;
    width:150px;
    height:150px;
}

hr.newsItem {
    color: #555555;
    background-color: #555555;
    height: 3px;
    border: 0px;
}

.odd {
    background: #e0e0e0;
}
.even {
    background: #fff;
}

hr.small {
    color: #555555;
    background-color: #555555;
    height: 1px;
    border: 0px;
}

td {
    vertical-align:middle;
}

.snippet {
    text-align: left;
    background: white;
    border: 2px solid #555555;
    padding: 8px;
}

.snippet p{
    padding: 2px;
}

.snippetDate {
    text-align: right;
    font-size:  small;
    padding: 2px;
}

hr {
    list-style: none;
    padding: 0px 0;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #FFFFFF;
    border-left: none;
    border-right: none;
}