body 
{
    font-family: Arial;
    text-align: center;
    background-color: #98dffc;
    margin: 0px 0px;
    min-width: 1024px;
    color: #555;
    line-height: 20px;
    
}
#main 
{ 
    margin:0 auto;
    width: 1024px;   
    background-color: #98dffc;
    text-align: left; 
}



/**********************************************/
/*the top 3 menu areas*/
#menu
{
    width: 710px;
    background-color: #fff;/*#98dffc;*/
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    float:left;
}
#menu .submenuleft
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #fff;/*#98dffc;*/
    font-size: 10pt;
    width: 220px;
    float: left;
    height: 60px;
    text-align: left;
}
#menu .whereAmI
{
    background-color: #fff;
    
    text-align: left;
    width:490px; 
    position: relative;
    float:left;
    margin: 40px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
/*
#menu .navMenuRight 
{
    width:360px;
    margin: 0px 0px 0px 0px;
    padding: 7px 7px 7px 7px;
    background: #FFFFFF;
    font-size: 10pt;
    text-align: center;
    position: relative;
    float:right;
}
*/
#menu h1
{
    font-size:12pt;
}

#menu a
{
    color:#438aa7;
    text-decoration: none;
}
#menu a:hover
{
    color: #555;
}

a 
{ 
    color:#438aa7;
    text-decoration: none;
}
a:hover 
{ 
    color: #555; 
    text-decoration: none; 
}

/***********************************/
/*The Board area*/
#board
{
    position: relative;
    float:left;
    width: 1024px;
    background-color: #fff;/*#98dffc;*/
    padding: 0px 0px 20px 0px;
    border: solid 1px;
    margin: 10px 0px 10px 0px;
}

#menuAccrossTop
{
    width: 710px;
    position: relative;
    float: left;
    background-color: #fff;
}
#menuAccrossTop .cell
{
    position: relative;
    float: left;
    min-width: 63px;
    border: solid 1px;
    height:20px;
    padding: 5px 5px 5px 5px;
    margin: 2px 5px 2px 5px;
    text-align: center;
    background-color: #fff;
}
#topRightCorner
{
    position: relative;
    float: left;
    width: 309px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#topRightAdvertising
{
    position: relative;
    float: left;
    width: 304px;
    height: 45px;
}
#aboveLittleLogIn
{
    position: relative;
    float: left;
    width:300px;
    height: 15px;
}
#littleLogIn
{
    position: relative;
    float: left;
    background-image: url('/images/littleLogIn.gif');
    height: 22px;
    width: 300px;
    padding:14px 4px 6px 5px;
    margin: 2px 5px 2px 0px;
}
#loggedIn
{
    position: relative;
    float: left;
    height: 32px;
    width: 300px;
    padding:4px 4px 6px 5px;
    margin: 2px 5px 2px 0px;
    background-color: #e0ffff;
}
#loggedIn .cellLoggedIn
{
    position: relative;
    float: left;
    min-width: 66px;
    border: solid 1px #438aa7;
    height:20px;
    padding: 5px 5px 5px 5px;
    margin: 2px 5px 2px 5px;
    text-align: center;
    background-color: #fff;
}

#boardLeft /*menu items on the left of each board*/
{
    position: relative;
    float: left;
    width:200px;
    background-color: inherit;
    padding: 0px 0px 0px 0px;
}

.boardLeftDisplay
{
    position: relative;
    float: left;
    width: 180px;
    background-color:#FFFFFF;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 15px 0px;
}

.boardLeftDisplay h2
{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 0px;
}


.picLeft
{
    text-align: left;
    position: relative;
    float: left;
    padding:0px 10px 0px 0px;
}

#boardCenter
{
    position: relative;
    float: left;
    width: 790px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 15px;
    background-color:#ffffff;
    /*border: solid 3px #438aa7;*/
}





.loggedInSection
{
    position: relative; 
    float:left;
    width: 185px; 
    border: solid 1px #ddd;
    padding: 5px 5px 10px 5px;
    margin: 5px 5px 5px 0px;
}

.sectionHeading
{
    position: relative; 
    float:left; 
    margin: 5px 0px 2px 0px; 
    padding: 0px 5px 0px 5px;
    background-color: #b0dfdf;
    height: 25px;
    width: 320px;
}
.sectionHeading h2
{
    margin-top: 3px;
    font-size: 12pt;
    color: #438aa7;
}
.sectionHeadingLong
{
    position: relative; 
    float:left; 
    margin: 5px 0px 2px 0px; 
    padding: 0px 5px 0px 5px;
    background-color: #b0dfdf;
    height: 25px;
    width: 524px;
}
.sectionHeadingLong h2
{
    margin-top: 3px;
    font-size: 12pt;
    color: #438aa7;
}

.sectionBox
{
    position: relative; 
    float:left;
    border: solid 1px #ddd;
    padding:10px 10px 10px 10px;
    margin: 1px 0px 2px 0px;
    background-color: #fff;
}
.blueInfoBox
{
    font-size:8pt; width:220px; padding:5px 5px 5px 5px; border: solid 1px #ddd; background-color: #e0ffff;
}
.col1-3                       /*total width 760*/
{
    position: relative; 
    float:left;
    width: 750px;
    margin: 5px 5px 10px 5px;       
}
.col1-2content                /*total width 540*/
{
    position: relative; 
    float:left;
    width: 540px;
}

.col1-2contentcol1               /*total width 335*/
{
    position: relative; 
    float:left;
    width: 330px;
    margin-right: 5px;
}

.col1-2contentcol2              /*total width 205*/
{
    position: relative; 
    float:left;
    width: 198px;
    margin: 0px 5px 0px 0px;
}
.blueInfoBoxcol2
{
    font-size:8pt; width:165px; padding:5px 5px 5px 5px; border: solid 1px #ddd; background-color: #e0ffff;
}
.col2Header
{
    position: relative; 
    float:left; 
    margin: 5px 0px 2px 0px;
    width: 189px;  
    padding: 0px 5px 0px 5px;
    background-color: #ffee99;
    height: 25px;
}
.col2Header h1
{
    margin-top: 3px;
    font-size: 12pt;
    color: #438aa7;
}

.col1-2contentcol1-2
{
    position: relative; 
    float:left;
    width: 534px;
    margin-right: 5px;
}
.col3content                    /*total width 200*/
{
    position: relative; 
    float:left;
    width: 209px;
}

.col1-3titleLightBlue                 /*total width 750*/
{
    position: relative; 
    float:left; 
    width:740px;
    margin: 0px 0px 5px 0px;  
    padding: 0px 0px 0px 10px;
    background-color:#b0dfdf;
    height: 25px;
}
.col1-3titleLightBlue h1
{
    margin-top: 3px;
    font-size: 12pt;
    color: #438aa7;
}

.colright                         /*total width 259*/
{
    position: relative; 
    float:left;
    width: 259px;
    /*margin: 5px 5px 5px 5px;   */   
}
.colrightTitleLightRed                      /*total width = 274px*/
{
    position: relative; 
    float:left; 
    margin: 5px 0px 4px 0px;
    width: 249px;  
    padding: 0px 5px 0px 5px;
    background-color: #ffee99;
    height: 25px;
}
.colrightTitleLightRed h1
{
    margin-top: 3px;
    font-size: 12pt;
    color: #438aa7;
}
.colrightTitleLightRed h3
{
    margin-top: 3px;
    font-size: 12pt;
    color: #438aa7;
}
.imageR
{
    text-align: left;
    position: relative;
    float: left;
}
.imageRImage
{
    text-align: left;
    position: relative;
    float: right;
    margin: 0px 0px 0px 0px;
}

.datenavigator
{
    width: 512px;
    font-size: 10pt;
    text-align: center;
    position: relative;
    float: left;
}
.detailEventCalendar
{
    min-height: 100px; 
    overflow: auto; 
    width: 505px; 
    position:relative; 
    float: left;
    margin-top: 10px;
}
.singleEventLocationPage
{
    width: 490px;
    padding: 15px 5px 10px 5px;
    position: relative;
    float: left;
    border-bottom: solid 1px #ddd;
}
.singleEventLocationPage .time
{
    font-size: 10pt;
    width: 45px;
    position: relative;
    float: left;
}
.singleEventLocationPage .heading
{
    position: relative;
    float: left;
    font-weight: bold;
    font-size: 10pt;
    width: 445px;
}
.singleEventLocationPage .heading a
{
    text-decoration: none;
    font-weight: bold;
    font-size: 10pt;
}
.singleEventLocationPage .subheading
{
    position: relative;
    float: left;
    font-size: 8pt;
    margin-left: 45px;
    width: 445px;
}

/***************************************/
/*one off events on the location page*/
.locationOneOffEvent
{
    width: 512px;
    position: relative;
    float: left;
    border: solid 1px #ddd;
    padding: 10px 10px 10px 10px;
    margin-right: 5px; 
    background-color: #eeeeee;  
}
.locationOneOffEventHeadline
{
    width: 282px;
    font-size: 12pt;
    font-weight: bold;
    color: #777;
    position: relative;
    float: left;
    
    padding:10px 10px 0px 10px;
}

.locationOneOffEventTime
{
    width: 282px;
    font-size: 8pt;
    color: #555;
    position: relative;
    float: left;
    padding:10px 10px 3px 10px;
}
.locationOneOffEventContent
{
    position: relative;
    float: left;
    width: 512px;
}
.locationOneOffEventPicture
{
    position: relative;
    float: left;
    width: 208px;
    height: 148px;
    overflow:hidden;
    border: solid 1px #ddd;
    
}
.locationOneOffEventSubheading
{
    position: relative;
    float: left;
    width: 282px;
    color: #555;
    font-size: 8pt;
    padding:10px 10px 10px 10px;
}

/***************************************/

.topOfBoardLinks
{
    font-size: 10pt;
}
.topOfBoardSelectedLink
{
    font-size: 10pt;
    color: #555;
    text-decoration: underline;
}

.userDisplay
{
    position: relative; 
    float:left;
    border-style: solid;
    border-width: 1px;
    border-color: #438aa7;
    height: 40px;
    color: #438aa7;
    font-size: 8pt;
    width: 230px; 
    overflow: auto;
    padding: 5px 5px 0px 5px;
}
.StickyWritingArea
{
    position: relative; 
    float:left;
    width:230px;
}
.talkList
{
    position: relative; 
    float:left;
    width:237px;
}
.stickyReplyTextBox
{
    border-style: solid;
    border-width: 1px;
    border-color: #438aa7;
    height: 50px;
    color: #438aa7;
    font-size: 10pt; 
    overflow: auto;
    margin-bottom: 5px;
    width:232px;
    font-family: Arial;
}
#buttonAndTextCounter
{
    position: relative;
    float: left; 
    width: 230px;
}
#textLengthCounter
{
    position: relative;
    float: right;
    width: 140px;
    font-size: 12pt;
    color: #438aa7;
    margin-top: 3px;
}
.buttonOnSameLine
{
    position: relative;
    float: left; 
}

.instruction
{
    font-size: 8pt;
}

.longTextBox
{
    border-width: 1px;
    border-style: solid;
    border-color: #438aa7;
    height: 45px;
    color: #438aa7;
    font-size: 12pt;
    width: 520px; 
    overflow: auto;
    
}
.shortTextBox
{
    border-style: solid;
    border-width: 1px;
    border-color: #438aa7;
    color: #438aa7;
    font-size: 10pt;
    width: 150px; 
    overflow: hidden;
}
.button
{
    border-style: solid;
    border-width: 1px;
    border-color: #438aa7;
    color: #438aa7;
    font-size: 10pt;
}
.button:hover
{
    color: #555;
}

/**************************************/
/*Don't need anymore*/
#header 
{ 
    height: 65px; 
    clear: both;
}
#logo 
{ 
    height: 44px; 
    width: 500px; 
    margin: 20px 20px 0px 10px; 
    background: url(images/BigNoticeBoard.gif) no-repeat; 
    position: relative; 
    float: left; 
    display: inline; 
}
#banner
{
    height: 60px;
    margin: 5px 20px 0px 10px;
    position: relative; 
    float: right; 
    display: inline;
    vertical-align: top;
}
/*********************************************/
#formContent
{
    position: relative;
    float:left;
    text-align: left;
    width:100%;
    background-color: #98dffc;/*#FFFACD;*/
}
#recommendationLinks
{
    position: relative;
    float:left;
    text-align: left;
    width:1004px;
    background-color: #98dffc;/*#FFFACD;*/
    padding: 0px 10px 5px 10px;
    font-size: 8pt;
    height:10px; 
}

#footer
{
    text-align: center;
    height: 20px;
    width: 1024px;
    padding-top: 15px;
    font-size: 8pt;
    color:#438aa7;
}

a.sideMenu
{
    font-size: 10pt;
    text-decoration: none;
}

.sideCopy
{
    font-size:8pt;
    padding: 20px 5px 5px 0px;
}

div.terms
{
    position: relative;
    float: left;
    margin: 30px 120px 20px 120px;
    font: arial;
    font-size: 9pt;
    background-color: #98dffc;/*#FFFACD;*/
}




div.createNoticeButtons
{
    width: 100%;
    position: relative;
    float:left;
    text-align: center;
    font-weight: bold;
    font-size: 14pt;
    
}
li
{
    padding: 5px 0px 5px 0px;
}
h1
{
    font-size: 12pt;
    margin-bottom:0px;
    margin-top:0px;
}
span
{
    background-color:inherit;
}

div.profileManagementLinks
{
    font-size: 8pt;
    padding-top: 5px;
}

.small
{
    font-size: 8pt;
}
.smallcentred
{
    font-size: 8pt;
    text-align: center;
}


.hideTagForm
{
    visibility: hidden;
}
.showTagForm
{
    visibility: visible;
}



/* header */








#bigBlackMenu
{
    position: relative;
    float: left;
    margin: 10px 10px 10px 30px;
}
#bigBlackMenu a, #bigBlackMenu a:visited 
{ 
    color: #2e2d2d; 
    font-size: 14pt; 
    font-weight: bold; 
    text-decoration: none; 
}
#bigBlackMenu a:hover 
{  
    text-decoration: underline; 
}

.contentSectionRightTop
{
    position:relative;
    float: left;
    width: 270px;
    background: #fff url('images/sideGreyTop.gif') no-repeat;
    height:12px;
    margin-top: 10px;
}
.contentSectionRight
{
    text-align: center;
    position:relative;
    float: left;
    width: 270px;
    background: #fff url('images/sideGreyMiddle.gif') repeat-y;
}
.contentSectionRightContent /*contains the content to give space between content and border*/
{
    position:relative;
    float: left;
    width: 250px;
    padding: 10px 10px 10px 10px;
    font-size: 8pt;
    text-align:left;
}
.contentSectionRightBottom
{
    position:relative;
    float: left;
    width: 270px;
    background: #fff url('images/sideGreyBottom.gif') no-repeat;
    height:16px;
}

.hiddenTags
{
    visibility: hidden;
    height: 0px;
}
.visibleTags
{
    width: 730px;
    border: solid 1px #31aa99;
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 0px 0px;
}



/*the formatting for all forms not on the Page*/
/*
.inputLabel
{
    min-width:250px;
    width:30%;
    text-align: right;
    position: relative;
    float: left;
    margin-right:25px;  
    background-color: #98dffc;
}
.inputControl
{
    position: relative;
    float:left;
    width: 50%;
    min-width:300px;  
    background-color: #98dffc;
}
.inputRow
{
    position: relative;
    float:left;
    width: 990px;
    padding: 5px 10px 0px 0px;  
    background-color: #98dffc;
}
*/
.inputMessage
{
    position:relative;
    float:left;
    width: 50%;
    font-weight: bold;
    background-color: #98dffc;/*#FFFACD;*/
}
.inputLabelHidden
{
    min-width:250px;
    width:30%;
    height: 0px;
    position: relative;
    float: left;
    margin-right:25px;  
    background-color: #98dffc;/*#FFFACD;*/
}
.formSubText
{
    font-size: 10px;
    padding: 0px 0 10px 0;
}
/********************************************/



a.leftMenuText
{
    font-size: 10pt;
    font-family: Arial;
    text-decoration: none;
}
a.leftMenuText:hover
{
    text-decoration: underline;
}