﻿body
{   
    margin: 0 auto;
    padding:0 auto;
    color:#333333;
    font-family:Arial;
    font-size:12px;
    background-color:#f2f2f2;
}

a
{
    text-decoration:none;
    color:#333333;
    
}
    
a:hover
{
    text-decoration:underline;
}

.heading
{
    font-family:Georgia;
    font-size:24px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:22px;
}

.textSmall,ul
{
    font-family:Georgia;
    font-size:11px;
}


.textMedium
{
    font-family:Georgia;
    font-size:14px;
}

.formLabel
{
    font-weight:bold;     
}

.formStatus
{
    font-weight:bold;
    color: #0000FF;
}

.formInput
{
    border:1px solid #3789C2;
}

.formButton
{
    background:#3789C2 none repeat scroll 0 0;
    color:White;
    height:25px;
    padding:3px 10px 3px 10px;
}

.formButtonSmall
{
    background:#3789C2 none repeat scroll 0 0;
    color:White;
    height:15px;
    padding:0 10px;
    font-size:10px;
    display:block;
}

.largeButton{
    width:222px;
    height:40px;
    background-color:#FF6600;
    font-family:Georgia;
    font-size:24px;
    color:White;
    line-height:40px;
    padding:5px 15px 5px 15px;
    display:block;

}

ul{
    list-style-type:square;
}

/* MAIN CONTENT */

.contentContainer
{
    margin:0 auto;
    position:relative;
    min-height:800px;
    width:974px;
    background-image:url(/App_Assets/images/shadow.gif);
    display:block;

}

.contentInner
{
    margin-left:7px;
}


.itemHeading
{
    height:19px;
    line-height:18px;
    background-color:#333333;
    font-weight:bold;
    color:White;
    padding-left:5px;
    text-transform:lowercase;
}

.itemHeadingBlue{
    background-color:#3789C2;
}



/* HEADER */

.headerTopBar
{
    background:transparent url(/App_Assets/images/header-background.png) repeat scroll 0 0;
    height:41px;
    width:100%;
    position:static;
}

.headerMenuContainer
{
    margin:0 auto;
    position:relative;
    width:974px;
}

.headerMenu a
{
    color:White;
}

.headerLogo
{
    height:67px;
    padding-top:20px;
    padding-left:26px;    
}

.headerMenu
{
    height:40px;
    background-color:Black;    
    color:#FFFFFF;
    font-family:"Museo 500","Trebuchet MS",Arial;
    font-size:14px;
    line-height:40px;
}

.headerMenu .headerMenuItem
{
    padding: 0 20px 0 20px;
    
    float:left;
}

.headerMenu .item
{
    background-color:#333333;
}

.headerMenu .selected
{
    background:#333333 url(/App_Assets/images/navigation-active.gif) no-repeat scroll center bottom;
    color:#FF6600;
}

.headerMenu .divider
{
    color:#75716d;
    background-color:#333333;
}

.headerStepIn
{
    height:10px;
    width:974px;
    background-image:url(/App_Assets/images/headerStepIn.gif);
}


/* FOOTER */

.footerContainer
{
    background:#000000 url(../images/header-background.png) repeat scroll 0 0;
    height:120px;
    text-align:left; 
    color:#333333;
    clear:both;
    display:block;
     
}

.footerContainer a
{
    color:#666;
}

.footerInner
{
    margin:0 auto;
    position:relative;
    width:960px;
    padding-top:16px;
}

.footerMenu
{
    float:right;
}


/* HOME */

.homeLeftCol{
    width:300px;
    padding:0 8px 0 8px;
    top:0;
    left:0;
}

.homeLeftColLower{
    padding:8px 0 8px 0;
    }

.homeRightCol{
    width:644px;
    position:absolute;
    top:0;
    left:323px;
    z-index:10;
}

.magCover
{
    width:300px;
    padding:5px 0 8px 0;
    }

.featuresRow{
    display:block;
    overflow:auto;
    }
    
.featureItem
{
    width:140px;
    height:393px;
    padding:0 8px 0 8px;
    border-left:solid 1px #cecece;
    float:left;
    position:relative;
}

.featureItemHeading
{
    width:144px;
    padding:0
}

.featureItemImage
{
    width:140px;
    height:125px;
    padding:5px 0 8px 0;  
}

.featureItemTitle
{
    font-size:18px;
}

.featureMore
{
    bottom:10px;
    position:absolute;
}

.homeLowerCols
{
    padding-top:13px;
    display:block;
    clear:both;
}

.homeLowerCol1
{
    width:276px;
    float:left;
    padding:20px;
}

.homeLowerCol2
{
    width:273px;
    float:left;
    padding:20px;
    /*border-left:solid 1px #cecece;*/
}

.homeLowerSubscribe
{
    width:642px;
    padding:0px;
    padding-top: 10px;
}

.currentIssue{
    line-height:18px;
    }


/* CONTACT */

.contactTopRow
{
    padding-left:20px;
}

.contactTopRow .heading
{
    position:relative;
    top:2px;
}

.contactTopRow .right
{
    position:relative;
    top:-20px;
    left:420px;
    width:520px;
}

.contactMenu
{
    height:29px;
    width:943px;
    position:relative;
    left:7px;
    background:black;
    color:White;
    line-height:29px;
    padding-left:10px;    
}

.contactMenu .divider
{
    color:#75716d;
    padding-left:10px;
    padding-right:10px;
}

.contactMenu .orange
{
    color:#FF6600;
}

.contactMenu .white
{
    color:White;
}

.contactFormTopRow
{
    height:46px;
    padding-left:20px;
    padding-top:10px;
    position:relative;
}

.contactFormCol1
{
    width:275px;
    padding:0 0 20px 20px;
    position:relative;
}

.contactFormUpdateCol1
{
    width:400px;
    padding:0 0 20px 20px;
    float:left;
}

.contactFormCol2
{
    padding-left:20px;
    border-left:solid 1px #cecece;
    width:250px;
}

.contactFormCurrDetailsCol2
{
    float:right;
    padding-right:50px;
    width:250px;
}

.resetPassword
{
    float:left;
    padding-left:20px;
    border-left:solid 1px #cecece;
}

.grayPanel
{
    background-color:#e0e2da;
    padding:10px;
}


/* NEWS */

.newsCol{
    width:610px;
    padding:20px;
    }
    
.newsListCol{
    width:300px;
    position:absolute;
    left:650px;
    top:0;
    z-index:10;
    padding-top:20px
}

.newsListItem{
    display:block;
    padding:5px;
}

.newsListItemAlt{
    display:block;
    padding:5px;
    background-color:#f2f2f2;
}

.newsListItem:hover,.newsListItemAlt:hover{
    background-color:#3789C2;
    color:White;
    text-decoration:underline;
}
    
.newsImageFloat{
    float:left;
    padding:20px 10px 0 0;
    }

.ErrorText
{
    color:Red;
    font-weight:bold;
}
