body
        {
            background: #1b4958 url('Layout/BG1.png') repeat-x top left;
            background-color: #1B4958;
            margin: 0 auto;
            color: #0b0b0b;
            font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-style: normal;
            font-variant: normal;
            letter-spacing: normal;
            line-height: normal;
        }
        *
        {
            padding: 0;
            margin: 0;
        }
        #bgIMG
        {
            width: 1046px;
            margin: 0 auto;
            background: url('Layout/bgImg.png') no-repeat top;
        }
        #wrapper
        {
            margin: 0 auto;
            width: 774px;
        }
        #logoSpot
        {
        }
        #navigation
        {
            width: 774px;
            height: 48px;
            background: url('Layout/topPiece.png') no-repeat top;
        }
        
        #navigation img
        {
            border:none;
        }
        
        #middleArea
        {
            width: 774px;
            min-height: 600px;
            background: url('Layout/middlePiece.png') repeat-y top;
        }
        #footer
        {
            width: 774px;
            height: 35px;
            background: url('Layout/footerBG.png') no-repeat top;
        }
        #footerContent
        {
            width: 770px;
            padding-left:4px;
            height:31px;
            
        }
        .loginPanel1
        {
            display:inline;
        
        }
        .loginName1
        {
            position:absolute;
            padding-top:7px;
            font-size:11px;
            
        }
        
        #headerfull{

width:736px;
margin-right:15px;
margin-left:15px;
height:198px;
}
        #headerArea
        {
            width: 736px;
            margin: 0 auto;
            height: 198px;
        }
        .LoggedInTemplate
        {
           margin-top:20px;
            background:url('Layout/adminUnlocked.jpg') no-repeat;
            width:732px;
            height:61px;
        }
        #atPage
        {
            width: 736px;
            margin: 0 auto;
        }
        .nextPrevBtns
        {
            font-weight:bold;
            color:#e00909;
            text-decoration:none;
            font-size:1.2em;
        }
        .nextPrevBtns:hover
        {
            
            font-weight:bold;
            color:#000;
            text-decoration:none;
            font-size:1.2em;
            
        }
        .currentMonth   
        {
            font-weight:bold;
            color:#000;
            text-decoration:none;
            font-size:1.3em;
        }
        .calendarDayText
        {
            text-decoration:none;
            font-size:0.9em;
            color:#000;
        }
        .calendarDayText:hover
        {
                       
            color:#e00909;
           
        }
/************************************************************************
* 
* Photo selection controls
*
************************************************************************/
.eventImg
{
    border:solid 2px #ccc;
}

.eventViewTitle
{
    font-size:1.5em;
    font-weight:bold;
}

#popupbody
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #e5e5e5;
    font-size: 0.7em;
}

#popupinner
{
    border: 1px solid #d7d7d7;
    margin: 5px;
    background: #d7d7d7;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popupbody h2
{
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}

.selected, .unselected
{
    
    text-align: center;
    
    
    
}

.unselected
{
    background-color: transparent;
    border: solid 1px #e5e5e5;
}

.selected2, .unselected2
{
    
    text-align: center;

    
    
}

.unselected2
{
    background-color: transparent;
    border: solid 1px #e5e5e5;
}

.selected
{
     background: #555555;
     border: solid 1px #444444;
}

.scrollablelist
{
    overflow: auto;
    height: 230px;
    width: 460px;
    border: solid 1px #D7D7D7;
    background-color:#ffffff;
    margin:4px;
}

.scrollablelist2
{
    overflow: auto;
    height: 230px;
    width: 210px;
    border: solid 1px #e5e5e5;
}


.scrolledtable
{
}

 .selectablephoto
{
    background: #555555 url(Layout/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #d7d7d7;
    padding:2px;
    
}

.contextbuttons
{
  margin: 5px 3px 5px 3px; 

}
        .lcBox
        {
            width: 237px;
        }
        .lcTop
        {
            width: 237px;
            height: 14px;
            background: url('Layout/leftColumnTopPiece.jpg') no-repeat top;
        }
        .lcMiddle
        {
            width: 237px;
            background-color: #f3f3f3;
        }
        .lcMiddleContent
        {
            width: 217px;
            padding-left: 15px;
            padding-right: 15px;
        }
        .lcBottom
        {
            width: 237px;
            height: 15px;
            background: url('Layout/leftColumnBottomPiece.jpg') no-repeat top;
        }
        .paddingBox
        {
            width: 457px;
            padding-left: 20px;
            padding-right: 20px;
        }
        
        .calendarBox
        {
            
        }
        
        
        /*Modal Popup*/
.modalBackground {
	background-color:#000000;
	filter:alpha(opacity=90);
	opacity:0.9;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:#333333;
	padding:3px;
	width:550px;
}
   .photoImage1
{
    border:solid 3px #444444;
}     
        
        .dashedline
        {
            border-bottom: 1px dashed #CCC;
            padding-top: 10px;
            margin-bottom: 10px;
            clear: right;
        }
        .dashedline2
        {
            border-bottom: 1px dashed #CCC;
            padding-top: 2px;
            margin-bottom: 2px;
            clear: right;
            height:3px;
        }
        .dateFormat
        {
            color: #111;
            font-weight:bold;
            font-size:11px;
        }
        .RecentNewsTitle
        {
            text-decoration: none;
            color: #3392aa;
            font-weight: bold;
        }
        .RecentNewsTitle:hover
        {
            text-decoration: underline;
        }
        
        .upComingEvents { text-decoration:none; color:#1489cb;  }
        .upComingEvents:hover { text-decoration:underline;  }
        .newslist
        {
            
            
        }
        
        .newslist a
        {
            text-decoration:none;
            color:#0b5067;
            font-size: 14px;
            font-weight: bold;
        }
        
        .newslist a:hover
        {
            text-decoration:underline;
        }
        
        
        
        .morelink
        {
            text-align: right;
            font-style: normal;
            font-variant: normal;
        }
        .morelink a
        {
            text-decoration: none;
            color: #3392aa;
            background: url(Layout/linkimg1.gif) no-repeat 100% .45em;
            margin: 0px;
            padding-left: 0px;
            padding-right: 10px;
            margin-bottom: 0px;
            line-height: 1.4em;
        }
        
        /************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    
    width: 710px;
    margin-right: auto;
    margin-left: auto;
    background: #FFFFFF; /*url(images/background_fullwidth.jpg) repeat-y;*/
    padding:10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 710px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    border: 1px solid #CCCCCC;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
    clear: none;
    padding: 2px;
    
}


.calcurrentmonth:hover
{
    background-color: #cce5e8;
}

.calothermonth
{
    background-color: #ffe9e9;
}
.calothermonth:hover
{
    background-color: #cce5e8;
}
.calcurrentday
{
    
    background-color: #cce5e8;
}
.calweekend
{
    background-color: #fff;
  /*  width: 15%; */
}
.calweekend:hover
{
    background-color: #cce5e8;
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 1px solid #b5b5b5;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part 
    position:relative;*/
     border-collapse:separate;
     border-spacing: 5px;
     
}
        
        /* Used in the two column lists */

.membercard
{
    background-color: #f8f8f8;
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin-bottom: 10px;
    margin-right:10px;
    width: 198px;
}

.clearcard
{
    clear:left;
    height:0;
    margin:0;
    padding:0;
}

.membercard p
{
    margin: 5px;
}


/* Use headers in the markup for accessibility reasons but control look with styles below*/

h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
}

h1
{
    font-size: 28px;
    font-weight: bold;
   margin: 5px 0 5px 0;
}


h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
    text-decoration: none;
    color: #000000;
}
.membercard h3
{
    font-size: 1em;
}

.membercard a   
{
    color:#000;
    text-decoration:none;
    font-weight:bold;
}