/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl,dt,dd abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, button, fieldset, label, legend, select, input, textarea,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: #e8eeec; line-height: 1; color: #4e4e4e; font-size:0.6875em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; margin: 0 auto; }
p { padding: 5px 0; margin: 0; }
strong, b { color: #568c92; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button { cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent; }
legend { font-weight:bold; margin: 10px 0; }
a:link { color: #568c92; line-height:1.1em; }
a:visited { color: #568c92; }
a:hover { color: #568c92; }
a strong { color: #568c92; text-decoration: underline; }
.cms h1,.cms  h2,.cms  h3,.cms  h4,.cms  h5,.cms h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important;}.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important;}

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.align-left { float:left; }
.align-right { float:right; }
.align-middle { vertical-align: middle; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align:top; }
.align-bottom { vertical-align: bottom; }
.align-text-bottom { vertical-align: text-bottom; }
.align-text-top { vertical-align:text-top; }

.inline { display:inline !important; }
.block { display:block !important; }
.visible { visibility:visible !important; }
.hidden { visibility:hidden !important; }
.container { overflow: hidden; width: 100%; }
.required { color:#c00; border:0; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
.sifr-alt { display: none; }
.font-01,.font-02 { visibility:hidden; margin:0;padding:0; font-weight:normal; }
* html .png { visibility:hidden; }
* html .png-noscale { visibility:hidden; }

select { border: 1px solid #d0e4e7; background: #FFF !important; }
input.text, textarea.text { padding: 2px; border: 1px solid #d0e4e7; width: 130px; background: #FFF !important; }
textarea { padding: 2px; border: 1px solid #d0e4e7;  width:220px; height:60px; font-family:Verdana, Geneva, sans-serif; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
button.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px;  float:right; margin: 0 60px 0 0; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 3px 0 0 0; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

.p,.m { display:none; } /*not for web display*/

/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 986px; text-align:left; margin: 0 auto 0 auto; }

/* HEADER */
#header { height: 206px; background: url(../images/header.jpg) no-repeat; position:relative; }
#logo { width: 162px; height: 176px; margin:0;padding:0; position:absolute; top: 22px; left: 26px; background:url(../images/logo.jpg) no-repeat; text-indent:-6000px; z-index:20; }
#logo a { display:block; width: 100%; height: 100%; }
#tagline { display:none; }

/* PHOTO */
#photo { width:; height:; background-repeat: no-repeat; background-position: 0 0; position:relative; }

/* SLIDESHOW */
#slideshow { position:relative; width:; height:; margin: 0 0 0 0; }
#slideshow span { display:block; position:absolute; top:0; left:0; z-index:8; height: 100%; width:100%; background-repeat:no-repeat; }
#slideshow span.active { z-index:10; }
#slideshow span.last-active { z-index:9; }

#photo-01 { background-image: url(../images/photo-01.jpg); }
#photo-02 { background-image: url(../images/photo-02.jpg); }
#photo-03 { background-image: url(../images/photo-03.jpg); }
#photo-04 { background-image: url(../images/photo-04.jpg); }
#photo-05 { background-image: url(../images/photo-05.jpg); }

/*NAV*/
#nav { }
#nav ul { height: 14px; background: url(../images/nav-ul.png) repeat-x; list-style:none; margin:0;padding:8px 0 5px 13px; position:relative; z-index: 100; }
#nav a { text-align:left; display: block; height: 14px; padding: 0 11px; border-right:1px solid #fff; text-indent: -6000px; background-repeat: no-repeat; background-position: 50% top;  }
#nav li.level1 { float: left; display: block; }/*menu category styling*/
#nav li.first {}
#nav li.last a { border: 0; padding-right:0; }
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* nav dropdown */
#nav ul ul { display:none; position: absolute; top: 14px;left: 14px; width: 171px; height: auto; margin:0;padding:0; list-style:none; border-top: 0 #DADCF6 solid; background:none; } /*dropdown properties*/
#nav li ul li { *height: 1%; *float:left; border: #DADCF6 solid; border-width: 0; width:100%; background: #7EB1B6 url(../images/nav-li-li.png) repeat-y; }
#nav li ul li:hover { background: #7EB1B6 url(../images/nav-li-li-hover.png) repeat-y; }
#nav li ul li ul { position: absolute; top: 5px; left: 99%; } /*flyout positioning */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 148px !important; color: #fff; text-decoration: none; background:none !important; border:0; } /* reset for dropdown */
#nav li ul a.hover { color:#e2f5f7; }

#nav li ul li a.flyout { background-image:url(../images/nav-flyout.png); background-repeat: no-repeat; background-position: 97% 9px; }
#nav li a.place-holder { cursor: default; }

#nav li ul li.top { background:url(../images/nav-ul-ul-top.png) no-repeat bottom; height: 9px; }
#nav li ul li.bottom { background:url(../images/nav-ul-ul-bottom.png) no-repeat; height: 6px; }
* html #nav li ul li.top { background: #7EB1B6; font-size: 0; height:5px; }
* html #nav li ul li.bottom { background: #7EB1B6 url(../images/nav-li-li.png) repeat-y; height:5px; font-size:0; }

/* nav categories */
#nav #nav-discover-us a { background-image: url(../images/nav-discover-us.png); width: 63px; }
#nav #nav-discover-us:hover a {background-position: 50% bottom; }
#nav #nav-services a { background-image: url(../images/nav-services.png); width: 45px; }
#nav #nav-services:hover a {background-position: 50% bottom; }
#nav #nav-whats-new a { background-image: url(../images/nav-whats-new.png); width: 63px; }
#nav #nav-whats-new:hover a {background-position: 50% bottom; }
#nav #nav-events a { background-image: url(../images/nav-events.png); width: 38px; }
#nav #nav-events:hover a {background-position: 50% bottom; }
#nav #nav-send-a-greeting a { background-image: url(../images/nav-send-a-greeting.png); width: 88px; }
#nav #nav-send-a-greeting:hover a {background-position: 50% bottom; }
#nav #nav-employment a { background-image: url(../images/nav-employment.png); width: 66px; }
#nav #nav-employment:hover a {background-position: 50% bottom; }
#nav #nav-volunteers a { background-image: url(../images/nav-volunteers.png); width: 64px; }
#nav #nav-volunteers:hover a {background-position: 50% bottom; }
#nav #nav-foundation a { background-image: url(../images/nav-foundation.png); width: 64px; }
#nav #nav-foundation:hover a {background-position: 50% bottom; }
#nav #nav-contact-us a { background-image: url(../images/nav-contact-us.png); width: 60px; }
#nav #nav-contact-us:hover a {background-position: 50% bottom; }
#nav #nav-directions a { background-image: url(../images/nav-directions.png); width: 59px; }
#nav #nav-directions:hover a {background-position: 50% bottom; }
#nav #nav-nfta-bus-schedule a { background-image: url(../images/nav-nfta-bus-schedule.png); width: 101px; }
#nav #nav-nfta-bus-schedule:hover a {background-position: 50% bottom; }

/*MAIN*/
#main{ background:url(../images/main.png) repeat-x 0 0 #fff; border-top: 4px solid #568c92; }
#internal #main { overflow:hidden; width: 100%; position:relative; }
#main .shell { background:url(../images/main-shell.png) 0 bottom no-repeat; position:relative; overflow:hidden; width: 100%; min-height: 550px; }
* html #main .shell { height: 550px; }

/* SEARCH */
#search { position:absolute; top:33px; right:48px; text-align:right; }
#internal #search { left: 43px; text-align:left; }
#search legend, #search label { display:none; }
#search fieldset { padding:0; margin:0; font-weight:normal; }
#search input.text { width:140px; background:#f0f6f6 !important; margin: 0 4px 0 0; }
#search button { background: url(../images/search-btn.png) no-repeat; margin: 0; text-indent:-6000px; width:15px; height:13px; }

/*NAV SUB*/
#nav-sub { float:left; display:inline; margin:13px 0 0 20px; width: 214px; background:url(../images/nav-sub.png) repeat-y; }
#nav-sub h3 { background:url(../images/nav-sub-h3.png) no-repeat 0 0; text-indent:-6000px; height: 21px; margin:0; }
#nav-sub ul { list-style:none; padding:0; margin:34px 0 0 14px;  width: 188px; }
#nav-sub li { background:url(../images/nav-sub-li.png) repeat-x top; padding: 0 0 0 12px; width: 166px;  }
#nav-sub li.first { background:none; }
#nav-sub li.bottom { height:2px; }
#nav-sub li a { font-weight:bold; display:block; line-height: 1.2em; padding: 6px 0 6px 10px; width: 156px; text-decoration:none; background:url(../images/nav-sub-li-a.png) no-repeat 0 10px; }
#nav-sub li a:hover { text-decoration:underline; }
#nav-sub span.bottom { display:block; background:url(../images/nav-sub-bottom.png) no-repeat right 0; text-indent:-6000px; height: 128px; margin:0; }

/*OLP NEWS*/
#olp-news { float:left; width:265px; display:inline; margin: 13px 0 0 28px; padding:0 0 0 0;}
#olp-news h2 { padding:0;margin:0;background:url(../images/olp-news-h2.png) repeat-y; width:265px; height:52px; text-indent:-6000px; }
#olp-news dl { line-height:1.2em; background:url(../images/olp-news-dl.png) repeat-y; margin:0;padding:1px 0 0 0; height:100%; }
#olp-news dt { margin:6px 35px 0 26px;padding:0; }
#olp-news dd { margin:0 35px 0 26px;padding:0 0 10px 0; background:url(../images/olp-news-dd.png) repeat-x bottom; }
#olp-news .bottom { display:block; height:28px; background:url(../images/olp-news-bottom.png) bottom no-repeat;  }

#btn-request-a-brochure { background:url(../images/olp-news-dl.png) repeat-y; height:100px; bottom:0; }
#btn-request-a-brochure a { display:block; height:100%; position:relative; bottom:-20px; width:214px; background:url(../images/btn-request-a-brochure.png) no-repeat 0 0 #fff; text-indent:-6000px; margin:0 auto; }
#internal #btn-request-a-brochure { margin:20px 0 0 0; background:none; height:99px; }
#internal #btn-request-a-brochure a { display:block; height:100%; position: static; bottom:0; width:183px; background:url(../images/btn-request-a-brochure-internal.png) no-repeat 0 0; text-indent:-6000px; margin:0 auto; }

#welcome { float:right; display:inline; width: 665px; background:url(../images/welcome.png) bottom no-repeat; padding:0 0 31px 0; margin: 13px 20px 0 0; }
#welcome h2 { margin:0; width: 665px; height: 51px; background:url(../images/welcome-h2.png) no-repeat; text-indent:-6000px; }
#welcome .cms { background:url(../images/welcome-cms.png) repeat-y; height:100%; padding: 0 30px 0 35px; min-height: 405px; }
* html #welcome .cms { height: 405px; }
/*CONTENT*/
#content { float:right; width: 731px; display:inline; margin: 13px 15px 5px 0; padding: 0 0 0 0; background:url(../images/content.png) repeat-y; }
#content .cms { background:url(../images/content-cms.png) no-repeat bottom; padding: 0 30px 27px 30px; margin:0; min-height:350px; }
* html #content .cms { height:350px; }

/*PAGE TITLE*/
#page-title { padding:1px 0 0 0;margin:0 0 0 0; color:#568c92; height: 59px; border-bottom: 1px solid #; background:url(../images/page-title.png) no-repeat; }
#page-title span.font-01 { display:block; height: 40px; font-size:33px; margin: 12px 0 0 29px; }

/* BREADCRUMB */
#crumb { list-style: none; padding: 0; margin: 0 0 9px 30px; }
#crumb li { display:inline; padding: 0 0 0 0; margin: 0 0 0 0; }
#crumb li a, #crumb li a:hover {}

/* FOOTER */
#footer { clear:both; color:#1e6971; background: url(../images/footer.png) repeat-x bottom; padding: 1px 0 19px 0; text-align: center; }
#footer address { margin:5px 0 0 0; font-style: normal; }
#footer ul { margin: 2px 0 0 0;padding:0;list-style:none; }
#footer li { display:inline; }
#footer li a { color:#1e6971; margin: 0 3px 0 3px; }

/* CORE101 */
#logo-core101 { width:271px; height:17px; text-align:center; margin: 10px auto 10px auto; background:url(../images/logo-core101.png) no-repeat; text-indent: -6000px; }
#logo-core101 a { display:block; width: 100%; }

/*SITEMAP*/
#sitemap ul {}
#sitemap li { list-style: none;	vertical-align:middle; padding-bottom: 4px;	}
#sitemap a { text-decoration:none; }
#sitemap a:hover{ text-decoration:underline; }
#sitemap li.level1 { padding-left: 0; }
#sitemap li.level2 { padding-left: 25px; }
#sitemap li.level3 { padding-left: 50px; }
#sitemap li.level4 { padding-left: 75px; }
#sitemap li.level5 { padding-left: 100px; }

/* FORM *****************************************************************************************************************/
.site-form { line-height:1.2em; margin:0 auto; }

/*fieldset*/
.site-form fieldset { margin: 30px 0 0 0; padding:0 0 5px 0; position:relative; background:url(../images/fieldset.png) repeat-y left; border:1px solid #ccc; }
/*legend*/
.site-form legend { margin:0;padding:0; }
.site-form legend span.legend span { font-weight: bold;  display:block; line-height: 17px; width:196px; padding: 0 0 0 5px; background:#ccc url(../images/corner-left.png) no-repeat left top;color:#fff; }
.site-form legend span.legend { position:absolute; display:block; top:-17px; *top:-16px; left:0; margin: 0 0 0 -1px; padding: 0 5px 0 0; background:#ccc url(../images/corner-right.png) no-repeat right top; }
/*row wrapper*/
.site-form label,.site-form .group { display: block; width: 100%; margin: 5px 0 0 0; padding: 0 0; overflow:hidden; }
/*row title*/
.site-form label span.title,.site-form .group span.title { width: 200px; float: left; text-align: right; padding: 0 5px 0 0; color:#666; }
/*input, select, textarea*/
.site-form label input.text { float: left; display:inline; margin:0 0 0 5px; width: 110px; /*change as needed*/ }
.site-form label select { float: left; display:inline; margin:0 0 0 5px; width: 115px; /*change as needed*/ }
.site-form label textarea { float: left; display:inline; margin:0 0 0 5px; }
.site-form textarea,.site-form ul,.site-form .block { width:300px; /*change as needed*/ }
/*list group*/
.site-form ul { float:left; display:inline; display:inline-block;padding:0;margin:-3px 0 0 5px;list-style:none; overflow:hidden; }
.site-form li { width:50%; float:left; padding: 4px 0; }
.site-form li label, .site-form ul li span,.site-form li input { white-space: nowrap; display:inline !important; width:auto !important; float:none !important; }
/*misc group*/
.site-form .block { float: left; margin:0 0 0 5px; }
.site-form .block label,
.site-form .block input,
.site-form .block select,
.site-form .block span,
.site-form label.inline,
.site-form label.inline span, 
.site-form label.inline input { display: inline !important; float:none !important; }
/*button group*/
.site-form .buttons { text-align:right; margin:5px 0 0 0; background:none !important; }
/*errors*/
.site-form label span.error { display:block; height: 20px; text-align:left; margin: 2px 0 0 0; padding:0 0 0 205px; background:url(../images/error-input.png) no-repeat left top; z-index:900; }
.site-form label span.error span { display:block; color:#C42828; text-align:left; top:-4px;left: 10px; line-height:20px; white-space: nowrap; width: auto !important;  padding: 0 5px; }
/*notes*/
.site-form .note { margin:0 0 0 210px;padding:0; font-size:0.95em; }

/* BUTTONS ***************************************************************************************************************/
button { cursor: pointer; padding:0;margin:0 0 0 0;border:0;vertical-align:middle;display:block;display:inline-block;position:relative;overflow:visible; background:transparent; }
a.button, span.button { cursor: pointer !important; display:block !important; display:inline-block !important; background: #93BABE !important; vertical-align:middle; text-decoration:none !important; position:relative !important; padding:0 0 0 17px !important; text-indent:0 !important; }	
a.button span, span.button span { display:block; white-space:nowrap; line-height:25px; padding: 0 17px 0 0; color:#fff !important; font-size:11px !important; font-weight:bold !important; }

/* MISC
-------------------------------------*/

.dl_form {}
.dl_form dl {}
.dl_form dt {}
.dl_form dd { margin: 0; }
.dl_form dd textarea { color: #000; }

