@charset "utf-8";

html, body {margin: 0; padding: 0; height: 100%; font-size: 10px; font-family: Arial, Verdana, Geneva, sans-serif;}

body {background-color: #fff;}

/*** RESET ***/

div, ul, ol, p {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
.clear {clear: both;}
ul {list-style-position: inside;}

/*** STICKYFOOTER STYLES ***/

#sitewrapper {min-height: 100%;}
#pagewrapper {position: relative; overflow: auto; padding-bottom: 100px;}
                /* "padding-bottom" MUST be the same as the height of the footer */
#footer {position: relative; margin-top: -40px; padding-top: 20px; height: 80px; clear: both;}
                /* "margin-top" MUST be the same as the bottom padding on the pagewrapper */
    /*Opera Fix*/
    body:before {content: ""; height: 100%; float: left; width: 0; margin-top: -32767px;}

/*** DEFAULT STYLES ***/

h1 {margin-bottom: 10px; font-family: Palatino, 'Hoefler Text', Times, 'Times New Roman', serif; font-style: italic; font-size: 2.4em; color: #069;}
h2 {font-size: 1.4em; color: #999;}
p {margin-bottom: 10px; font-size: 1.1em; line-height: 1.8em;}
a {color: #069; text-decoration: none;}
a:hover {color: #000;}
a.button {padding: 2px 5px 2px; color: #fff; font-size: 1em; text-align: center; background-color: #036;
            border-top: 1px solid #09f !important;
            border-left: 1px solid #09f !important;
            border-bottom: 1px solid #000 !important;
            border-right: 1px solid #000 !important;}

.readMore {background: url(readMore-bg.png) no-repeat; padding-left: 30px; height: 20px;}
.news_article {font-size: 1.2em;}
.news_date {color: #069;}
.calFontOverride {color: #555;}

#sitewrapper {margin: 0; padding: 0; background: url(sitewrapper-bg.jpg) top center no-repeat;}

#pagewrapper {margin: 0 auto; width: 980px;}

    #header {height: 450px; /*background: url(header-bg.png) repeat-y;*/}
        #logo {height: 165px; width: 425px; background: url(logo.png) no-repeat; float: left;}
            #logo a {display: block; width: 100%; height: 100%;}
	    #logo h1 {display: none;}
        #headerSubnav {position: relative; top: -165px; left: 710px; padding-top: 95px; height: 20px; width: 250px; background: url(headerSubnav-bg.png) no-repeat; color: #a3dee9;}
            #headerSubnav a {color: #bfbfbf; text-decoration: none;}
            #headerSubnav a:hover {color: #333;}
        #headerBanner {position: relative; top: -165px; height: 265px; width: 960px; /* background: url(headerBanner-bg.jpg) no-repeat; */}
        
    #navigation {position: relative; top: -140px; margin-right: 35px; height: 70px; float: right;}
        #navigation a {display: block; margin-right: 2px; height: 20px; width: 85px; color: #036; font-size: 1em; text-decoration: none; text-align: center; background: url(navigation-bg.png) repeat-x; float: left;}
        #navigation a:hover {background: url(navigation-bg-ON.png) repeat-x;}
        
        /*** TOPMENU STYLES ***/
        .ddtopmenu0 {background-color: #bde0f2; color: #036; border-left: #bde0f2; border-right: #bde0f2;}
            .ddtopmenu0over {background-color: #006699; color: #fff;}
        .ddtopmenu0border {background-color: #fff;}

    #bodywrapper {margin: 20px 0 0 20px;}
        #bodywrapperContent {width: 650px; float: left;}
        
        ul.membershipServicesList {width: 250px; float: left;}
        .membershipServicesList li {margin-bottom: 18px; list-style-type: none; font-size: 1.4em;}
        .membershipServicesList li a {color: #777;}
        
        #memberLogin {margin-top: 50px; width: 526px; background: url(memberLogin-bg.png) repeat-y;}
            #memberLoginHeader {height: 20px; background: url(memberLoginHeader-bg.png) no-repeat;}
            .memberLoginTitle {padding-left: 20px; width: 120px; float: left;}
            #memberLoginContent {width: 360px; color: #333; float: left;}
                #loginForm label {color: #000;}
                #loginForm input {width: 140px; border: 1px solid #777;}
                    .loginButtongroup {padding-top: 13px;}
                    .loginButtongroup input {width: 50px !important; padding: 0 5px 3px; color: #fff; font-size: 1em; background-color: #036;
                                            border-top: 1px solid #09f !important;
                                            border-left: 1px solid #09f !important;
                                            border-bottom: 1px solid #000 !important;
                                            border-right: 1px solid #000 !important;
                                            }
            #memberLoginFooter {height: 20px; background: url(memberLoginFooter-bg.png) no-repeat;}
            #memberLogin h1 {margin-top: 0; font-size: 1.8em; font-style: normal;}
            
            #sidebar {margin-left: 40px; width: 250px; background-color: #e5e5e5; float: left;}
                #sidebar h2,
                #sidebar h3 {margin: 0; color: #069;}
                #sidebar p {margin-top: 8px; line-height: normal;}
                #sidebar img {margin: 10px 10px 0 0;}
                
                #sidebarHeader {height: 20px; background: url(sidebar-header-bg.png) no-repeat;}
                #sidebarContent {padding: 0 18px; background: #e6e6e6;}
                #sidebarFooter {height: 20px; background: url(sidebar-footer-bg.png) no-repeat;}
                
                .sidebarInset {position: relative; margin-top: 10px; padding: 18px; background-color: #fff; color: #999;
                                -moz-border-radius: 8px;
                                -webkit-border-radius: 8px;
                                -khtml-border-radius: 8px;
                                border-radius: 8px;
                                }
                #inMemoriam {}
                    #inMemoriam h1 {margin: 0 35px 0 0; font-size: 1.8em;}
                    #inMemoriamTitle {height: 25px;}
            
            
            /*** SUBNAV STYLE ***/
            
            #subnav {margin-right: 40px; width: 250px; float: left;}
                .flyLevel0 {padding-left: 25px; background: transparent url(flymenuIcon.png) no-repeat; color: #069; border-top: 1px solid #ccc;}
                .flyLevel1,
                .flyLevel2,
                .flyLevel3,
                .flyLevel4,
                .flyLevel5 {background-color: #fff; color: #069;}
                    .flyLevel0over {padding-left: 25px; background: transparent url(flymenuIcon.png) no-repeat; color: #000; border-top: 1px solid #069;}
                    .flyLevel1over,
                    .flyLevel2over,
                    .flyLevel3over,
                    .flyLevel4over,
                    .flyLevel5over {background-color: #fff; color: #000;}
                
                .flyLevel0border {background-color: transparent;}

/*** SITEMAP ***/

#footer-sitemap_column-topmenu {position: relative; z-index: 1; margin: 0px; font-weight: bold; text-decoration: none}
    #footer-sitemap_column-submenu {position: relative; z-index: 1; margin: 0 0 10px 0; padding: 0px 0px 0px 20px; /* 2X "#footer-sitemap_column a" padding/margin */ font-weight: normal} /* reset "#footer-sitemap_column" font-weight */
	#footer-sitemap_column-submenu a{display: block; position: relative; margin: 0px; padding: 0px}

/*** FOOTER ***/

#footer {text-align: center; text-transform: uppercase; color: #fff; background-color: #036;}
    #footer p {margin-bottom: 0 !important;}
	#footer ul {height: 25px; text-align: center;}
		#footer li {display: inline; float: none; padding: 20px;}
		.frp_vertical_menu a, .frp_horizontal_menu a {display: inline !important;}
    #footer a {color: #3399cc;}
    .footerAdmin {font-size: 9px;}

/*** FORM STYLES ***/

form {margin: 0 auto;}


/*** PAGELIST STYLES ***/

#subnav li {padding: 4px 0 4px 25px; width: 225px; height: 14px; border-top: 1px solid #ccc; background: url("flymenuIcon.png") no-repeat;}
	#subnav li li {margin-top: -1px; padding: 4px 15px; background-image: none; background-color: #fff; border: 1px solid #ccc;}
	#subnav li li:hover {background-color: #e6e6e6;}