/*------------------------------------------------------------------
[ Centers Stylesheet]

Project: Discovery Point
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 04/15/2010
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Content
    a. General
    b. Pages
    c. Forms
4. Sidebar
5. Footer
6. Error
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body { height:100%; margin:0 0 1px; padding:0; }

body {
    background:#8AC7E7 url(../images/body-bg.jpg) no-repeat top center;
    color:#6C6056;
    font-family:Georgia1, Georgia, serif;
    font-size:12px;
    font-style:normal;
    font-weight:normal;
    letter-spacing:0px;
    line-height:18px;
    text-align:left;
    word-spacing:0px;
}

a { color:#6C6056; }
a:hover { color:#EC9B51; }

p { padding:8px 0px; }
ol, ul { padding:8px 0px 8px 16px; }

.clear { clear: both; display: block; }
.hide_on_screen { display: none; }

.blue { color:#70AAD4; }
.orange { color:#EC9B51; }

h1, h2, h3 { margin-bottom: 8px;  margin-top: 0; padding-bottom: 0; padding-top: 8px; }


.blue_title, .blue_title a { color:#70AAD4; font-size:18px; font-weight:bold; line-height:20px; }
.orange_title, .orange_title a { color:#EC9B51; font-size:16px; font-weight:bold; line-height:18px; }

.return { text-align:right; }

/*------------------------------------------------------------------
[2. Header ]
-------------------------------------------------------------------*/
#hdr { height:190px; margin:auto; width:980px; }
#logo { float:left; height:170px; width:210px; }
#nav_main { float:left; height:170px; width:600px; }

ul#global_navigation { list-style: none; margin: 0; padding: 0; text-indent: -999em; width: 0; height: 0; }


#locator { float:left; font-family:Arial, Helvetica, sans-serif; height:170px; width: 170px; }
#locator .heading { float:left; line-height:14px; height:49px; padding:15px 0px 0px 12px; width:68px; }
#locator .map { float:left; height:56px; padding-top:8px; width:90px; }
#locator .form_container { height:30px; padding-top:4px; width:170px; }
#locator .frachise_available { height:72px; width:170px; }

#breadcrumbs { float:left; font-size:11px; padding-left:20px;}
#breadcrumbs a:hover { color:#474747; }

#login_msg { color:#9F9287; float:right; font-size:11px; padding-right:20px; }
#login_msg a { color:#9F9287; }
#login_msg a:hover { color:#474747; }

#wrapper { background:url(../images/wrapper.jpg) repeat-y;  margin:auto; width:980px; }

.emphasis { font-style: italic; }
/*------------------------------------------------------------------
[3a. Content - General ]
-------------------------------------------------------------------*/
#content_container { padding-left:20px; }
#content { float:left; width:660px; }
.content_top_left { float:left; width:550px; }
.content_top_right { float:right; text-align:center; width:110px; }

#head_title { padding-left:26px; }

#welcome { color:#70AAD4; padding:10px 0px 20px 0px; text-align:center; }
#welcome h1.title { font-size:22px; line-height:26px; }
#welcome div.quote { padding-top:10px; }

#nav_sub ul { padding:0px; width: 660px; }
#nav_sub ul li { display:inline; list-style-type:none; }
#nav_sub ul li a { background:#EB9950; color:#FFF; display:block; float:left; font-weight:bold; height:42px; line-height:13px; margin: 0 1px; padding-top:14px; text-align:center; text-decoration:none; text-transform: uppercase; width:108px; }
#nav_sub ul li.first a { margin-left: 0; }
#nav_sub ul li.second a { margin-left: 2px; }
#nav_sub ul li.last a  { margin-left: 1px; }
#nav_sub ul li a:hover, #nav_sub ul li a.current { background:#FFF url(../images/centers/navsub-bg.jpg) no-repeat; color:#70AAD4; }

.blue_bar { background-color:#8AC7E7; clear:both; height:28px; }

#wrapper_content { background:url(../images/centers/wrapper.jpg) repeat-y; text-align:justify; padding:0px 20px; width:620px; }
#wrapper_content ol, #wrapper_content ul { padding-left:18px; }
#ftr_content { background:url(../images/centers/footer.jpg) no-repeat; height:20px; width:660px; }


.halfs { color: #9a8371; width: 285px; float: left; margin: 30px 10px; text-align: center; }

.thirds { color: #9a8371; float: left; width: 199px; margin: 30px 10px 30px 0; text-align: center; }
.thirds_last { margin-right: 0; }
.thirds h2, .halfs h2 { color: #eb9950; font-size: 1.25em; text-transform: uppercase; }

/*------------------------------------------------------------------
[3b. Content - Pages ]
-------------------------------------------------------------------*/
#landing { padding:0px 20px; }
#about { padding-top:10px; }
#page_index { padding:10px 0px; }

#programs_col1 { float:left; padding-left:5px; width:286px; }
#programs_col2 { float:left; padding-left:10px; width:314px; }

.sixweeks_twentyfourmonths_wrapper { background:url(../images/centers/programs/wrapper-6weeks-24months.jpg) repeat-y; margin-top:3px; padding-bottom:10px; }
.twoyears_fiveyears_wrapper { background:url(../images/centers/programs/wrapper-2years-5years.jpg) repeat-y; margin-top:3px; padding-bottom:10px; }
.fouryears_fiveyears_wrapper { background:url(../images/centers/programs/wrapper-4years-5years.jpg) repeat-y; margin-top:3px; padding-bottom:10px; }
.fiveyears_twelveyears_wrapper { background:url(../images/centers/programs/wrapper-5years-12years.jpg) repeat-y; margin-top:3px; padding-bottom:10px; }
.allages_wrapper { background:url(../images/centers/programs/wrapper-all-ages.jpg) repeat-y; margin-top:3px; padding-bottom:10px; }

.overview { background:url(../images/centers/programs/overview-wrapper.jpg) repeat-y; padding:0px 20px; width:274px; }

.program_1 { background:url(../images/centers/programs/infant-bg.jpg) no-repeat; height:39px; padding:17px 0px 0px 84px; width:200px; }
.program_2 { background:url(../images/centers/programs/beginner-bg.jpg) no-repeat; height:39px; padding:17px 0px 0px 84px; width:200px; }
.program_3 { background:url(../images/centers/programs/toddler-bg.jpg) no-repeat; height:39px; padding:17px 0px 0px 84px; width:200px; }
.program_4 { background:url(../images/centers/programs/preschool-one-bg.jpg) no-repeat; height:39px; padding:17px 90px 0px 0px; text-align:right; width:194px; }
.program_5 { background:url(../images/centers/programs/preschool-two-bg.jpg) no-repeat; height:39px; padding:17px 90px 0px 0px; text-align:right; width:194px; }
.program_6 { background:url(../images/centers/programs/preschool-three-bg.jpg) no-repeat; height:39px; padding:17px 90px 0px 0px; text-align:right; width:194px; }
.program_7 { background:url(../images/centers/programs/ga-pre-k-bg.jpg) no-repeat; height:39px; padding:17px 0px 0px 84px; width:200px; }
.program_8 { background:url(../images/centers/programs/fl-pre-k-bg.jpg) no-repeat; height:39px; padding:17px 0px 0px 84px; width:200px; }
.program_9 { background:url(../images/centers/programs/before-after-school-care-bg.jpg) no-repeat; height:39px; padding:17px 0px 0px 96px; width:218px; }
.program_10 { background:url(../images/centers/programs/summer-camp-bg.jpg) no-repeat; height:39px; padding:17px 0px 0px 96px; width:218px; }
.program_11 { background:url(../images/centers/programs/special-bg.jpg) no-repeat; height:39px; padding:17px 110px 0px 0px; text-align:right; width:204px; }
.program_12 { background:url(../images/centers/programs/drop-in-bg.jpg) no-repeat; height:39px; padding:17px 110px 0px 0px; text-align:right; width:204px; }

/*------------------------------------------------------------------
[3c. Content - Forms ]
-------------------------------------------------------------------*/
.identifier { float:left; height:20px; padding:2px; text-align:right; width:160px; }
.input_side { float:left; padding:2px; }
.input_side_general { float:left; padding:2px; }

.frm_fld_short { border:1px solid #9F9287; width:85px; }
.frm_fld_nrml { border:1px solid #9F9287; width:105px; }
.frm_fld_long { border:1px solid #9F9287; width:165px; }
.frm_fld_locator { border:1px solid #BBB; color:#CBCBCB; font-size:13px; width:126px; }
.frm_fld_newsletter { border:1px solid #BBB; color:#CBCBCB; font-size:13px; width:182px; }

select, textarea { border:1px solid #9F9287; }

/* share with a grandparent lightbox form */
#filter { background-color:#000; display:none; filter:alpha(opacity=50); height:100%; left:0%; opacity:0.5; position:absolute; top:0%; width:100%; z-index:10; }
#box { background:#FFF url(../images/centers/lightbox-bg.jpg) no-repeat; border:1px solid black; display:none; height:250px; left:0; right:0; margin:0px auto; overflow:hidden; padding:100px 0px 0px 0px; position:absolute; top:20%; width:655px; z-index:101; }

/*------------------------------------------------------------------
[4. Sidebars ]
-------------------------------------------------------------------*/
#sidebar { float:right; font-size:12px; padding:0px 16px; width:268px; }

#print_email { padding:6px 0px 12px 0px; text-align:center; }

#nickname { color:#70AAD4; font-size:18px; line-height:20px; }
#address { font-size:14px; line-height:16px; padding:10px 0px; }
#address p { padding:4px 0px; }

#visit p.left { float:left; padding:12px 20px 12px 12px; width:52px; }
#visit p.right { color:#70AAD4; float:right; width:184px; }
#visit a { color:#70AAD4; }
#visit a:hover { color:#EC9B51; }

#mymap { margin:10px 0px; position:relative; }
#mymap a { color:#FF0000; }

#buttons { padding-top:10px; }
#buttons div.suggestion_button { height:138px; width:268px; }
#buttons div.grandparent_button { background:#FFF url(../images/centers/share-with-a-grandparent-bg.jpg) no-repeat; height:32px; padding:78px 0px 0px 24px; width:244px; }
#buttons div.new_button { float:left; height:108px; width:134px; }

.center_for_sale_container { position: relative; }
.center_for_sale_container a  {
    display: block;
    width: 280px; height: 140px;
}
.center_for_sale_container a span.center_for_sale, 
.center_for_sale_container a:link span.center_for_sale, 
.center_for_sale_container a:visited span.center_for_sale, 
.center_for_sale_container a span.center_for_sale_fader { 
    background: url(../images/centerForSale.jpg) no-repeat; 
    display: block; 
    width: 280px; height: 140px; 
    margin: -10px; 
    text-indent: -999em; 
    position: absolute; 
    top: 0; 
    left: 0; 
}

.center_for_sale_container a:hover span.center_for_sale, 
.center_for_sale_container a span.center_for_sale_fader { background-position: 0 -140px; }

/*------------------------------------------------------------------
[5. Footer ]
-------------------------------------------------------------------*/
#pre_ftr { background:url(../images/footer-pre.jpg) no-repeat; height:122px; width:980px; }
#pre_ftr .col1, #pre_ftr .col2, #pre_ftr .col3, #pre_ftr .col4 { float:left; height:88px; padding:34px 0px 0px 36px; border:0px solid #ff0000; }

#newsletter { float:left; height:82px; padding:40px 0px 0px 36px; width:236px; }

#ftr { background:url(../images/footer.jpg) no-repeat; color:#FFF; font-size:12px; height:90px; margin:auto; padding-top:10px; width:980px; }
#ftr p.left { float:left; padding-left:6px; }
#ftr p.right { float:right; }
#ftr a { color:#FFF; padding:0px 6px; text-decoration:none; }
#ftr a:hover { color:#353E99; }


/*------------------------------------------------------------------
[6. Error ]
-------------------------------------------------------------------*/
.err_msg, errUsername, #errPassword, #errEmail, 
#errFirstName, #errLastName, #errPhoneHome, #errPhoneWork,  
#errEmailLightbox, #errNameLightbox { color:#CC0000; font-style:italic; }