﻿body, div, #main-navigation ul, #main-navigation ul li /* Reset */
{
    margin:0;
    padding:0;
}

body
{
    background: #a6c5e1 url(../images/body_bg.png) repeat-x top left;
}

#container
{
    width:859px;
    margin:8px auto;
}

#header
{
    width:859px;
    /*float:left;*/
}

#header a {display: block;z-index:1000;position:absolute;margin-left:-30px; margin-top:10px; width:274px;height:195px;background:url(../images/logo.png) 0 0 no-repeat;}



#exchange
{
	height: 72px;
	width: 75px;
	display: block;
	float:right;	
}


#main-navigation  /* Resident, Business, Visitor */
{
	margin:0; padding:0;
	background: url("../images/nav/nav_bg.png") no-repeat;
	height:31px;
	width:859px;
	font-family:Verdana, Geneva, sans-serif;
	color:#005c99;
}

	#middletop {
		margin:0 0px 0px 0px;
		display:block;	
		padding-left:270px;
	}
		
    #main-navigation ul
    {
        list-style-type:none;
        margin-top:0px;
        clear:both;
    }
    
        #main-navigation ul li
        {
            float:left;
        }
        
			#main-navigation ul li.howdoi /* Image text replacement */
            {
                width:200px;
                height:31px;
                display:block;
				text-indent:-9999px;
				
                
            }
            
                #main-navigation ul li.howdoi a
                {
                    width:133px;
                    height:31px;
                    display:block;
					outline:none;
                   
                }   
                
            #main-navigation ul li.faq /* Image text replacement */
            {
                width:133px;
                height:31px;
                display:block;
                text-indent:-9999px;
                
            }
            
                #main-navigation ul li.faq a
                {
                    width:133px;
                    height:31px;
                    display:block;
					outline:none;
    
                }   
            #main-navigation ul li.resident /* Image text replacement */
            {
                width:133px;
                height:31px;
                display:block;
                text-indent:-9999px;
                
            }
            
                #main-navigation ul li.resident a
                {
                    width:133px;
                    height:31px;
                    display:block;
					outline:none;
    
                }   

            #main-navigation ul li.business /* Image text replacement */
            {
                width:142px;
                height:31px;
                display:block;

            }
            
                #main-navigation ul li.business a
                {
                    width:142px;
                    height:31px;
                    display:block;
                    outline:none;
                }   
                
            #main-navigation ul li.visitor /* Image text replacement */
            {
                width:140px;
                height:35px;
                display:block;

            }
            
                #main-navigation ul li.visitor a
                {
                    width:140px;
                    height:35px;
                    display:block;
                    outline:none;
                }   
				
#columncontainer{width:859px; background:#fff url("../images/column_bg.png") repeat-y; overflow:auto;}
    
#side-navigation /* Content managed navigation */
{
    float:left;
    width:205px;
    padding:12px 0 12px 0;
    background:#005c99;
}    

    #side-navigation h2
    {
        color:#fff;
        font-family:Arial, Helvetica, Verdana, Sans-Serif;
        font-size:15px;
        border-bottom:1px solid #98a6d5;
        margin:1em 1em 0 1em;
    }

    #side-navigation ul
    {
        padding:5px 0 0 25px;
        margin:5px 0 0 0; /* IE */
        list-style-type:none;
        list-style-image:url(../images/closed.gif);
    }

        #side-navigation ul li
        {
            font-family:Verdana, Helvetica, Arial, Sans-Serif;
            font-size:12px;
            font-weight:bold;
            margin:6px 0;
            color:#aaa;
			padding-bottom:6px;
        }
        
            #side-navigation ul li a
            {
                color:#fff;
                text-decoration:none;
			
            }
			 #side-navigation ul li a:hover
            {
                color:#aaa;
                text-decoration:none;
			
            }
            
            #side-navigation ul ul /* Second level of navigation */
            {
                padding:3px 0 3px 5px;
                margin:5px 0 0 0; /* IE */
                list-style-type:none;
                list-style-image:none;
                line-height:0.7em;                
                width:150px;
            }
            
                #side-navigation ul ul li 
                {
                    font-family:Verdana, Helvetica, Arial, Sans-Serif;
                    font-size:10px;
                    font-weight:normal;
                    margin:6px 0;                                     
                    color:#fff;
                }
                
                    #side-navigation ul ul li a
                    {
                        color:#fff;
                        text-decoration:none;
                    }            

#content /* Main content block */
{
    float:left;
  /*background:#ffffff url(../images/background.gif) no-repeat fixed 200px 180px;*/
    width:600px;
	margin-left:20px;
    padding:12px 10px 20px 20px;
	background:#fff;

}


    #content, #content p, #content li /* Sets all content to correct font */
    {
        font-family: Verdana, Geneva, sans-serif;
        font-size:85%;
		line-height:22px;
    }
   
       
    #content h2
    {
        font-family: Verdana, Geneva, sans-serif;
        font-size:20px;
        font-weight:bold;
        border-bottom:1px solid #000000;
        margin:0 0 0.5em 0;
        padding:0;
        color:#000000;
    }
	
	 #content a
    {
      
        color:#005c99;
    }
    
#content .breadcrumb ul /* Breadcrumb trail */
{
    list-style-type:none;    
    margin:0.5em 0.1em;
    padding:0;  
}    

#content .breadcrumb ul li
{
    display:inline;
    margin:0;
    padding:0;
}

#cmsMenuBar
{
    float:left;
}

.cmsBlockTitle
{
	color:White !important;
}


/*
.Net Menu Styles
*/
.MenuGroup
{width:150px; margin:0; padding:0; background-color:#ffffff;  border-spacing:0; cursor:hand;}


.MenuItem
{margin:0; padding: 5px; font: 8pt Arial, sans-serif; color: #000000;  text-decoration:none; cursor:hand;}

.MenuItemOver
{margin:0; padding: 5px; font: 8pt Arial, sans-serif; color: #000000; text-decoration:none; cursor:hand;}



.TopGroup
{
	background-color:#eeeeee; 
	color:#006633; 
	font-family:arial;
	font-size:8pt;
	cursor:hand;
	text-decoration:none;
	white-space:nowrap;
	border-bottom:1px solid black;
}


.TopGroup td
{
	font-family:arial;
	font-size:8pt;
}

.MenuGroup td
{
	color:#09629d;
	font-weight:bold;
	font-size:8pt;
	
}

.MenuItemOver td, .MenuGroup td.MenuItemOver
{
	color:#09629d;
	background:#a6c5e1;
}



/*
Calendar
*/
.calendarContainer.Calendar
{
	font-family: Arial;
	font-weight: normal;
	font-size: 8pt;	
	background-color:#666666;
	
}

.calendarContainer table.calendar
{
	width:500px;
	background-color:transparent;
}

/*
Calendar Month Header
*/
.calendarContainer table.Calendar table.Calendar td
{
	font-size:8pt;
	font-weight:bold;
	background-color: #BEBE7E !important;   
	color:#ffffff;
}

.calendarContainer .Calendar td
	{
	font-size:10pt;
	/*padding: 3px;*/
	background-color: #ffffff !important;
}

#picker
{
	border: 1px solid #666666;
}

/*
Calendar Day of the Week Row
*/
.calendarContainer th.DayName
{
	border-bottom: solid 1px #000000;
	font-size:10pt;
	font-weight: bold;
}

/*
Calendar Days shown of previous or next month
*/
.calendarContainer td.OtherMonth
{
	font-weight:normal;
	color: #EEEEEE;
	font-size:8pt;
}

/*
Calendar Selected Day
*/
.calendarContainer td.SelectedDay
{
	background-color: #4860b4 !important;
	color: #EDE9C3;
	font-size:8pt;
}

/*
????
*/
.EventCalendar .TableData
{
	font-family: Arial;
	font-weight: normal;
	font-size: 10pt;
	color: #FF0000;
	border: 1px solid #666666;
}

.TableData td
{
	padding: 5px 5px 5px 5px;
	
}


/*
Calendar List and Detail Header
*/
.ledgerContainer .TableData .Header
{
	
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	font-size:10pt !important;	
	background-color:#BEBE7E;
	width:300px;
}

.ledgerContainer 
{
	border: 1px solid #e5e3cd;
	padding: 2px;		
}

/*
????
*/
.EventCalendar.TableData.Footer
{


}

.EventCalendar .TableData .Row
{
	
	text-align: left;
	font-size: 8pt;
	border-bottom:solid 1px #666666;
}
/*
Calendar List and Detail table rows
*/
.EventCalendar .TableData .AltRow
{
	
	text-align: left;
	font-size: 12pt;
	border-bottom:solid 1px #666666;
}

.FrontPage
{
	font-family: Arial;
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
}

.FrontPage td
{
	padding:4px 4px 4px 4px;
}

.FrontPage .Label
{
	font-weight:bold;
	width:100px;

}

.empty
{
	padding-left: 10px;
}


.FrontPage td a
{
	font-weight:normal;
}

.FrontPage .Row td.Header
{	
	background-color:#BEBE7E;
	color:white;
	font-weight:bold;

}


.calendarContainer
{
	float:left;
}

.ledgerContainer
{
	float:right;
	margin:0px 0px 0px 10px;
}

.eventContainer
{
	
}
#footer{font:9px Verdana, Geneva, sans-serif; text-align:center;}

#tricentennial{width:225px;background:#fff url("../images/300_tab_bg.png") repeat-y;}
#tricentennial .logo{display:block;margin:0 auto; padding-top:8px;}
#tricentennial span{display:block;margin:0 auto; padding-top:8px;}
#tricentennial ul{padding-bottom:6px;}
#tricentennial ul li a{color:#005c99;}


