h1
{
    font-size: 14pt;
}
h3
{
    font-size: 14pt;
}
#pageOuter
{
    width:1024px;
    margin-left:auto;
    margin-right:auto;
    text-align: left ;
    padding: 15px 0px 0px 0px;
}
/*The page that contains the content of the notice*/
#pageContainer /*the outline of the page*/
{
    position: relative;
    float:left;
    width:1018px;
    background:#fff;
    text-align:left;
    border: solid 3px #438aa7;
    margin-top: 10px;
    
}
#pageHeader
{
    border-bottom: solid 2px #ddd;
    position:relative;
    float:left;
    width: 766px;
    padding: 10px 0px 5px 0px;
    margin: 0px 0px 0px 10px;
}
#pageHeaderLeft /* the titles from the location */
{
    position:relative;
    float:left;
    width:550px;
    text-align:left;
    background-color: #fff;
    margin: 0px 5px 0px 0px;
}
#pageHeaderRight /* the website menu links */
{
    position:relative;
    float:left;
    width:206px;
    text-align:right;
    background-color: #fff;
    margin: 0px 0px 0px 5px;
}
#pageHeaderRight a
{
    color: #438aa7;
    font-size: 10pt;
    font-weight: bold;
}
#pageHeaderRight a:hover
{
    color: #000;
}
/*
.StickyWritingArea
{
    display: none;
    position: relative; 
    float:left;
    padding: 15px 10px 5px 5px;
}
.StickyWritingAreaVisible
{
    position: relative; 
    float:left;
    padding: 15px 10px 5px 5px;
}

#textLengthCounter
{
    position: relative;
    float: left;
    width: 150px;
    font-size: 12pt;
    font-weight: bold;
    color: #438aa7;
    text-align: left;
    padding-right: 10px;
}
*/
.instruction
{
    font-size: 8pt;
}

.longTextBox
{
    border-style: solid;
    border-width: 1px;
    border-color: #438aa7;
    height: 60px;
    color: #438aa7;
    font-size: 12pt;
    width: 280px; 
    overflow: auto;
}

.topRightNotice
{
    vertical-align: top;
    text-align: left;
}


.contentHeader
{
    position:relative;
    float: left;
    width: 760px;
    padding:20px 20px 20px 20px;
    text-align:left;
    background-color: #fff;
}
#pageCenter
{
    position:relative;
    float: left;
    width:480px;
    background-color: #fff;
    margin:0 auto;
    border-right: solid 1px #ddd;
    /*padding: 30px 30px 30px 30px;*/
}
#pageRight
{
    position:relative;
    float: left;
    width:290px;
    background-color: #fff;
    padding: 10px 0px 10px 6px; 
    border-left: solid 1px #ddd;
    margin-right: 0px;
}
#pageFarRight
{
    width: 230px;
    position:relative;
    float: left;
}
#pageFarRight .topRightNotice
{
    width:220px;
    padding: 10px 0px 10px 5px;
    text-align:center;
}
#pageFarRight .lightBlue
{
    width:180px;
    background-color: #e0ffff;
    padding: 20px 15px 20px 15px;
    margin-left: 10px;
}

#pageFarRight h2
{
    font-size: 12pt;
    font-family: Arial;
    color: #eee;
    margin-bottom: 5px;
}
.boardLinksTitle
{
    width: 180px;
    background-color: #777;
    padding: 5px 15px 5px 15px; 
    margin-left: 10px;
}
.farRightArtLink
{
    width: 188px;
    font-size: 8pt;
    margin-bottom: 5px;
}
.farRightLink
{
    width: 188px;
    font-size: 10pt;
    background-color: #fff;
}
.farRightLinkSelected
{
    width: 188px;
    font-size: 10pt;
    background-color: #fff;
}
.farRightLinkSelected a
{
    font-size: 10pt;
    color: #003552;
}
.farRightLink a
{
    font-size: 10pt;
    text-decoration: none;
}
#socNetLinks
{
    border-top: solid 2px #ddd;
    position:relative;
    float:left;
    width:770px;
    background-color: #fff;
    text-align:right;
    padding: 20px 10px 0px 10px;  
}
#pageBottomLinks
{
    position:relative;
    float:left;
    width:776px;
    font-size: 10pt;
    background-color: #fff;
    text-align:left;
    padding: 10px 10px 10px 10px;  
}

#pageFooter
{
    position:relative;
    float:left;
    width:100%;
    background-color: #fff;
    text-align:center;
}
.socNetButton
{
    position:relative;
    float: left;
    width: 250px;
    padding: 10px 10px 10px 10px;
    font-size: 8pt;
    text-align:right;
}
.eventOnPage
{
    position:relative;
    float:left;
    font-size: 8pt;
    padding-bottom: 10px;
}
.eventOnPage h3
{
    font-size: 10pt;
    margin-bottom: 0px;
}

.eventSubheading
{
    position:relative;
    float:left;
    color: #505050;
    font-size: 7pt;
}

/*the createContent edit Page section*/
.contentHidden
{
    height: 0px;
    position:relative;
    float: left;
    width: 460px;
    visibility:hidden;
}
.contentAdderTop
{
    position:relative;
    height: 13px;
    float: left;
    width: 460px;
    background: url('images/mainGreyTop.gif') no-repeat;
    margin-left:10px;
    margin-top:10px;
}
.contentAdder
{
    position:relative;
    float: left;
    width: 435px;
    background: url('images/mainGreyMiddle.gif') repeat-y;
    margin-left:10px;
    padding: 0px 15px 0px 10px;
    font-size: 8pt;
}

.contentAdderBottom
{
    position:relative;
    height:12px;
    float: left;
    width: 460px;
    background: url('images/mainGreyBottom.gif') no-repeat;
    margin-left:10px;
}

.pageInputLabelTop
{
    width: 100%;
    text-align: left;
    position: relative;
    float: left; 
    font-size: 8pt;
    font-family: Arial;
    padding: 10px 10px 0px 10px;
}
.pageInputLabelLeft
{
    width: 30%;
    text-align: left;
    position: relative;
    float: left; 
    font-size: 16px;
    font-family: Arial;
    padding: 10px 0px 10px 10px;
}
.pageInputControl
{
    position: relative;
    float:left;
    width: 60%; 
    padding: 10px 10px 10px 10px; 
}
.pageInputButtons
{
    position: relative;
    float:left;
    width:100%; 
    text-align: left;
    padding: 10px 10px 10px 10px;
}
.pageInputMessage
{
    position: relative;
    float:left;
    width: 100%; 
    padding: 10px 10px 10px 0px;
    color: Red;
    font-weight: bold;
}

.pageFormText
{
    font-size: 10px;
}

.smallgap
{
    padding-bottom:8px;
}
/***************************************/

.contentSection
{
    position:relative;
    float: left;
    width: 460px;
    padding: 0px 10px 0px 10px;
    font-size: 8pt;
}

.header
{
    text-align: left;
    position: relative;
    float: left;
    padding:10px 10px 10px 10px;
    width:100%;
}

.image
{
    text-align: center;
    padding:10px 10px 10px 10px;
    width: 420px;
}

.imageL
{
    text-align: left;
    position: relative;
    float: left;
    padding:10px 10px 10px 10px;
    width: 420px;
}
.imageLImage
{
    text-align: left;
    position: relative;
    float: left;
    padding:0px 10px 0px 0px;
}
.imageRImage
{
    text-align: left;
    position: relative;
    float: right;
    padding: 0px 0px 0px 10px;
}
.imageRText
{
    text-align: left;
    position: relative;
    float:right;
    padding: 0px 0px 0px 0px;
}
.imageR
{
    text-align: left;
    position: relative;
    float: left;
    padding:10px 10px 10px 10px;
    width: 420px;
}
.map
{
    
    text-align: center;
    padding:10px 10px 10px 10px;
    width: 270px;
}
.mapRight
{
    position: relative;
    float: left;
    text-align: center;
    padding:10px 10px 10px 10px;
    width: 420px;
}
.video
{
    padding: 10px 0px 10px 0px;
    text-align: center;
    width: 420px;
}
.text
{
    text-align: left;
    position: relative;
    float: left;
    padding:10px 10px 10px 10px;
    width: 420px;
}
div.addContent
{
    font-size: 8pt;
    position:relative;
    float: left;
    width:480px;
    padding:10px 10px 10px 10px;
}
.mainEditHeader
{
    position:relative;
    float: left;
    background-color: #e0ffff;
    text-align: left;
    padding: 7px 5px 5px 5px;
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 8pt;
}
.mainEditHeader h3
{
    font-size: 14pt;
    margin: 0px 0px 0px 0px;
}
/*****************************************************/
/*all of the content on the right column of the PAGE*/
.rightSideHeader
{
    position: relative;
    float: left;
    width: 280px;
    background-color: #e0ffff;
    text-align: left;
    padding: 7px 5px 5px 5px;
    margin-top: 15px;
    margin-bottom: 5px;
}
.rightSideHeader h3
{
    font-size: 12pt;
    margin: 0px 0px 0px 0px;
}
.rightSideHeader a
{
    font-size: 8pt;
}
.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;
}
.contentHiddenRight
{
    height: 0px;
    position:relative;
    float: left;
    width: 270px;
    visibility:hidden;
}
.contentAdderRight
{
    position:relative;
    float: left;
    width: 270px;
}
.link
{
    position: relative;
    float:left;
    text-align: left;
    width:100%;
}
.event
{
    position: relative;
    float:left;
    text-align: left;
    width:100%;
    padding: 0px 0px 7px 0px;
}
.editContentMenuRight
{
    width: 250px;
    text-align:right;
}

/*.StickyWritingArea
{
    position: relative; 
    float:left;
    padding: 5px 5px 5px 5px;
    width:265px;
}*/
/*
.stickyReplyTextBox
{
    border-style: solid;
    border-width: 1px;
    border-color: #438aa7;
    height: 50px;
    color: #438aa7;
    font-size: 12pt; 
    overflow: auto;
    margin-bottom: 5px;
    width:260px;
}
*/
.button
{
    position: relative;
    float: right;
    border: solid 1px #438aa7;
    color: #438aa7;
    height: 25px;
}

.messageBoard
{
    position: relative;
    float: left;
    border: solid 1px #438aa7;
    min-height: 150px;
    width: 275px;
    margin: 10px 10px 10px 0px;
    background: url('images/messageboard.gif') no-repeat;
    padding: 40px 0px 0px 0px;
    height: 260px;
    overflow-y: hidden;
}
.fixedscroll
{
    position: relative;
    float: left;
    min-height: 150px;
    width: 275px;
    height: 270px;
    overflow-x: auto;
    overflow-y: hidden;
}
.comments
{
    width:auto;
    height: 220px;
    position: relative;
    float: left;
    overflow: hidden;
    
}

.talkBoard
{
    border: solid 1px #438aa7;
    min-height: 150px;
    width: 275px;
    margin: 10px 10px 10px 0px;
    background: url('images/mytalkboard.gif') no-repeat;
    padding: 50px 5px 0px 5px;
}
.talkEditHeader
{
    position: relative;
    float: left;
    background-color: #e0ffff;
    text-align: left;
    padding: 7px 5px 5px 5px;
    margin: 15px 5px 10px 5px; 
    width: 255px;
    font-size: 8pt;
}