/* @override http://cgschurch.com/css/style.css */

/* CSS Document */

/* @group Reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}

/*
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
*/

/* @end */

/* @group Containers */

#page {
	float: left;
	width: 678px;
	height: 100%;
}

#content {
	width: 678px;
	background: url(../images/background/content-repeating.jpg) repeat-y;
	padding: 10px 0 15px 0;
}

#content-wide-column {
	padding: 0 100px 0 65px;
}

body {
	margin: auto;
	padding: 0; 
	border: none;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	background: #352512 url(../images/background/leather.jpg) repeat;
}

#top-pattern {
	background: url(http://www.cgschurch.com/images/background/top-pattern.jpg) repeat-x;
}

#container {
	margin: auto;
	width: 873px;
	height: 100%;
}

/* @end */

/* @group Menu */

#sidebar {
	float: left;
	width: 194px;
	padding: 0 0 15px 0;
	background: url(../images/menu/menu-bottom.jpg) no-repeat bottom;
}

#menu-top {
	width:194px;
	height:127px;
	background: #352512 url(../images/menu/menu-top.jpg) no-repeat;
}

#menu-content {
	background: url(../images/menu/menu-body-repeating.jpg) repeat-y;

}

#nav{
   list-style: none;
   width: 170px;
   margin: auto;
}

#nav li{
	background-color: #cbcbcb;
}

#nav li a{
   display: block;
   color: #FFF; /* Change this to the right color */
   text-decoration: none;
   font-size: 1.4em;
   padding: 10px 0 10px 6px;
   border-bottom: 1px solid #fff;
   border-right: 1px solid #fff;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 164px; /* Needs to be same as other 150px value */
   list-style: none;
   line-height: 1;
}

#nav li li{
   font-size: 100%;
}

#nav li ul {
   margin: -35px 0 0 170px; /* the -25px and 150px need to be adjusted until the sub-sub-menu sits in the right place */
}

#nav li:hover, 
#nav li.sfhover, 
#nav li li a:hover, 
#nav li li a.sfhover
 {
	background-color: #a2a2a2;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 100%;
}

#nav li li a{
   width: 164px; /* Needs to be same as other 150px value, less any padding or margin */
   background: #cbcbcb; /* Change to more appropriate value */
}


/* @end */

/* @group Masthead */

#masthead {
	width: 678px;
	height: 340px;
	background: url(http://www.cgschurch.com/images/mastheads/rotate.php);
	position: relative;
}

#test-masthead {
	width: 678px;
	height: 340px;
	<? getContent(
   "media",
   "display:detail",
   "find:".$_GET['nav'],
   "label:header",
   "show:background: url(__imageurl__) no-repeat;"
   );
?>
	position: relative;
}


#masthead ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
} 

#masthead ul li {
	display: inline;
}

#masthead ul li a {
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}

#home {
	height: 130px;
	width: 120px;
}

#home a {
	margin: 0 0 0 525px;
	height: 155px;
	width: 120px;
}

/* @end */

/* @group Headers */

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Lucida Grande, Verdana, Arial, Sans-Serif;
	}

h1 {
	font-size: 2em;
	margin: 0 0 10px 0;
	color: #ab0000;
	text-transform: uppercase;
}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
}

h2, h2.pagetitle {
	font-size: 1.6em;
	margin-top: 30px;
	padding: 0;
	text-align: left;
	color: #ab0000;
	text-transform: uppercase;
}

h3 {
	font-size: 1.5em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #ab0000;
	text-transform: uppercase;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #ab0000;
	}

h4, h4 a {
	font-size: 1.1em;
	color: #000;
}

#comments h4 {
	font-size: 1.6em;
	margin-top: 30px;
	padding: 0;
	text-align: left;
	color: #ab0000;
	text-transform: uppercase;
}

/* @end */

/* @group Footer */

#footer {
	height: 312px;
	padding: 0 50px 0 260px;
	clear: both;
	background: url(../images/background/footer.jpg) no-repeat;
}

#global-footer {
	height: 137px;
	padding: 0 50px 0 260px;
	clear: both;
	background: url(../images/background/small-footer.jpg) no-repeat;
}

/* @group Blue Box */

/* @group First Time Banner */

#first-time ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
} 

#first-time ul li {
	display: inline;
}

#first-time ul li a {
	float: left;
	text-indent: -9999px;
	text-decoration: none;
}

#first-time a {
	margin: 0 0 0 0px;
	height: 138px;
	width: 138px;
}

#first-time {
	width: 138px;
	height: 138px;
	margin: 0 0 0 8px;
	padding: ;
	float: left;
}


/* @end */

/* @group Blue Box Typography */

#feature h3, #feature h4, #feature h5 {
	padding: 0;
	color: #fff;
	text-align: justify;
	text-transform: uppercase;
}

#feature h3 {
	font: 1.6em;
	letter-spacing: 2px;
}

#feature h4 {
	font-size: 1.2em;
	padding: 4px 0 0 0;
}

#feature h5 {
	font-size: 1.1em;
	padding: 2px 0 0 0;
}

#weekly h3, #weekly h4 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #fff;
	text-transform: uppercase;
}

#weekly h3 {
	font: 1.4em;
	letter-spacing: 2px;
}

#weekly h4 {
	font-size: 1.2em;
}

#weekly p {
	padding: 0;
	color: #fff;
}

#weekly li {
	padding: 0 0 10px 0;
}

#blue-box a {
	color: #626262;
	text-transform: uppercase;
	line-height: 1.7em;
	font-weight: bold;
}

#blue-box a:hover {
	color: #343434;
	text-decoration: none;
}

/* @end */

#blue-box {
	width: 531px;
	height: 146px;
	background: #87b3cd url(http://www.cgschurch.com/images/bluebox/blue-box.jpg) no-repeat;
}

#feature {
	width: 110px;
	padding: 11px;
	float: left;
}

#weekly {
	width: 219px;
	height: 123px;
	margin: 11px 0 11px 0;
	padding: 0 15px 0 15px;
	float: left;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

#weekly-item-one {
	margin: 0 0 10px 0;
}

#weekly img {
	width: 53px;
	height: 53px;
	padding: 0 5px 0 0;

}

img.align-left {
	margin-right: 10px;
	float: left;
	clear: both;
}

img.align-right {
	margin-left: 10px;
	float: right;
	clear: both;
}


/* @end */

/* @group Global & Home Footer */


#home-footer {
	height: 142px;
}

#article-list {
	width: 400px;
	float: left;
	clear: left;
	margin: 10px 0 0 0;
}

.article-entry {
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	width: 400px;
}

.article-thumb {
	height: 40px;
	width: 40px;
	margin: 0 5px 0 0;
	padding: 3px;
	border: 1px solid #b5b5b5;
	float: left;

}

.article-details {
	float: left;
	font: 1.1em "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	line-height: 1.1;
	color: #7c7c7c;
	text-align: left;
	
}

h5.title a {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #ab0000;
}

h5.title a:hover {
	color: #430000;
	text-decoration: none;

}

/* @group Contact Info */

#contact-info {
	float: right;
	width: 120px;
	margin: 60px 7px 0 0;
}

#contact-info-sub.home {
	float: right;
	width: 120px;
	margin: 205px 7px 0 0;
}

#contact-info-sub {
	float: right;
	width: 120px;
	margin: 40px 10px 0 0;
}

/* @end */


/* @end */

/* @end */

/* @group Typography */

#content-wide-column p {
	line-height: 1.4em;
	margin: 0;
	padding: 10px 0 10px 0;
}

a, h2 a:hover, h3 a:hover {
	color: #626262;
	text-decoration: none;
	}

a:hover {
	color: #737373;
	text-decoration: underline;
	}

#text p, #text ul li {
	font: 1.3em "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	color: #4a4a4a;
	text-align: justify;
}

#text p a {
	font: 1em "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	color: #ab0000;
	text-align: left;
}

#text a {
	font: 1.3em "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	color: #ab0000;
	text-align: left;
}


#text ul { 
	margin: 10px 0 20px 0;
	padding: 10px 10px 10px 5px;
	list-style-type: disc;
	list-style-position: inside;
}

#text ul li { 
	margin: 10px 0 10px 30px;
	list-style-position: outside;
}

#text img {
	padding: 4px;
	border: 1px solid #b5b5b5;
}

#text blockquote {
	padding: 10px 0 0 35px;
	background: url(http://www.cgschurch.com/images/type/quotes.jpg) no-repeat;
}

#text blockquote p {
	font-style: italic;
}

/* @end */


/* @group Sermons */

.sermonbox {
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #b0b0b0;
}

div.sermonbox h3 {
	font-size: 1.2em;
}

#text p.series, #text p.vitals, #text p.sermonlink {
	padding: 0;
	font: 1.1em "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	line-height: 1.1;
	color: #7c7c7c;
	text-align: left;

}

#text ul#mediabox {
	float: right;
	margin: 0 0 10px 20px;
	list-style-type: none;
}

#text ul#mediabox li {
	font: 1.1em "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	line-height: 1.1;
	margin: 0 0 0 0;
}

#text ul#mediabox li a {
	font-size: 1.1em;
}

/* @end */

/* @group Calendar */

/* @group Small Calendar */

/* @group Pop Out */

#traildiv{
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 999;
   visibility: hidden;
   width: 100px;
   height: 100px;
   color: #FFF;
}

#traildiv ul{
   padding: .75em;
   padding-bottom: 0;
   border: 3px solid #15130D;
   background: #2B271B;
   font-size: 1.1em;
}

#traildiv li{
   color: #FFF;
   margin-left: 1em;
   margin-bottom: .75em;
}

#traildiv a{
   color: #FFF;
   text-decoration: none;
}

/* @end */

#sidebar table.calendar{
   border: 1px solid #eae7db;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
   background: #1B3A5C;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#sidebar table.calendar caption{
   color: #FDFDFC;
   font-size: 1.1em;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#sidebar table.calendar caption span{
   color: #A6A763;
}

#sidebar table.calendar th{
   background: #0C2441;
   padding: 3px 0;
   color: #D8CF66;
   font-size: 1.1em;
   font-weight: normal;
   text-align: center;
}

#sidebar table.calendar td{
   width: 28px;
   height: 28px;
   border: 1px solid #eae7db;
   border-top: 0;
   border-left: 0;
   color: #FEFEFB;
   font-size: 1.1em;
   font-weight: normal;
   text-align: center;
}

#sidebar table.calendar td.linked-day{
   /*padding: 1px 1px;*/
}

#sidebar table.calendar a{
   display: block;
   padding: 7px;
   background: #0C2441;
   color: #BFBB65;
   text-decoration: none;
}

/* @end */

/* @group Large Calendar */

#content table.calendar{
   margin-bottom: 25px;
   border: 1px solid #ab0000;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   font-size: 1.4em;
}

#content table.calendar caption span{
   color: #ab0000;
}

#content table.calendar th{
   padding: 6px 6px;
   background: #960000;
   color: #fff;
   font-size: 1.3em;
   font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #960000;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #ab0000;
   border-left: 0;
   border-top: 0;
   color: #4a4a4a;
   font-size: 1em;
   vertical-align: top;
}

#content table.calendar td.empty{
   background: ;
}

#content table.calendar td a{
   text-decoration: none;
	color: #4a4a4a;
	text-align: left;
   
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
}

#content table.calendar td li{
   margin-bottom: .75em;
   font-size: 1.1em;
   line-height: 1.2;
}

#content table.calendar td li a{
   text-decoration: none;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}

/* @end */

/* @end */

/* @group Comments */

.comment {
	margin: 10px 0;
	padding: 0 10px 10px 10px;
	background-color: #d5d5d5;
}

.comment-text {
	font: 1.3em "Lucida Grande", "Trebuchet MS", Verdana, Arial, Sans-Serif;
	line-height: 1.4;
	color: #4a4a4a;
	text-align: justify;
}

/* @end */