html { margin:0px; padding:0px; }
* { margin: 0; padding: 0; }
p {padding-top:10px;}
.hide { visibility:hidden; }

body 
{
    direction:ltr;
    background-color: #FFFFFF;
    text-align: left;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    letter-spacing:normal;
    /*font: 75%/1.5 sans-serif; */
    color: #333333;
    padding-top: 10px;
    padding-bottom:15px;
}
.bodyMain
{
    background-image: url('images/base/HeaderBg.png');
    background-position:center top;
    background-repeat:repeat-x;
}
.bodyMember
{
    background-image: url('images/base/HeaderMemberBg.png');
    background-position:center top;
    background-repeat:repeat-x;
}

.loginBar { text-align: right; color: #E6E6E6; font-weight: bold; padding-bottom:14px; height:24px; line-height:24px; }
.loginBar a, .loginBar a:visited, .loginBar a:hover { color:#FF822E; text-decoration:none; }
.loginBar a:hover { text-decoration:underline; }

.header
{
    background-image: url('images/base/header.png');
    background-position:center top;
    background-repeat:no-repeat;
    height:139px;
    width:960px;
}
.memberHeader
{
    background-image: url('images/base/headerMember.png');
    background-position:center top;
    background-repeat:no-repeat;
    height:70px;
    width:960px;
}

.headerLinks { height:139px; }
.headerLinksMembers { height:70px; }
.headerLinks a, .headerLinksMembers a { top:60px; text-decoration:none; }

#mainLink, #mainLinkMembers { float:left; position:absolute; }
#mainLink { width:160px; height:120px; margin-left:5px; }
#mainLinkMembers { width:200px; height:50px; margin-left:5px; }

.topTabs {  float:left; position:absolute; height:14px; margin-top:17px; }
.topTabs a { text-decoration: none; outline:none; }



.contentContainer { width:960px; }
.mainFullPanel { display:inline; float: left; width:960px; height:226px; }
.leftBorder { border-left:1px solid #B3B3B3; }

/* CALL OUT */
.callOutContent
{
    background-image: url('images/base/callout.png');
    background-position: center top;
    background-repeat: no-repeat;
    color:#000000;
    font-size:13px;
    text-align:center;
    padding-top:30px;
    padding-left:35px;
    padding-right:35px;
    height:215px;
    margin-top:-2px;
}
.homePageBanner
{
    background-image: url('images/base/homePageBanner.png');
    background-position: center top;
    background-repeat: no-repeat;
    height: 230px;
}
.mainFullPanel .callOutContent h1 { color:#FFFFFF; font-size:1.8em; font-weight:bold; text-shadow: 0 1px 1px #222222; }
.mainFullPanel .callOutContent h2 { color:#004E66; font-size:1.4em; font-weight:bold; font-style:italic; }





/* MINIMAL DESIGN */
.mainTextArea h1 { font-size:1.4em; font-weight:bold; color:#004E66; }
.mainTextArea h2 { font-size:1.2em; font-style:italic; color:#333333; }
.textBold { font-weight:bold; color:#1EC1F4; font-size:1.1em; }

/* 2 panels */
.mainLeftPanel, .mainRightPanel { display:inline; float: left; }
.mainLeftPanel { width:760px; }
.mainRightPanel { width:200px; }
.mainTextArea { font-size:13px; padding:10px 20px 15px 0px; }

/* 3 panels */
.threeColLeftPanel, .threeColMiddlePanel, .threeColRightPanel { display:inline; float:left; }
.threeColLeftPanel { width:160px; }
.threeColRightPanel { width:200px; }
.threeColMiddlePanel { width:600px; }


/* equal panels */
.halfPanel { display:inline; float:left; width:480px; }
.thirdPanel { display:inline; float:left; width:320px; }
.fourColPanel { display:inline; float:left; width:240px; }


.lightGreyBg { background-color:#EEE; }
.pad10 { padding: 10px 10px 10px 10px; }




/* FOOTER */
#footer { color: #333333; padding: 10px 10px 10px 10px; text-align:center; }
#footer td { padding: 5px 0 5px 10px; }
.leftJust { text-align:left; }
#footer h3 {color:#333333; font-size:1.2em; font-weight:bold;}
#footer a, #footer a:visited {color:#333333; font-size:1.2em; font-weight:bold; text-decoration:none;}
#footer a:hover { text-decoration:underline; }
.footerTitle { text-decoration: underline; font-size: 1.3em; font-weight:bold; color:#333333; text-align:center; }
#footerWrap { background-color:#CCCCCC; }
#copyWrap
{
    /*background-color:#666666;
    background-image:url('images/base/footerHighlight.png');
    background-position:center top;
    background-repeat:repeat-x;
    color:#CCCCCC;*/
    color:#777;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}
.contactLink a { color:#777777; font-weight:normal; text-decoration::none; }
.contactLink a:hover { color:#333333; text-decoration:underlink; }