@charset "UTF-8";
/* CSS Document */
/*  html, body   */
html {font-size: 62.5%; background-color:#000000;}
html, body {margin:0; padding:0}
body {margin:0 auto; padding:0; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}

/* Baseline values for browser consistency*/
div, h1, h2, h3, h4, h5, ul, li, form, input, select, option {margin:0;padding:0;}
img {margin:0;padding:0;border:0;}
ul {list-style:none;}
a {outline:0;}

.clear {clear:both;}
fieldset {color:#FFFFFF; font-size:1.3em}
.defaultBold {color:#FFFFFF; font-size:1.3em;}
#bottom_clear {padding-bottom:300px;}

#container {background:#000000 url(http://columbiahopechurch.org/images/common/background.jpg) no-repeat; background-position:bottom; position:relative;  min-height:800px; width:960px; margin:0 auto;}

/* Top */
#header {background:transparent url(http://columbiahopechurch.org/images/common/header.png) no-repeat; margin:0 auto; width:960px; height:229px;}
h2#masthead a {float:left; background:transparent url(http://columbiahopechurch.org/images/common/masthead.png) no-repeat; width:300px; height:115px; text-indent:-5000em; margin: 20px auto auto 10px;}
p#address {float:right; margin:50px 10px auto auto; color:#FFE6AD; font-size:1.2em; text-align:right;}

ul#language {float:right; margin:10px 35px auto auto; padding-top:5px;width:100px; display: inline;}
a#language_english, li.active a#language_english:hover {text-indent:-5000em; display:block; background: transparent url(http://columbiahopechurch.org/images/nav/btn_english.png) no-repeat; width:65px; height:20px;}
a#language_english:hover {background: transparent url(http://columbiahopechurch.org/images/nav/btn_english_active.png) no-repeat;}
a#language_spanish, li.active a#language_spanish:hover {text-indent:-5000em; display:block; background: transparent url(http://columbiahopechurch.org/images/nav/btn_spanish.png) no-repeat; width:75px; height:20px;}
a#language_spanish:hover {background: transparent url(http://columbiahopechurch.org/images/nav/btn_spanish_active.png) no-repeat;}


/* Navigation */
ul#navigation {height:80px; margin-left:20px; position:relative; list-style-type:none;}
ul#navigation li {display:inline; padding:0 15px; list-style:none;}
ul#navigation li a, ul#navigation li a:link, ul#navigation li a:visited {color:#000000; text-decoration:none; font-size:1.5em; display:block; white-space:nowrap;}
ul#navigation li a:hover {text-decoration:underline;}

ul#navigation li ul{margin: 0;padding: 0;visibility: hidden; width:100px; font-size:0.9em;}
ul#navigation li ul li {float: none;display: inline; height:1.5em; margin:0;padding:5px 0;}
ul#navigation li ul li a {width: auto; background:#FFFFFF; color:#000000; padding:5px 10px;}
ul#navigation li ul li a:hover{}

ul#navigation li ul#connect_sub {position:absolute; top:50px; left:105px; width:125px; padding-left:10px; z-index:1000;}
ul#navigation li ul#discover_sub {position:absolute; top:65px; width:150px; padding-left:10px; z-index:1000;}
ul#navigation li ul#worship_sub {position:absolute; top:40px; left:200px; width:150px; padding-left:10px; z-index:1000;}
ul#navigation li ul#community_groups_sub {position:absolute; top:30px; left:380px; width:200px; padding-left:10px; z-index:1000;}

a#nav_discover {position:absolute; top:45px; text-indent:-5000em; height:21px; width:67px; background:transparent url(http://columbiahopechurch.org/images/nav/nav_discover.png) no-repeat;}
a#nav_discover:hover, li.active a#nav_discover {background-image: url(http://columbiahopechurch.org/images/nav/nav_discover_active.png);}
a#nav_connect {position:absolute; top:31px; left:110px; text-indent:-5000em; height:18px; width:63px; background:transparent url(http://columbiahopechurch.org/images/nav/nav_connect.png) no-repeat;}
a#nav_connect:hover, li.active a#nav_connect {background:transparent url(http://columbiahopechurch.org/images/nav/nav_connect_active.png) no-repeat;}
a#nav_worship {position:absolute; top:22px; left:200px; text-indent:-5000em; height:15px; width:61px; background:transparent url(http://columbiahopechurch.org/images/nav/nav_worship.png) no-repeat;}
a#nav_worship:hover, li.active a#nav_worship {background: transparent url(http://columbiahopechurch.org/images/nav/nav_worship_active.png) no-repeat;}
a#nav_serve {position:absolute; top:18px; left:300px; text-indent:-5000em; height:12px; width:42px; background:transparent url(http://columbiahopechurch.org/images/nav/nav_serve.png) no-repeat;}
a#nav_serve:hover, li.active a#nav_serve {background:transparent url(http://columbiahopechurch.org/images/nav/nav_serve_active.png) no-repeat;}
a#nav_community_groups {position:absolute; top:15px; left:380px; text-indent:-5000em; height:12px; width:139px; background:transparent url(http://columbiahopechurch.org/images/nav/nav_community_groups.png) no-repeat;}
a#nav_community_groups:hover, li.active a#nav_community_groups {background:transparent url(http://columbiahopechurch.org/images/nav/nav_community_groups_active.png) no-repeat;}

/* Content */

#content {width:900px; position:relative; margin:15px auto;}

#left_col {width:240px; float:left; font-size:1.1em;}
#left_col .events_heading {color:#CC6600; margin-bottom:0; margin-top:1.3em; font-weight:normal;}
#left_col p {color:#FFE6AD; margin:0;}
#left_col p.events a, #left_col p.events a:visited, #left_col p.events a:link {color:#CC6600; text-decoration:none; margin-bottom:10px;}
#left_col p.events a:hover {text-decoration:underline;}
.inner_page p {color:#FFE6AD; font-size:1.6em; line-height:1.8em;}
.inner_page a, .inner_page a:link, .inner_page a:visited {color:#FFE6AD; text-decoration:none;}
.inner_page a:hover {text-decoration:underline;}

p.more a, p.more a:link, p.more a:visited {color:#FFE6AD; float:right; clear:left; text-decoration:none;}
p.more a:hover {text-decoration:underline; text-align:right;}

#left_col h2.upcoming_events {background:transparent url(http://columbiahopechurch.org/images/headings/upcoming_events.png) no-repeat; text-indent:-5000em; width:200px; height:23px;}
#left_col h2.discover {background:transparent url(http://columbiahopechurch.org/images/headings/discover.png) no-repeat; text-indent:-5000em; width:200px; height:23px;}
#left_col h2.connect {background:transparent url(http://columbiahopechurch.org/images/headings/connect.png) no-repeat; text-indent:-5000em; width:200px; height:23px;}
#left_col h2.worship {background:transparent url(http://columbiahopechurch.org/images/headings/worship.png) no-repeat; text-indent:-5000em; width:200px; height:23px;}
#left_col h2.serve {background:transparent url(http://columbiahopechurch.org/images/headings/serve.png) no-repeat; text-indent:-5000em; width:200px; height:23px;}
#left_col h2.community_groups {background:transparent url(http://columbiahopechurch.org/images/headings/community_groups.png) no-repeat; text-indent:-5000em; width:225px; height:23px;}

#left_col h5.search {font-size:1.0em; color:#FFFFFF; font-weight:normal; margin-top:40px; margin-bottom:5px;}


#right_col {width:635px; float:right; background:transparent;}

#right_col #secondary {float:left; margin-top:25px}

#right_col .secondary_top {height:25px;width:440px; background: transparent url(http://columbiahopechurch.org/images/common/secondary_top.png) top no-repeat; }
#right_col .secondary_body {color:#FFE6AD;background: transparent url(http://columbiahopechurch.org/images/common/secondary_body.png) repeat-y; padding:5px 15px; width:410px;}
#right_col .secondary_bottom {height:25px; width:440px;background: transparent url(http://columbiahopechurch.org/images/common/secondary_bottom.png) no-repeat;}


#right_col #shield a {float:right; width:180px; height:109px; background: transparent url(http://columbiahopechurch.org/images/common/shield.png) no-repeat; text-indent:-5000em; margin-top:25px;}

/* Values */
.values {width:641px; height:341px;}

/* Secondary Pages -- Full Right Content */

#secondary_pages {margin-top:25px;}
#secondary_pages p {font-size: 1.3em;color:#FFE6AD; font-weight:normal;}
#secondary_pages h1 { font-weight:normal; font-size:2.6em; color:#CC6600; }

#secondary_pages label {color:#FFE6AD; font-weight:normal; font-size:1.1em;}

#secondary_pages a, #secondary_pages a:link, #secondary_pages a:visited {color:#FFE6AD;text-decoration:none;}
#secondary_pages a:hover {text-decoration:underline;}
/* Footer */

#footer {text-align:center; color:#CC6600; margin-bottom:100px; font-size:1.3em; font-weight:normal;}
#footer a, #footer a:link, #footer a:visited {color:#CC6600; text-decoration:none;}
#footer a:hover {text-decoration:underline; color:#FFFFFF;}
#footer ul {list-style-type:none; display:block; margin-bottom:10px;}
#footer li {display:inline; padding: 0 5px; border-right:#CC6600 solid thin;}
#footer li.last {border-right:none;}


.calendarBG { background-color: #679B41; width:641px}
#calendar a, #calendar a:link, #calendar a:visited { color: #000; text-decoration: underline; background-color: transparent; }
#calendar a:hover {text-decoration:none;}
.calendarBlank { background-color: #EEEEEE; }
.calendarHeader { font-weight: bold; color: #fff; text-align: center; }
.calendarMonthLinks { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 11px; font-weight: bold; letter-spacing: .1em; text-decoration: none; color: #fff; background-color: transparent; }
.calendarMonthLinks a { color: #fff; text-decoration: none; background-color: transparent; }
.calendarMonthLinks a:visited { color: #fff; text-decoration: none; background-color: transparent; }
.calendarMonthLinks a:hover { color: #ccc; text-decoration: underline; background-color: transparent; }
.calendarDayHeading { font-weight: bold; font-size: 11px; color: #fff; background-color: #1B1B1B; text-align: center; vertical-align: top; width:90px;}
.calendarToday { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: middle; color: #000; background-color: #ccc; }
.calendarCell { font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size: 12px; font-weight: bold; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: middle; color: #000; background-color: #fff; }