body {
    background-color: #000000;
    color: #FFFFFF;
}
a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #a7da86;
    text-decoration: underline;
}

a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #a7da86;
    text-decoration: underline;
}

a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #CCCCCC;
    text-decoration: none;
}
#bodyRight a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a7da86;
    text-decoration: underline;
}

#bodyRight a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a7da86;
    text-decoration: underline;
}

#bodyRight a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CCCCCC;
    text-decoration: none;
}

#bodyRightPodcast a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a7da86;
    text-decoration: underline;
}

#bodyRightPodcast a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a7da86;
    text-decoration: underline;
}

#bodyRightPodcast a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CCCCCC;
    text-decoration: none;
}

#bodyRightMultimedia a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a7da86;
    text-decoration: underline;
}

#bodyRightMultimedia a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #a7da86;
    text-decoration: underline;
}

#bodyRightMultimedia a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CCCCCC;
    text-decoration: none;
}
#header {
    width: 800px;
    height: 278px;
    float: left;
}
#body {
    clear: both;
    float: left;
    width: 770px;
    background-color: #474747;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.pageTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}
#footer {
    clear: both;
    float: left;
    width: 800px;
    height: 67px;
}
#container {
    width: 800px;
    text-align: center;
    position: relative;
    clear: both;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    border: 1px solid #FFFFFF;
    height: 1%;  /* so IE clears floats */
    overflow: hidden;  /* so Firefox and Opera clear floats */
}
#bodyLeft {
    width: 530px;
    float: left;
    clear: none;
    padding-right: 15px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #333333;
}
#bodyRight {
    clear: right;
    float: left;
    width: 209px;
    padding-left: 15px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-left: -1px;
}
img {
    border: 1px solid #FFFFFF;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
.imgTransparent {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-top: 5px;
    margin-bottom: 5px;
}
#video {
    border: 1px solid #FFFFFF;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
}
.flashborder {
    border: 1px solid #FFFFFF;
}

#flashintern {
    width: 150px;
    height: 85px;
    border: 1px solid #FFFFFF;
}

#footer img {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.bodyRightColumnText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}
.bodyRightColumnText1000Calculator {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
}
.bodyRightColumnTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 18px;
}
li {
    
}
ul {
    margin-top: 5px;
    margin-bottom: 5px;
}
.left
{
        float: left; /*left in our text*/
        margin-right: 5px; /*space around the image*/
}
.rows {
    float: left;
    width: 240px;
    margin-right: 5px;
}
.rows55 {
    float: left;
    clear: none;
    width: 55px;
    margin-right: 5px;
}
.rows180-2 {
    float: left;
    clear: right;
    width: 140px;
}
.rows180 {
    float: left;
    width: 180px;
    margin-right: 5px;
}
.rows260 {
    float: left;
    width: 260px;
    margin-right: 5px;
}
.rows340 {
    float: left;
    width: 340px;
    margin-right: 5px;
}
.rows460 {
    float: left;
    width: 460px;
    margin-right: 5px;
}
.subTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}
.rowspics {
    float: left;
    width: 125px;
    margin-right: 5px;
    text-align: center;
    clear: none;
    font-size: 12px;
}
.rows150 {
    float: left;
    width: 170px;
    margin-right: 5px;
    height: 120px;
}
#bodyRightPodcast {
    clear: right;
    float: left;
    width: 209px;
    padding-left: 15px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-left: -1px;
}
#bodyRightMultimedia {
    clear: right;
    float: left;
    width: 209px;
    padding-left: 15px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    margin-left: -1px;
}
.cornerpodcast {
    float: left;
    clear: none;
    width: 80px;
    height: 100px;
    padding-top: 0px;	
}
.cornerpodcast2 {
    float: left;
    clear: none;
    width: 450px;
    height: 100px;
    padding-top: 3px;
}
.cornerpodcastdate {
    font-size: 12px;
    line-height: 24px;
}

.arrowlistmenu{
width: 500px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 14px Arial;
color: white;
background: black url(/images/accordian/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/images/accordian/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/

}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/

}

.arrowlistmenu ul li a{
color: #a7da86;
background: url(/images/accordian/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;

border-bottom: 1px solid #ffffff;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #a7da86;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #CCCCCC;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
color: #CCCCCC;
}

.arrowlistmenu ul li ul li a.subexpandable2:hover{ /*hover state CSS for sub menu header*/
color: #CCCCCC;
}

.clearLeft
{
    float: left;
    clear: both;
}

.width150px
{
    width: 150px;
}

.width300px
{
    width: 300px;
}

.width450px
{
    width: 450px;
}

.width750px
{
    width: 750px;
}

.width75px
{
    width: 75px;
}

.width50px
{
    width: 50px;
}

.width25px
{
    width: 25px;
}

.width100px
{
    width: 100px;
}

.width200px
{
    width: 200px;
}

.field-validation-error
{
    color: #FF0000;
}

.input-validation-error
{
    color: #FF0000;
}

.validation-summary-errors
{
    color: #FF0000;
}

#attendeeDetailsDiv
{
    background-color: #353535;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;   
}

#sponsorBox
{
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-top: 0px none #ffffff;
    border-right: 0px none #ffffff;    
    float: left; 
    width: 350px;
}

#COEcontentWrapper
{
    clear: both;
    margin-top: 5px;
    
}
    
#COEpicLeft
{
    float: left;
    width: 75px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#COEtextRight
{
    clear: right;
    margin-top: 5px;
}
