/* MAIN COLOR */






/* OTHER COLOR */


/* HEADER BACKGROUND */




HTML,BODY,TD,TH,INPUT,SELECT,TEXTAREA{
  font:100 12px arial,helvetica,sans-serif;
  scrollbar-face-color:#293C6E;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-base-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-track-color:#D4D6D9;
  scrollbar-darkshadow-color:#293C6E;
}
BODY{
    margin:0px;
    color:#000000;
    background-color:#FFFFFF;
}

TH{
    background-color:#293C6E;
    color:#FFFFFF;
    text-align:left;
    font-weight:700;
}
#Header{
    width:100%;
    color:#FFFFFF;
    height:110px;
    background:#FFFFFF url(/images/cloudbg.jpg) -0px 0px repeat-x;
}
#UserInfo{
    float:right;
    margin:5px;
    padding:5px;
    background-color:#9DB0D4;
    text-align:center;
}
A{color:#293C6E;}

.pad2{padding:2px;}
.pad10{padding:10px;}

/* LOGIN/REGISTRATION *************************************************/

BODY.login{
    text-align:center;
    background-color:#9DB0D4;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9DB0D4,endColorStr=#D0D7E6); 
    color:#FFFFFF;
}
#loginBody{
    margin:0px auto;
    margin-top:150px;
    width:300px;
    text-align:left;
    border:2px solid #FFFFFF;
    color:#182442;
}
#loginPanel{
    margin:0px;
    background-color:#9DB0D4;
}
#loginLogo{
    background-color:#7588AC;
}
A.loginLink{
    text-decoration:underline;
    display:block;
    color:#182442;
    font-weight:700;
    background-color:#D0D7E6;
}
#loginForm,#forgotForm,#registerForm{
    margin:0px;
    width:300px;
    border-top:2px solid #FFFFFF;
}
.loginSection{
    width:300px;
    background-color:#9DB0D4;
    color:#ffffff;
    border-top:2px solid #FFFFFF;
    line-height:200%;
    font-weight:700;
    text-align:center;
}
.loginError{
    background-color:#cc0000;
}
LABEL.login{
    font-weight:700;
    float:left;
    width:80px;
    text-align:right;
    padding:3px;
    padding-right:5px;
}
INPUT.login{
    width:180px;
    margin-bottom:5px;
}
INPUT.register, SELECT.register{
    width:130px;
}

INPUT.loginSubmit{
/*
    background-color:#182442;
    color:#FFFFFF;
    border:2px outset #D0D7E6;
    */
    font-weight:700;
}

.step{
    float:right;
    margin:2px 2px 2px 0px;
    width:26px;
    text-align:center;
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    font-size:15px;
    font-weight:700;
}
.activeStep{
    background-color:#FFFFFF;
    color:#182442;
}
.leftHeading{
    padding:3px;
    text-align:left;
    font-size:15px;
    color:#FFFFFF;
}
#registerEmail{
    margin:0px;
    padding:3px;
    border:1px solid #FFFFFF;
    font-size:12px;
    font-weight:700;
    color:#FFFFFF;
    background-color:#293C6E;
}
A.registerEmail{
    color:#FFFFFF;
    font-size:12px;
}
.registerButton{
    width:100%;
    font-weight:700;
    text-align:center;
    text-decoration:none;
/*    
    border:2px outset #D0D7E6;
    padding:2px;
    background-color:#182442;
    display:block;
    color:#FFFFFF;
    */
}

/* MENU ***************************************************************/

#MenuBar{
    position:relative;
    top:-7px;
    width:100%;
    color:#FFFFFF;
    text-align:left;
    height:28px;
}
A.Menu,A.OnMenu{
    display:block;
    float:left;
    padding:4px;
    width:120px;
    border-left:1px solid #9DB0D4;
    border-top:1px solid #9DB0D4;
    border-right:1px solid #182442;
    text-decoration:none;
    text-align:center;
}
A.UserMenu,A.OnUserMenu{
    display:block;	
    float:left;
    padding:2px;
    width:120px;
    border-top:1px solid #9DB0D4;
    border-right:1px solid #182442;
    border-bottom:1px solid #182442;
    border-left:1px solid #9DB0D4;
    text-decoration:none;
    text-align:center;
}
A.Menu{
    margin-top:4px;
    background-color:#293C6E;
    color:#FFFFFF;
}
A.UserMenu{
    margin-top:4px;
    background-color:#293C6E;
    color:#FFFFFF;
}
A.Menu:hover,A.UserMenu:hover{
    background-color:#9DB0D4;
    color:#FFFFFF;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
}
A.OnMenu{
  background-color:#FFFFFF;
  color:#293C6E;
  font-weight:700;
  padding-top:8px;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #9DB0D4;
  border-left:1px solid #9DB0D4;
}
A.OnUserMenu{
  background-color:#FFFFFF;
  color:#293C6E;
  font-weight:700;
}
A.UserMenu,A.OnUserMenu{
    margin-top:4px;
    width:70px;
}

/* MAIN BLOCKS ********************************************************/

#Content{
    margin-top:0px;
    margin-bottom:10px;
    background-color:#FFFFFF;
    height:100%;
}
#LHS{
    width:198px;
    height:100%;
    margin-top:0px;
    margin-bottom:10px;
    background-color:#FFFFFF;
    color:#293C6E;
    text-align:left;
    font-size:11px;
    font-weight:700;
}
#RHS{
    width:198px;
    height:100%;
    margin-top:0px;
    margin-bottom:10px;
    background-color:#FFFFFF;
    color:#000000;
    font-size:11px;
    font-weight:700;
}

/* CONTENT ELEMENTS ***************************************************/

.Panel,.Paragraph,.Event{margin-bottom:2px;}
H4{color:#293C6E;}
P{
    color:#182442;
    margin-bottom:0px;
}
HR{height:1px;color:#9DB0D4;}

.Paragraph,.Event{clear:both;}
.ParagraphEdit{background-color:#f8f8ff;}

.scrollingPanel{
    font:100 12px Arial,Helvetica,Sans-Serif;
    height:100%;
    color:#000000;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hide;
    margin-bottom:2px;
}
.PanelHeading{
    font-weight:700;
    font-size:15px;
    background-color:#7588AC;
    color:#FFFFFF;
    text-align:center;
    margin:0px;
    padding-bottom:1px;
}
.PanelBody{
    padding:10px;
}
.PanelImageRight{
    float:right;
    padding-left:10px;
    padding-bottom:10px;
}
.PanelImageLeft{
    float:left;
    padding-right:10px;
    padding-bottom:10px;
}
.PanelImageCenter{
    clear:both;
    text-align:center;
    padding-bottom:10px;
}
.PanelImageEnd{height:10px;}
.ExpandingPanel{clear:both;display:block;}
.expander{float:left;clear:both;height:20px;}
.imgExpander{margin-left:2px;margin-top:2px;margin-right:2px;}
.dottedDivider{
  margin-top:3px;
  border-top:2px dotted #D0D7E6;
  padding-top:5px;
}
.PanelHelp{
  background-color:#FFFFE1;
  font-style:italic;
  padding:5px;
}
#HomeIntro{height:50px;}
H3{margin-bottom:5px;}


/* LIBRARY ************************************************************/

.divider{
    margin:0px;
    border-top:2px dotted #D0D7E6;
}

.icon{
  float:left;
  margin-right:5px;
}
.iconTitle{
  margin-top:0px;
  font-size:11px;
}
.blockEnd{
    clear:both;
    height:0px;
    font-size:0px;
}
.folderBlock,.documentBlock{
  display:block;
  min-height:34px;
  padding:2px;
  text-decoration:none;
  color:#182442;
  line-height:12px;
}
.folderBlock{
  width:170px;
  float:left;
}
.documentBlock{
  /*width:100%;*/
}
.folderBlock:hover,.documentBlock:hover{
    background-color:#D0D7E6;
}
.subcats{
  clear:both;
  display:block;
}

/* DIRECTORY **********************************************************/
    #Directory{
        background-color:#9DB0D4;
    }
    #alpha{
        background-color:transparent;
    }
    A.alpha,A.alphaSelected{
        font-size:11px;
        padding-top:2px;
        padding-bottom:2px;
        font-weight:700;
        background-color:#182442;
        color:#FFFFFF;
        display:block;
        width:13px;
        width:100%;
        text-align:center;
        text-decoration:none;
    }
    A.alpha:hover,A.alphaSelected{
        background-color:#9DB0D4;
        color:#182442;
    }
    
    #contact_data{
        background-color:transparent;
    }
    
    
    .DirInput,.DirHeading,.DirCell,.editForm{font-size:11px;}
    .DirHeading{
        background-color:#293C6E;
        color:#FFFFFF;
    }
    .DirCell{
        background-color:#D0D7E6;
    }
    
    A.sort{
        display:block;
        width:100%;
        text-decoration:none;
        color:#FFFFFF;
    }
    
    /* CONTACT LISTINGS */
    .contact,.activecontact,.overcontact{
        font-size:11px;
        background-color:#FFFFFF;
        color:#182442;
        cursor:hand;
        cursor:pointer;
    }
    .activecontact{
        background-color:#9DB0D4;
        color:#182442;
    }
    .overcontact{
        background-color:#D0D7E6;
        color:#182442;
    }
    .recordbuttons{
        width:140px;
        text-align:center;
    }
    .contactFooter{
        background-color:#293C6E;
        color:#FFFFFF;
    }
    .recordcount{
        font-size:11px;
        font-weight:700;
        color:#FFFFFF;
    }
    
    A.navLink,A.navLinkDisabled{
        display:block;
        width:60px;
        text-decoration:none;
        text-align:center;
        background-color:#182442;
        color:#FFFFFF;
        border:1px solid #FFFFFF;
    }
    
    A.navLinkDisabled{
        background-color:transparent;
        color:#7588AC;
        border:1px solid #7588AC;
        cursor:default;
    }
    A.navLink:hover{
        background-color:#9DB0D4;
    }
  
    .RHDivider{
        height:1px;
        color:#9DB0D4;
    }
    #RHS{
        padding:5px;
        padding-top:0px;
        overflow:visible;
    }
  
    .language{color:#293C6E;font-weight:700;}
    UL.language{list-style-type:square;margin:0px;list-style-position: inside;}
    .RHData{margin:0px 0px 5px 0px;}
  

/* EVENTS *************************************************************/

#DIVevents{}
#DIVeventsTable{
    clear:both;
    border:1px solid #9DB0D4;
    margin:0px;
    width:100%;
} 
.EventCallout{
    background-color:#D0D7E6;
    font-size:11px;
    padding:5px;
    margin-bottom:10px;
    border:1px solid #7588AC;
}
.EventCalloutLabel{
    clear:left;
    width:50px;
    float:left;
    font-weight:700;
    line-height:20px;
}
.EventListing{
    margin-left:60px;
    margin-bottom:5px;
    line-height:20px;
}
.EventTaster{
    font-size:11px;
}
.EventMonthHeader{
    font-size:11px;
    background-color:#9DB0D4;
    font-weight:700;
    color:#293C6E;
}

/* SURVEY *************************************************************/

.SurveyText{
  font-weight:700;
  padding:5px;
}
.SurveyBar{
    background-color:#293C6E;
    height:12px;
    margin-bottom:5px;
}
.SurveyResults{
  margin:5px;
}
.SurveyTotal{
  text-align:right;
  float:right;
  font-weight:700;
}
.SurveySelect{
  font-size:11px;
  width:97%;
}

/* DISCUSSION *********************************************************/

.lightBG{
    background-color:#D0D7E6;
}
.discussionSubject{
    font-size:15px;
    color:#FFFFFF;
}
.post{
    padding-top:10px;
    padding-bottom:10px;
}
.discussionTable{
    border:1px solid #7588AC;
}


/* LHS ELEMENTS *******************************************************/
A.LHMenu,A.OnLHMenu{
  text-decoration:none;
  display:block;
  width:193px;
  padding:1px;
  padding-left:4px;
  border-top:1px solid #FFFFFF;
}
A.LHMenu{
    color:#FFFFFF;
    background-color:#9DB0D4;
}
A.LHMenu:hover{
    background-color:#D0D7E6;
    color:#182442;
}
A.OnLHMenu{
  background-color:#FFFFFF;
  color:#182442;
}
.LHPanel{
    background-color:#D0D7E6;
    margin-bottom:10px;
}


/* RHS ELEMENTS *******************************************************/

.RHPanel{
  margin-bottom:2px;
}
.RHPanelHeading{text-align:left;}
.RHPanelBody{
  border-left:1px solid #9DB0D4;
  border-right:1px solid #9DB0D4;
  border-bottom:1px solid #9DB0D4;
  padding:2px;
  text-align:left;
  font-weight:100;
}
A.RHButton{
    display:block;
    width:190px;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    margin-bottom:5px;
    background-color:#182442;
    border:2px outset #FFFFFF;
    padding:2px;
    color:#FFFFFF;
}
A.RHButton:hover{
    background-color:#9DB0D4;
    color:#FFFFFF;
}
.RHHelp{
    border:1px solid #9DB0D4;
    border-top-width:0px;
    background-color:#FFFFE1;
    padding:5px;
    font-weight:100;
}



/* FORM ELEMENTS ******************************************************/

.formLabel{
    vertical-align:top;
    padding-top:4px;
}
.formHelp{
    font-size:11px;
    vertical-align:top;
    padding-top:5px;
}
.formField,.formFieldError{
    font:100 12px arial,helvetica,sans-serif;
    color:#000000;
    width:250px;
}
.formFieldError{
    color:#cc0000;
    border-color:#cc0000;
}
.error{
    font-weight:700;
    color:#cc0000;
    margin-bottom:10px;
}
.info,.infoError{
    margin-top:3px;
    padding-top:3px;
    padding-left:20px;
    background:#FFFFFF url(images/reqd.gif) top left no-repeat;
}
.infoError{
    background:#FFFFFF url(images/reqd-error.gif) top left no-repeat;
}
.userFormTable{
    margin-left:10px;
}

.formErrors{
    border:1px solid #cc0000;
    background-color:#ffeeee;
    color:#cc0000;
    padding:5px;
    font-weight:700;
}
.formUpdated{
    border:1px solid #00C200;
    background-color:#eeffee;
    color:#009900;
    padding:5px;
    padding-bottom:20px;
    font-weight:700;
    margin-bottom:10px;
}
.formStart{
    border:1px solid #293C6E;
    background-color:#D0D7E6;
    color:#182442;
    padding:5px;
    font-weight:700;
    margin-bottom:10px;
}

.separator{
    color:#7588AC;
    height:1px;
}
.help{
    font-size:11px;
}
.helpError{color:#cc0000;}
.pass_indicator{font:24px Arial;}
.errorItems{
    margin:5px;
    text-indent:1.2em;
    list-style-type:square;
}
.disabled{color:#cccccc;}
.listArea{padding-top:5px;}

/* ADMIN ELEMENTS *****************************************************/

#componentForm{text-align: center;margin-bottom:10px;}
#editBar{
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  background-color:#CCCCCC;
  z-index:1;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #666666;
  padding-bottom:1px;
}
.editBarTips{
    font-size:11px;
    border:1px inset #FFFFFF;
    background-color:#ffffcc;
    margin-right:10px;
    padding:2px;
}
.editButton{
    float:left;
    border:1px solid #CCCCCC;
    font-size:11px;
    color:#000000;
    padding:1px;
    padding-left:18px;
    text-align:left;
    width:100px;
    cursor:hand;
    cursor:pointer;
}
.editPage,.editPageOver,.editPageDisabled{width:75px;background:#CCCCCC url(/images/edit.gif) 1px 1px no-repeat;}
.editPageOver{border:1px outset #FFFFFF;}
.editPageDisabled{
    border:1px inset #FFFFFF;
    background:#999999 url(/images/edit-disabled.gif)  1px 1px no-repeat;
    cursor:default;
}
.editPreview,.editPreviewOver,.editPreviewDisabled{width:100px;background:#CCCCCC url(/images/view.gif)  1px 1px no-repeat;}
.editPreviewOver{border:1px outset #FFFFFF;}
.editPreviewDisabled{
    background:#CCCCCC url(/images/view-disabled.gif)  1px 1px no-repeat;
    cursor:default;
}
.editSave,.editSaveOver,.editSaveDisabled{width:85px;background:#CCCCCC url(/images/save.gif)  1px 1px no-repeat;}
.editSaveOver{border:1px outset #FFFFFF;}
.editSaveDisabled{
    background:#CCCCCC url(/images/save-disabled.gif)  1px 1px no-repeat;
    cursor:default;
}
.editCancel,.editCancelOver,.editCancelDisabled{width:110px;background:#CCCCCC url(/images/cancel.gif)  1px 1px no-repeat;}
.editCancelOver{border:1px outset #FFFFFF;}
.editCancelDisabled{
    background:#CCCCCC url(/images/cancel-disabled.gif)  1px 1px no-repeat;
    cursor:default;
}

.component{
    text-align: left;
    padding: 2px;
    background: #D3D3D3;
    border: 1px solid #000000;
    width: 95%;
}
#editMenu{
  position:absolute;
  left:200px;
  top:100px;
  background-color:#cccccc;
  visibility: hidden;
    /*visibility: visible;*/
  font-size:11px;
  cursor:hand;cursor:pointer;
  border:1px solid #FFFFFF;
}
.editMenuItem,.editMenuItemOver{border:1px solid #cccccc;background-color:#cccccc;padding:2px;}
.editMenuItem{color:#000000;}
.editMenuItemOver{border:1px outset #cccccc;color:#FFFFFF;}

.frmDivider{
    clear:both;
    height: 2px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #FFFFFF;
}
.frmImage{
    border:1px inset;
    margin-left:2px;
    margin-right:2px;
}
A.imageAlign,A.imageAlignSelected{
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 1px;
    padding: 2px;
    border: 1px solid #D3D3D3;
}
A.imageAlignSelected{
    background-color: #eeeeee;
    border: 1px solid #FFFFFF;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
}
A.imageAlign:hover{
    border: 1px solid #666666;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
}


/* COLORS ============================================================*/

.darkest{color:#182442;}
.darker{color:#293C6E;}
.medium{color:#7588AC;}
.lighter{color:#9DB0D4;}
.lightest{color:#D0D7E6;}
.white{color:#FFFFFF;}

.darkestBG{background-color:#182442;}
.darkerBG{background-color:#293C6E;}
.mediumBG{background-color:#7588AC;}
.lighterBG{background-color:#9DB0D4;}
.lightestBG{background-color:#D0D7E6;}
.whiteBG{background-color:#FFFFFF;}