body { margin: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; background: url(images/background-gradient.jpg) repeat-x #dbf6bf; font-size: 10px; color: #222; }

h2, h3, h4 { padding: 0; margin: 10px 0 5px 0; }
h1 { font-size: 1.8em; margin: 0 0 10px 0; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; margin: 0 0 5px 0; }
h5 {font-size: 1.2em; margin: 0 0 5px 0; }
h6 { font-size: 1.2em; font-weight: normal; margin: 5px 0 0 0; }

p { font-size: 1.3em; line-height: 1.5em; margin: 5px 0 10px 0; }
fieldset{border: solid 1px #c5c5c5; padding: 10px;}
ul, ol { font-size: 1.2em; }
ul { list-style-image: url(images/li-icon.png); margin: 0; padding: 5px 0 10px 20px; }
ol { margin: 0; padding: 5px 0 10px 20px; }
li { padding: 3px 0; margin: 0; font-size: 12px; }
hr { color: #69ca15; background-color: #69ca15; height: 1px; border: none; }

table { font-size: 12px; border-collapse: collapse; margin: 10px 0 15px; }
td, th { padding: 3px 10px 3px 3px; margin: 0; border: solid 1px #dbf6bf; }
th { color: #007600; }

/* DEFAULT LINK STYLES */
a { color: #007600; text-decoration: none; border-bottom: dotted 1px #6dc81e; }
a:hover, a:active { color: #444; border-bottom: dotted 1px #444; }
img { border: none;}

/* OUTER MOST CONTAINERS */
#swirl { width: 100%; height: 600px; background: url(images/background-swirl.gif) no-repeat top center; }
#container { margin: 0 auto; padding: 0; text-align: left; width: 955px; }
#content { margin: 0 auto; padding: 0; width: 955px;}

/* HEADER */
#header { margin: 0; height: 122px; width: 945px; padding: 0 10px; position: relative; }
#header .header_login { float: right; margin-top: -25px; padding-right: 20px;font-family: "Trebuchet MS", helvetica, arial, sans-serif; font-weight: bold; }
#header a { border: none; }
a.schedule-tab { display: block; width: 155px; height: 45px; padding: 5px 0 0 5px; position: absolute; top: 0px; right: 10px; background: url(images/schedule-tab.png) no-repeat 0 -8px; font-family: "Times New Roman", Times, serif; font-size: 16px; letter-spacing: .5px; }
a:hover.schedule-tab { background-position: 0px -4px; padding-top: 9px; }
a.schedule-tab img { margin: 0 3px -3px 0; }

/* LEFT COLUMN */
#left-column { width: 365px; float: left; margin: 0px 15px 25px 0px; }
.logos { padding: 0 0 0 15px; margin: 30px 20px 0 30px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.logos img { float: left; }
#top_image_container { position: relative; }
#top_scope_front { position: absolute; top:0px; margin:0; padding:0; }
#top_scope_behind { position: absolute; top:0px; margin:0; padding:0; }
#sub_image { margin:0; margin-top:274px; }

/* MAIN NAVIGATION */
#nav { float: left; width: 870px; height: 42px; padding: 0 8px; margin: 0; font-family: "Times New Roman", Times, serif; font-size: 1.6em; letter-spacing: .5px; }
#nav a { border: none; }
.nav-container { width: 955px; height: 42px; padding: 0; margin: 0; clear: right; position: relative; background: url(images/nav-bg.png) no-repeat; }
a.facebook-nav { display: block; height: 27px; width: 28px; background:url(images/facebook-link.png) no-repeat top left; float: right; margin: 8px 15px 0 0; border: none; }
a:hover.facebook-nav { background-position: top right;}

/* MAIN CONTENT AREA */
#main { float:left; width: 955px; margin: 0; min-height: 250px; background: url(images/content-bg.png) repeat-y; }
#main-inner { float: left; width: 949px; background: url(images/int-page-leaf-bg.jpg) no-repeat 0 0; margin: 0 0 0 8px; }
#bread { float:left; margin: 0; }
#bread a { border: none; }
#bread a:hover { text-decoration: underline;}
#title_row { padding: 15px 0 0 0; margin: 0; }
#title_h1 { float: left; width: 430px; padding: 0; margin: 0; }
#edit_link { float: right; padding-top: 3px; }

#right-column { float: left; width: 480px; margin: 30px 15px;  }

/* FLOOR PLANS */
.floorplan { width: 480px; clear: both; border-top: solid 1px #69ca15; border-bottom: solid 1px #69ca15; padding: 20px 0; margin-top: -1px; }
.floorplan img { float: right;}
.floorplan p { width: 300px; }
.floorplan h3 { padding: 0; margin: 0; }
.floorplan h4 { padding: 0; margin: 5px 0 0 0; line-height: 18px; }

div#fpUpper { position: fixed; left:0; top:15px; width:100%; z-index:9000; text-align: center; line-height:0; margin: auto 0; }

.floorplan-large { height: 700px; width: 650px; background: url(images/floor-plan-background.png) bottom right no-repeat #fff; border: solid 1px #69ca15; position: relative; margin: 0 auto; }
.floorplan-large h4 { padding: 20px 40px 0 40px; line-height: 1.5em; font-size: 1.5em; display: block; width: 150px; float: left; }
.floorplan-large img { padding: 0; }
img.schedule-tour-button { float: right; padding: 30px 60px 0 0; }
img.close-button { padding: 10px; float: right; }
img.previous-button { float: left; padding: 22px 0 0 30px; }
img.next-button { float: left; padding: 22px 10px 0 0; }

/* MISC */
.living-choices { padding: 6px 0 9px; margin-top: -1px; border-top: solid 1px #69ca15; border-bottom: solid 1px #69ca15; }
.living-choices img { float: left; margin: 10px 20px 0 0; }
.living-choices p {   }
img.choice-independent {}
img.choice-assisted { padding: 0 0 0 20px; }
img.choice-lakeview { padding: 0 0 0 20px; }

table.sample-menu td { padding: 4px 5px; }
table.sample-menu th { text-align: center; padding: 20px 0 0 0; border: none; font-size: 15px; }


h2.golf, h2.events, h2.museum, h2.park, h2.worship { display: block; width: 420px; height: 23px; padding: 26px 0 0 60px; }
h2.golf { background: url(images/bville-icons-golf.gif) no-repeat; }
h2.events { background: url(images/bville-icons-events.gif) no-repeat; }
h2.museum { background: url(images/bville-icons-museum.gif) no-repeat; }
h2.park { background: url(images/bville-icons-park.gif) no-repeat; }
h2.worship { background: url(images/bville-icons-worship.gif) no-repeat; }

#directions { width: 210px; height: 195px; float: right; margin: 10px 0px 0 40px; padding: 0; background: url(images/sm-box-bg.jpg) bottom right no-repeat #fff;  }
#directions h3 { color: #fff; background-color: #58b00b; margin: 0 -15px 0 -15px; padding: 2px 0 2px 15px; display: none;  }
#directions p { margin: 7px 0 0 0; padding: 27px 20px 0 15px; line-height: 22px; font-size: 1.3em; }
.directions-small { font-size: .9em;}

/* INDEX PAGE */
#index-main { float: left;  width: 939px; margin: 0; padding: 0 8px; background: url(images/content-bg.png) repeat-y; }
#index-features { width: 939px; height: 240px; text-align: center; background: url(images/index-features-bg.jpg) no-repeat top center; }
#index-features img { padding: 25px 16px 10px;  }
#index-features p { text-align: left; padding: 0 18px; }
.index-feature-1, .index-feature-2, .index-feature-3 { width: 300px; }
.index-feature-1 { float: left; margin-left: 18px; }
.index-feature-2 { float: left; margin-left: 2px; }
.index-feature-3 { float: right; margin-right: 18px; }
#index-calendar { width: 250px; float: left; margin: 30px 0 20px 36px; }
#index-calendar h2 { font-family: "Times New Roman", Times, serif; border-bottom: solid 1px #69ca15; }
#index-calendar h3 { margin: 10px 0 0 0; }
#index-calendar h6 { margin: 10px 0 0 0; margin: 2px 0 0 0; font-style: italic; }
#index-calendar p { padding: 5px 0 10px; margin: 0;  }
#index-calendar hr { color: #69ca15; background-color: #69ca15; height: 1px; border: none; }
#index-tour-box { height: 127px; width: 522px; padding: 10px 20px; margin: 45px 35px 0 0; float: right; border: solid 1px #b5e78a; background: url(images/sm-swirls.jpg) no-repeat bottom right; }
#index-tour-box h2 { font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 1.6em; margin: 15px 0 0 0; }
#index-tour-box p { margin: 2px 0 0 0; }
#index-tour-box img.tour-button { float: right; padding: 0; }
#index-tour-box img.sticker { float: left; padding: 0 10px 0 0; margin: 0 0 0 -2px; }
img.index-slideshow { float: left; }
.index-logos { padding: 0 30px 10px 0; margin: 0; float: right; text-align: right; }
.index-logos img { padding: 20px 0 0 0; }
.index-logos a { border: none; }

/* BLURBS */
#blurbs p { margin-top: 5px; }
#blurbs a { color: #55801c; text-decoration: none; border-bottom: dotted 1px #b5b5b5; }
#blurbs a:hover { color: #404545; border-bottom: dotted 1px #404545;}

/* RESOURCES */
.resource_item { width: 200px; float: left; padding: 0; margin: 5px 5px 15px 5px; background-color: white;}
.resource_icon { float: left; width: 16px; }
.resource_link { float: right; width: 180px;}

/* FOOTER */
#footer { float: right; text-align: center; margin: 0; padding: 10px 0 0 0; background: url(images/footer-bg-repeat.jpg) repeat-y; width: 955px; }
#footer a {}
#footer img { margin: 0 0 0 -1px; padding: 0;}

/* CONTACT FORM */
form#contact_form, form#contact_form table { margin: 0; padding: 0; }
form#contact_form table tr td { border: none; }
td.label .required { font-size: 0.9em; color: #b5121b; }

/**_____________START CALENDAR PAGES_______________**/
#calendar_list { margin: 0 10px; border-collapse: collapse; }
#calendar_list th { font-size: 12px; padding: 15px 0 0 0; border:none; }
#calendar_list td { font-size: 12px; padding: 8px 6px 3px 0; border-bottom: solid 1px #ccc; border:none; }
#calendar_list td a:visited { text-decoration: none; }
#calendar_list h3 { margin-top: 12px; }
#calendar_list a:link, #calendar_list a:visited, #calendar_list a:hover { text-decoration: none; }
#calendar_list h3 a:link, #calendar_list h3 a:visited, #calendar_list h3 a:hover { text-decoration: underline; }
#calendar_list p { margin: .4em 0 0 0; }
a:link.cal_enabled, a:visited.cal_enabled { color: #00950b; }
a:link.cal_disabled, a:visited.cal_disabled { color: #959595; }
a:link.cal_expired { color: #950000; }
.event_list { margin: 0 10px; border-collapse: collapse; }


/* _________CALENDAR NAV BAR_______________________ */
#cal_nav_bar { margin: 5px 0 40px 0; font-size: .94em; border-bottom: solid 2px #b7e08c; color: #005695; height: 29px; }
#cal_nav_bar ul { display: inline; margin: 0px; padding: 0px; list-style: none; }
#cal_nav_bar li { display: block; border: none; margin: 0; background: #dbf6bf; padding: 6px 7px 3px 7px; color: #225811; }
#cal_nav_bar a, #cal_nav_bar a:link, #cal_nav_bar a:visited { text-decoration: none; display: block; min-height: 20px; padding: 0; margin: 0; border: none;  color: #225811; }
#cal_nav_bar a:hover, #cal_nav_bar a:active { padding: 0; margin: 0; display: block; min-height: 20px; }
#cal_nav_bar li.selected { background: #b7e08c; }
#cal_nav_bar li.cal_special { background: #b7e08c; }

#cal_nav_bar li > ul { top: auto; left: auto; margin: 0; padding: 0; }
#cal_nav_bar ul li ul { display: none; position: absolute; top: 28px; left: 0; clear: left; margin: 0; padding: 0; }
#cal_nav_bar li ul li { text-align: left; background: #f0f0f0; padding: 0 5px; width: 130px; font-size: .85em; border-top: solid 1px #fff; }
#cal_nav_bar_left { float: left; }
#cal_nav_bar_right { float: right; }
#cal_nav_bar_right ul#cal_nav_bar_right_list { padding: 0; }
#cal_nav_bar_left ul li, #cal_nav_bar_right ul li { float: left; position: relative; display: block; min-height: 20px; }
#cal_nav_bar_right li:hover, #cal_nav_bar_right li.over, #cal_nav_bar_left li:hover, #cal_nav_bar_left li.over { cursor: pointer; }
#cal_nav_bar_right li:hover ul, #cal_nav_bar_right li.over ul, #cal_nav_bar_left li:hover ul, #cal_nav_bar_left li.over ul { display: block; text-decoration: none; }
#cal_nav_bar_left ul#cal_nav_bar_left_list { padding: 0px 14px 0px 0px; }
#cal_nav_bar #cal_nav_bar_left ul li.user a:link, #cal_nav_bar #cal_nav_bar_left ul li.user a:visited, #cal_nav_bar #cal_nav_bar_left ul li.user { color: #B81111; }

/* CALENDAR DETAIL PAGE */
#calendar_detail { }
#calendar_detail h2 { font-weight: normal; }
#calendar_detail h3 { font-weight: normal; color: #365487; font-size: 12px; margin: 0; padding: 0px 0px 5px 10px; border-left: 1px solid #aeaeae; }
#calendar_detail h4 { font-size: 12px; margin: 10px 0 4px 20px; }
#calendar_detail h5 { }
#calendar_detail h6 { background-color: #fff; color: #333; font-size: 9px; }

.event_graphic{ margin: 5px 20px; float: right; width: 150px; }
.map_link { font-size: 10px; font-weight: normal; margin: 5px; }
.event_sponsor_graphic { margin: 3px 0 0 20px; }
#cal_action_box { float: right; width: 150px; margin: 10px 20px 10px 10px; border: solid 1px #ececec; color: #333; font-size:12px; background-color: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#cal_action_box a { text-decoration: none; color: #333; border-bottom:none; }
#cal_action_box a:hover { color: #666; }
#cal_action_box h2 { color: #fff; background-color: #999; font-size: 12px; margin: 5px 0 5px 20px; padding: 0 5px; font-weight: bold; }
#cal_action_box ul, #cal_action_box li { padding: 0; margin: 0; font-size: 11px; border: none; list-style:none; }
#cal_action_box li { padding: 0 0 2px 5px; }
#cal_action_box ul { padding: 5px 0 5px 0; }
#cal_action_box img { border:none; }

#map_frame { padding: 0px 10px 10px; margin: 20px 0; border: solid 1px #e5e5e5; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
p.close_window { margin: 5px; text-align: right; }
#map_canvas { border: solid 1px #e5e5e5; font-size: 9px; }
#map_canvas p { font-size: 10px; padding: 0px; margin: 0px; }
/**_____________ END CALENDAR PAGES _______________**/

#info { position:absolute;display:none;text-align:left;background-color: #fff; padding: 10px; border: solid 1px #c3c3c3; }
#info h1 { font-size: 15px; margin: 0; }
#info h2 { font-size: 12px; margin: 3px 0; }
#info p { font-size: 11px; margin:4px; }
.print { text-align: right; margin: 0; }
.clear { width: 100%; height: 0; clear: both }
.small { font-size: 12px }
.float-left { float: left; }
.float-right { float: right; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.dk-green { color: #2c5e00; }

img.subpage-link-buttons {float: right; clear: right; margin: 0 0 7px 15px; }

/* MESSAGES */
div.error { margin: 0 0 20px; padding: 6px 8px; color: #920000; font-weight: bold; background: #fcfdd4; border: solid 1px #e5d796; }
div.success { margin: 0 0 20px; padding: 6px 8px; color: #55801c; font-weight: bold; background: #f2ffd4; border: solid 1px #e5d796; }
div.success a, div.success a:visited, div.success a:active, div.success a:link { color: #55801c; }
div.success a:hover { color: #404545; }

/* PAGINATION */
#pagination{border:0; margin:0; padding:0}
#pagination li{border:0; margin:0; padding:0; font-size:11px; list-style:none; margin-right:2px}
#pagination li a, #pagination a{border:solid 1px #c3dd89; margin-right:2px}
#pagination .previous-off, 
#pagination .next-off{border:solid 1px #DEDEDE; color:#888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px}
#pagination .next a, 
#pagination .previous a{font-weight:bold}
#pagination .active{background:#92d400; color:#FFF; font-weight:bold; display:block; float:left; padding:4px 6px}
#pagination a:link, 
#pagination a:visited{color:#6e9f00; display:block; float:left; padding:3px 6px; text-decoration:none}
#pagination a:hover{border:solid 1px #92d400}

/* ADMIN - Needs to stay on main.css because page.php does not call on admin.css so the adin menu doesn't get styled on those pages unless this is included in main.css */
#sidebar { width: 100%; height: 45px; text-align: center; background: url(images/admin-menu.png) no-repeat bottom left #e4f9d2; border-bottom: solid 5px #69ca15; }
#admin_menu { padding-top: 15px; text-align: right; width: 915px; margin: 0 auto; font-size: 16px;  font-family: "Times New Roman", Times, serif; }
#admin_menu ul, #admin_menu li { list-style: none; display: inline; }
#admin_menu li { padding: 0 0 0 15px;}
#admin_menu .here { color: #999; text-decoration: underline; }
#admin_menu a:hover { color: #999; text-decoration: none; border: none; }
#admin_menu a { padding: 0 5px; text-decoration: none; border: none;}
