@charset "UTF-8";
/* CSS Document */
/*  html, body   */
html {font-size: 62.5%; background:transparent url(http://calvaryonninth.org/images/common/background.jpg);}
html, body {margin:0; padding:0}
body {margin:0 auto; padding:0; font-family: Georgia, Times New Roman, Times, serif;}

/* Baseline values for browser consistency*/
div, h1, h2, h3, h4, 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;}

/* Site Structure */

#masthead {width:815px; height:135px; margin:0 auto; background-color:#0067AC;position:relative;}


/* Links */
a, a:link, a:visited {color:#0067ac; font-weight:normal; text-decoration:none;}
a:hover {text-decoration:underline; color:#000000;}

a.nounderline, a:link.nounderline, a:visited.nounderline, a:hover.nounderline {text-decoration:none}

a.newcomerlink,  a.newcomerlink:link, a.newcomerlink:visited {
color:#0067ac; font-weight: normal; text-decoration:none;

}

a.newcomerlink:hover {text-decoration:underline; color:#000000;
}


/* Navigation */
#navigation {width:515px; background-color:#d6c3ac; height:2.4em;position:absolute; bottom:0; right:0;}
#navigation ul {height:2.4em;}
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
#nav ul { width: 130px; }
#nav ul ul { left: 131px; }
#nav { background-color: #d6c3ac; height: 24px; }
#nav *:hover { background-color: none; }
#nav a {border-right: 1px solid white; color: #030303; font-size: 1.0em; padding: 6px 4px 6px 5px; line-height: 1; }
#nav li.hover a { background-color: #5E5A5A; }
#nav ul { top: 25px; }
#nav ul li a { background-color: #5E5A5A; color:#FFFFFF; }
#nav ul li.hover > a { background-color: #C09477; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
#nav li a.active, #nav li a:link.active, #nav li a:visited.active {background-color:#C09477; color:#030303;}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* Content */
#content {width:815px; margin:0 auto; background-color:#FFFFFF;}
#left_col {width:300px; float:left; text-align:right; position:relative;}
#left_col h2 {color: #0067ac;font-size:1.4em; margin-top:1.1em; letter-spacing:0.225em;}
#left_col p {font-size: 1.4em; color: #666666; margin: 0.3em 0;}
#left_col #schedule {position:absolute; top:415px; right:0;}

#right_col {width:515px; float:right; min-height:525px;}
#right_col h1 {font-family: palatino; font-style: italic; color: #0067ac;font-size: 2.0em; margin:0;}
#right_col p {font-size:1.4em; color:#666666; margin:0.5em 0 1.0em 0 }
h1.full {font-family: palatino; font-style: italic; color: #0067ac;font-size: 2.0em; margin:0 1.0em 1.0em 1.0em; padding-top:1.0em;}


#full_right {width:495px; margin:15px; border-bottom:#666666 thin solid;;}
#full_right h2 {margin:1.0em 0 0 0;}
#rotating_banners {float:left;}

/* Home Page */
.home_left {float:left; width:255px; padding:0 15px; margin:10px 0;}
.home_right {float:right; width: 185px; padding:0 15px; margin:10px 0;}

#secondary_content {border-top:#666666 thin solid; border-bottom:#666666 thin solid; padding:15px 0 30px 0; width:475px; min-height:40px; margin: 0 auto 5px auto; font-size:1em;}
#secondary_content .sub_left {float:left; width:224px; padding: 5px 5px 5px 5px; background-color:#e9e9dd}
#secondary_content .sub_right {float:right; width:224px;padding: 5px 5px 5px 5px; background-color:#e9e9dd}
#secondary_content .sub_left h3, #secondary_content .sub_right h3 {font-family: palatino; font-style: italic; color: #0067ac;font-size: 1.5em;}
#secondary_content .sub_left h4 {margin:5px 0 10px 0;font-size:1.3em; color:#666666;}

#news_feed li {margin:5px 0 10px 0;font-size:1.3em; color:#666666;}

ul#sub_links {margin:0 0 25px 75px;padding-bottom:5px;}
ul#sub_links li {float:left; list-style-type:none; padding:0 10px;border-left:#666666 thin solid;}
ul#sub_links li.first {border:none;}

#full_right h3 {margin:1.0em auto 0 auto; font-size:1.4em;}

/* Quick Links */

#quicklinks h2 {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 1.5em; color: #666666;}
#quicklinks ul li {border-bottom:#666666 solid thin; padding:0.5em 0; height:1.3em; font-size:1.3em}

/* News */
#full_right p.posted {color:#000000; margin:-0.3em 0 1.0em 0; font-size:1.0em;}

/* Event Calendar */
.calendarBG {background-color:#000;}
.calendarBlank {background-color: #5E5A5A;}
.calendarHeader {font-weight: bold; color: #fff; text-align: center;background-color: #0067AC; }
.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:#000;text-decoration:none; background-color:transparent;}
.calendarMonthLinks a:visited {color: #000;text-decoration: none;background-color: transparent;}
.calendarMonthLinks a:hover {color:#ccc;text-decoration:underline;background-color:  transparent;}
.calendarDayHeading {font-weight: bold; font-size: 1.3em; color: #000000; background-color: #D6C3AC; text-align: center; vertical-align: top;}
.calendarToday {font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size: 12px; font-weight: bold; letter-spacing:	0.1em; text-decoration: none; text-align: center; vertical-align: top; color:#000; background-color:#C09477;}
.calendarCell {font-family: Arial, Trebuchet MS, Tahoma, Verdana,Sans-serif; font-size:12px; font-weight:bold; letter-spacing:0.1em; text-decoration:none; text-align:center; vertical-align: top; color: #666; background-color:#fff;}
.calendarCell a {color:#000;text-decoration:none;background-color:transparent;}
.calendarCell a:visited {color:#000;text-decoration:nonw;background-color:transparent;}
.calendarCell a:hover {color:#000;text-decoration:underline;background-color:transparent;}
.calendarCell div.date {font-size:1.4em; font-weight:strong; color:#000000;}

/* Footer */
#footer {width:815px;margin:25px auto;text-align:center; font-size:1.2em}
#footer p {margin-left:100px}
#shield {width:100px; float:right;}
