/* INITIAL STLES
=======================================================================================*/
* { margin: 0; padding: 0; color: #333; line-height: 1.4em; }

body {
font: normal small Verdana, Arial, Helvetica, sans-serif;
background: #fff url(images/interface/bg_gcc_cp.jpg) repeat-x left top;
}
body#home {
 background: #fff url(images/interface/bg_gcc_hp_green.jpg) repeat-x left top;
}

/* Neutralize styling: 
Elements with a vertical margin: */

pre, blockquote, ul, ol, address {
 margin: 1em 0;
 padding: 0;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0 0 .5em 0;
}

dt {
 margin: 1em 0 0 0;
}

/* Apply left margin:
Only to the few elements that need it: */
li, blockquote {
margin-left: 1em;
}

li {
 margin:1em 0 1em 1em;
 padding: 0 0 0 25px;
 /**background: url(images/interface/bullet.gif) no-repeat 0 5px;/**/
 list-style: none;
}

p {
 margin: 0 0 1.3em 0;
 line-height: 1.4em;
}

#wrapper {
  width: 760px;
  margin: 0 auto;
}

a img {
 border: 0;
}

#header {
 margin: 13px 0 0 0;
 position: relative;
}


/* logo */
#logo { display: none; }

h1#header-logo { margin:0; padding:0; width:415px; float:left; }

h1#header-logo a {
display: block;
text-indent: -9999px;
width: 415px;
height: 115px;
background: transparent url(images/interface/logo_Grace_green.gif) no-repeat 0 0;
margin: 0 0 8px 0; padding:0;
}
* html h1#header-logo a {
margin: 0 0 7px 0; padding:0;
}

ul#utilnav {
 float:right;
 display: inline;
 list-style-type: none;
 background: transparent;
 width: 330px;
 font-size: 85%;
 text-align: right;
}

ul#utilnav li {
 display:inline;
 padding:0;
 margin:0 4px 0 0;
}

ul#utilnav li a{
 padding: 0 0 2px 0;
 color: #FFFFCC;
 text-decoration: none;
 border-bottom: 2px solid #FFFFCC;
}

ul#utilnav li a:hover{
 color: #FFF;
 border-bottom: 2px solid #FFF;
}

ul#utilnav li.highlight {background:#3B0E10;}

/* CONTENT
====================================================================================*/

#home #content {
 background: transparent;
 margin:0 auto;
}

#content {
 float: left;
 margin: 40px auto;
 clear: both;
 width: 760px;
 background: transparent;
}

#content a, #content a:visited {
 color: #8C2621;
}

#content a:hover {
 color: #003366;
}

#content-main {
 width: 530px;
 float: left;
 padding: 15px;
}

#content-main ul {
 margin: 0 0 0 1em;
}
#content-main ul li {
 list-style-type: disc;
 padding:.5em 0;
 margin:0 0 0 25px;
 color: #607439;
}

#content-main ol li {
 list-style-type: inherit;
 padding:.5em 0;
 margin:0 0 0 25px;
 color: #607439;
}


div#content-main h1,
div#content-main h1 span,
div#content-main h1 span#ctl00_main_lblTitle
 {
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #8C2621;
}


#content-sidebar {
 width: 195px;
 float: right;
 background:#F8F9DA;
 border:1px solid #D8D0AC;
 margin: 1em 0 0 0;
}
#content-sidebar div {
 padding: 15px;
 font-size: 85%;
}
#content #content-sidebar div h2 {
 color: #7C874F;
 margin:0;
}

/* HOMEPAGE
=======================================================================================*/
#content-main-spot {
 float: left;
 width: 300px;
 background: #712728;
 margin: 0;
 padding: 0;
}

#content-main-spot div {
 padding: 15px;
}

#content-main-spot h2{
}

#content-main-spot p {
 font-size: 85%;
 padding: 0;
 color: #FFCA9B;
}

div#content-main-spot div a,
div#content-main-spot div a:visited {
 color: #FEC342;
}
div#content-main-spot div a:hover {
 color: #fff;
 background: none;
}


body#home #content-main {
 width: 760px;
 float: left;
 margin: 20px 0 1em 0;
 padding:0;
 background: transparent;
}

#content-main-flash {
 float: right;
 width: 450px;
 height: 210px;
 margin: 0 0 0 0;
}

div#content-hp {
  font-size: 85%;
}

/* HOMEPAGE COLUMNS
=======================================================================================*/

div#content div#content-hp div#events {
 float: left;
 width: 780px;
 margin: 0 10px 0 0;
 background: #fff;
}
div#content div#content-hp div#events a {
 color: #990000;
}
div#content div#content-hp div#events a:hover {
 color: #003366;
}
div#content div#content-hp div#events h2 {
 margin: 0;
 padding: 0;
 font-family: Georgia, "Times New Roman", Times, serif;
 color: #8C2621;
}

div#content div#content-hp div#events h3 {
 font-size: 1em;
}

div#content div#content-hp div#events {
 padding: 0;
}

div#content div#content-hp div#events ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
div#content div#content-hp div#events ul li {
  margin: .7em 0 .7em 0;
  padding: 0;
  line-height: 18px; /* height of icon */
  background-repeat: no-repeat;
  background-position: left top;
  }
div#content div#content-hp div#events ul li a {
  padding-left: 24px; /* width of icon + whitespace */
  color: #3366CC;
  text-decoration:underline;
  cursor:pointer;
  }


/*NEWS new*/

ul.home_page_blog li {padding:0; margin-left:0;}
ul.home_page_blog li strong {font-size:1.3em;}


div#content-hp-c2 div#sermon li {
 background: url(images/interface/icon_podcast_listen.gif) no-repeat;
}
div#content-hp-c2 div#sermon li.subscribe {
 background: url(images/interface/icon_podcast_subscribe.gif) no-repeat;
}
div#content-hp-c2 div#sermon li.download {
 background: url(images/interface/icon_download.gif) no-repeat;
}


div#content div#content-hp div#events ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }
div#content div#content-hp div#events ul li {
  margin: .7em 0 .7em 0;
  padding: 0;
  line-height: 18px; /* height of icon */
  background-repeat: no-repeat;
  background-position: left top;
  }

div#content div#content-hp div#events ul li a {
 color: #3366CC;
}
div#content div#content-hp div#events ul li a strong {
 color: #3366CC;
}

a.calendar {
 padding: 2px 0 2px 20px;
  background: url(images/interface/icon_calendar.gif) no-repeat left top;
 line-height: 16px;
}
a.news {
 padding: 2px 0 2px 20px;
  background: url(images/interface/icon_news.gif) no-repeat left top;
 line-height: 16px;
}

div#content div#content-hp div#content-hp-c1 p {
 clear: both;
 display: block;
}

a.star, .star {
 padding: 2px 0 2px 20px;
  background: url(images/interface/icon_star.gif) no-repeat left top;
 line-height: 16px;
}

div#content div#setup {
 float: left;
 clear: both;
 background: #FFFFCC;
 border: 1px solid #e6e5d3;
 width: 188px;
 margin: 1em 0;
}
div#content div#setup h3 {
 color: #AC8A5D;
}




/*Sidebar
=======================================================================================*/

#content #content-sidebar dl,
#content-hp dl
{
 margin: 5px 0 5px 0;
 padding: 0;
 list-style: none;
 color: #fff;
 float: left;HO
 clear:both;
}

#content-hp div#content-hp-c1 dl {
 width: 265px;
}
#content-hp div#families dl {
 width: 180px;
}

#content #content-sidebar dt,
#content-hp dt
{
 margin: 0 0 0 0;
 font-weight: normal;
 clear:both;
}

#content #content-sidebar dt a:hover,
#content-hp dt a:hover
 {
 border-color: #8C2621;
}


#content #content-sidebar dt a,
#content-hp dt a
{
 float: left;
 clear: both;
 margin: 2px 8px 0 0;
 padding: 2px;
 border: 3px solid #dbd5c5;
 background: #fffefa;
 line-height: .8em;
}

#content #content-sidebar dd,
#content-hp dd
{
 margin: 0 0 0.5em 0;
 padding: 0;
 color: #333;
 line-height: 1.2em;
}

#content #content-sidebar dd strong,
#content #content-sidebar dd a,
#content-hp dd a
{
 color: #8C2621;
}

#content-main-spot dd a:hover,
#content-hp dd a:hover
{
 color: #003366;
}
#content #content-sidebar dd a:hover
 {
 color: #003366;
}


body#home #content {
 margin:0;
}

#content h2 {
 color: #DCAB43;
 margin:0 0 1em 0;
}



/*LIGHTBOX THUMBNAILS
======================================================================================*/
div.imglt a img,
div.imglt img,
img.imglt
{
 background: #fff;
 padding: 5px;
 border: 1px solid #D8CEA9;
 float: left;
 margin: 0 8px 8px 0;
}

div.imgrt a img,
div.imgrt img,
img.imgrt
{
 background: #fff;
 padding: 5px;
 border: 1px solid #D8CEA9;
 float: right;
 margin: 0 0 8px 8px;
}

div.imgrt a:hover img,
div.imglt a:hover img
{
 border: 1px solid #8C2621;
}

/* ---- TABLES ---- */
/* tables 
--------------------------------------------------------------==========================*/
table.gtable {
	padding: 0;
	margin: 0;
	border:1px solid #D8CEA9;
	border-right: 0;
}

table.gtable caption {
	margin:0;
	padding: 5px;
	text-align: left;
	border-left: 1px solid #CF9452;
	border-right: 1px solid #CF9452;
	border-top: 1px solid #CF9452;
	background: #CF9452;
	font-size: 85%;
}

table.gtable th {
	font-size: 73%;
	color: #333;
	text-align: left;
	border-bottom: 2px solid #D8CEA9;
	border-right: 1px solid #D8CEA9;
	padding: 6px 6px 6px 12px;
	background: #D8CEA9;
}

table.gtable td {
	color: #333;
	border-bottom: 1px solid #D8CEA9;
	border-right: 1px solid #D8CEA9;
	padding: 6px 6px 6px 12px;
	font-size: 70%;
}

table.gtable tr {
	background: #fff;
}
table.gtable tr.altrow {
	background: #f6f6f6;
}



/* FOOTER
=======================================================================================*/
#footer {
 float: left;
 clear: both;
 background: #fff url(images/interface/bg_gcc_footer.jpg) repeat-x 0 0;
 width: 100%;
 margin: 2em 0 0 0;
 padding: 0;
 font-size: 100%;
}

#footer-wrapper {
 width: 760px;
 margin: 2em auto;
 text-align: left;
}

#footer-nav {
 float: left;
 width: 500px;
 margin:0 0 1em 0;
 font-size: 83%;
}

#footer-nav ul, #footer-nav li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#footer-nav ul {
 margin: 1em 0;
 float: left;
}

#footer-nav a:link, #footer-nav a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 6px 4px 6px;
text-decoration: none;
color: #5C6B8C;
border-bottom: 2px solid #ADB5C5;
padding-bottom: 2px;
}

#footer-nav a:hover
{
border-bottom: 2px solid #607439;
padding-bottom: 2px;
background: transparent;
color: #6B191C;
}

div#footer-copy {
 float: right;
 width: 250px;
 margin:0 0 1em 0;
 color: #D8CEA9;
 font-size: 83%;
 border: 1px solid #62773A;
 background: #5C6B8C;
}

div#footer-copy p {
 color: #ADB5C5;
 margin:0;
 padding: 0.5em;
}

div#footer-copy p strong {
 color: #fff;
}

div#footer-copy p a {
 color: #FFFFCC;
}
div#footer-copy p a:hover {
 color: #FFF;
}


/* NAV
======================================================================================
Modified Mucha Suckerfish
http://www.htmldog.com/articles/suckerfish/dropdowns/example/
======================================================================================*/
div#header ul#nav { 
 background: transparent;
 width: 760px;
 margin:0; padding:0;
}

div#header ul#nav, div#header ul#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

div#header ul#nav a {
	display: block;
 text-decoration: none;
	width: auto;
 background: #91A075 url(images/interface/bg_nav_green.jpg) repeat-x left top;
 padding: 3px 10px 3px 10px;
 margin: 0 2px 0 0;
 color: #fff;
}

div#header ul#nav ul a:hover {
 background: #AABE84;
}

div#header ul#nav a:hover,
div#header ul#nav li.current a
 {
 background:#3E485E url(images/interface/bg_nav_blue.jpg) repeat-x left top;
}

div#header ul#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
 /**background: yellow;/**/
 margin:0; padding:0;
}

div#header ul#nav li ul li,
div#header ul#nav li ul li ul li
{ 
 clear: left;
 width: 10em;
 border-top:1px solid #C9D0AC;
}
div#header ul#nav li ul li a,
div#header ul#nav li ul li ul li a
{ 
 margin:0;
 background-image:none;
}


div#header ul#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

div#header ul#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 10em;
}

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

/* lists nested under hovered list items */
div#header #nav li:hover ul,
div#header #nav li li:hover ul,
div#header #nav li.sfhover ul,
div#header #nav li li.sfhover ul { 
	left: auto;
}


/* SIDENAV #9AA67E #BCC1A1 H#3E485E
=============================================================================*/
div#sidenav ul{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}
div#sidenav li {
 margin: 0 0 1px 0;
 padding:0;
}
div#content-sidebar div#sidenav a {
display: block;
padding: 5px 10px;
width: 145px;
color: #FFF;
background-color: #91A075;
text-decoration: none;
}
div#content-sidebar div#sidenav a:hover{
color: #fff;
background-color: #3E485E;
text-decoration: none;
}
div#sidenav ul ul li {
 margin: 0 0 1px 0;
}
div#content-sidebar div#sidenav ul ul a{
display: block;
padding: 5px 20px 5px 20px;
width: 125px;
color: #FFF;
background-color: #AABE84;
text-decoration: none;
}
div#content-sidebar div#sidenav ul ul a:hover{
color: #fff;
background-color: #3E485E;
text-decoration: none;
}

/*LIGHTBOX THUMBNAILS
==================================================*/
div.imglt a img,
div.imglt img,
img.imglt
{
 background: #fff;
 padding: 5px;
 border: 1px solid #9AA67E;
 float: left;
 margin: 0 8px 8px 0;
}

div.imgrt a img,
div.imgrt img,
img.imgrt
{
 background: #fff;
 padding: 5px;
 border: 1px solid #9AA67E;
 float: right;
 margin: 0 0 8px 8px;
}

div.imgrt a:hover img,
div.imglt a:hover img
{
 border: 1px solid #3E485E;
}

/*  -------------------------------------------------------------- Calendar Styles ---------------------------- */


#event_calendar .calendarBG {
	background-color: #ffffff; 
}


#event_calendar .calendarBlank { 
	background-color: #BFE36D;
}


#event_calendar .calendarHeader { 
	font-weight: bold; 
	color: #000; 
	text-align: center;
	background-color: #F3F9DF; 
	border: none;
	font-size: 18px;
}

#event_calendar .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;
	border: none;
}

#event_calendar .calendarDayHeading {
	font-weight: bold; 
	font-size:	11px;
	color: #fff; 
	background-color: #818181; 
	text-align: center;
	vertical-align: middle;
}

#event_calendar .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;
}

#event_calendar .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: #666;
	background-color: #eeeeee;
	width: 128px;
}


/* misc.
------------------------------------------------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

.clear {
 clear:both;
}


.smallinput
{
    font-size:10px;
}
.label
{
    text-align:right;
    color:Olive;
    font-size:10px;
}
/* self-clearing floats */

#footer:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/*-----form elements-----*/

.formlabel { /* used on Individual pages only */
	display: block;
  	float: left;
  	width:90px;
  	text-align:right;
  	color:Olive;
	padding-right: 5px;
  }
.formcontol { /* used on Individual pages only */
	display: block;
  	float: left;
}

.clear_left {
 clear:left;
}

div.row {
  clear: both;
  padding-top: 5px;
  }

/*--grids-----*/
.grid
{
    border:solid 1px #D2CFBD;
}
.gridHeader
{
    background:url(images/interface/grid_header_bkg.gif);
    color:#928F7E;
    font-size:10px;
    height:30px;
    text-align:left;
}
.gridRow
{
    background-color:#F6F5F0;
    font-size:10px;
    height:25px;
}
.gridAltRow 
{
    background:url(images/interface/grid_altrow_bkg.jpg);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#E3E2CE;   
    font-size:10px;
    height:25px;
}
.gridPager 
{
    background:url(images/interface/grid_header_bkg.gif);
    color:#928F7E;
    font-size:10px;
    height:20px;
}
.row
{
    font-size:10px;
}
.row_button
{
    font-size:10px;
}
.formtitle
{
    font-weight:bold;
    font-size:12px;
}
.dialog
{
    background:url(images/interface/grid_altrow_bkg.jpg);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#E3E2CE;   
}
.event_date
{
    font-weight:bold;
}
.event_title
{
    font-weight:bold;
    font-size:14px;
}
/*
div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }
*/
/*
.label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

br {
	clear: left;
}
*/