/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    
    css-master

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin:0px;
	background-color:#84b6df;
	background:url(../images/headbg.jpg) no-repeat 0px 0px;
	font-family: Times, serif, Times New Roman, Georgia; /*Verdana  , Arial, Helvetica, sans-serif;*/
	font-size:10pt;
	line-height:1.4em;
	color:#666666;
}

p {
	margin:10px 0;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	

blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(../../images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;
	margin:0;
	padding:0 0 0 6px;
	}

fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}
	
.clear { clear:both; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6 {
  color:#c68038;
	font-size:1.8em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	margin:5px 0;
}

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:2em;
}

h3 {
	font-size:1.5em;
}

h3.small {
	font-size:1.4em;
}

h4 {
	font-size:1.3em;
}

h5 {
	font-size:1.2em;
}

h6 {
	font-size:1em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link {
	color:#d61719;
	text-decoration:underline;
}

a:visited {
	color:#980000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
	color:#F8FC82;
}

a:active {
	color:#980000;
	text-decoration:underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~url(../../images/bg-nav.png) bottom left no-repeat~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:780px;
	padding:.8em 0 1em 20px;
	/*position:relative;*/
	color: #000000;
	font-size:10pt;
	text-align:center;
}

#footer div {
	background:#4b6cb5 url(../../images/bg-nav-side.png) bottom right no-repeat;
	width:25%;
	_width:25.5%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#footer a:link,
#footer a:visited {
	color:#000000;
	text-decoration:none;
}

#footer a:hover {
	color:#2F21EB;
	text-decoration:underline;
	background-color:White;
}

#footer a:active {
	color:#FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

    container

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#container {
    width:780px;
    margin:0 auto;
    background-color:#fff;
}

#logo {
    width:780px;
    height:97px;
}

#banner {
    padding-bottom:10px;
}

#crossline {
    background: #000 url(../images/goldcrossline.gif) repeat-x 0px 0px;
    height:15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

    top-menu

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#top-menu {
    background: #000 url(../images/top01bg.gif) repeat-x;
    height: 36px;
    padding-left:10px;
}
.dynamic_menu_items {
    line-height:20px;
    font-size:10pt;
}
.dynamic_menu_items a {
    line-height:20px;
    font-size:10pt;
    text-decoration:underline;
    /* background-color:#000000;  */
    color:#F9CC1A;
}
.static_menu_items
{
    line-height:36px;
    font-size:10pt;
}

	
#top-menu a {
    text-decoration:none;
	  color:#ffffff;
	  font-family: Arial, Sans-Serif;
	  font-size:12pt;
	  font-weight:bold;
}

#top-menu a:visited {
	color:#fff;
	text-decoration:none;
	font-family: Arial, Sans-Serif;
	font-size:12pt;
}

#top-menu a:hover {
  text-decoration:underline;
	color:#c68038;
	font-family: Arial, Sans-Serif;
	font-size:12pt;
}

#top-menu a:active {
	color:#fff;
	text-decoration:none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

    header

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*#header
{
    background: url(../images/top02bg.gif) repeat-x 0px 0px;
    margin-bottom:10px;
}
#header img.toppic
{
    background: url(../images/toppic01.gif) no-repeat 0px 0px;
    width:318px;
    height:180px;
    float:left;
}
#header img.logo
{
    background: url(../images/logo.gif) no-repeat 0px 0px;
    width:218px;
    height:180px;
    float:left;
}
#header a {
	color:#980000;
	text-decoration:none;
	font-weight:bold;
}
#header a:visited {
	color:#980000;
	text-decoration:underline;
	font-weight:bold;
}

#header a:hover {
	text-decoration:underline;
	color:#000000;
	
	font-weight:bold;
}

#header a:active {
	color:#980000;
	text-decoration:underline;
	font-weight:bold;
}
#header ul
{
  list-style: none;
	margin: 0;
	padding: 15px 0;
	float:left;
}
#header ul li
{
    margin:0;
    margin-left:30px;
    padding: 2px 0 2px 15px;
    width:174px;
    background: url(../images/arrow_green.gif) no-repeat 0px 6px;
    border-top:solid 1px #c9c9c9;
}
#header ul li.last
{
    border-bottom:solid 1px #c9c9c9;
}*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

    blocks

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.blocks
{
    background: url(../images/bg1.gif) repeat-x 0px 0px;
    padding-top:11px;
}
.blocks .item
{
    padding-left:20px;
    width:200px;
    float:left;
}
.blocks .item p
{
    margin:0;
    color:#666666;
    text-align:center;
    padding:0 10px;
    background: url(../images/church2_bg.gif) repeat-y 0px 0px;
}
.blocks .meaningful
{
    width:315px;
    text-align:center;
    float:right;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

    content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.content
{
    background-color:#E7D6A5;
    background: url(../images/goldcrossbkg2.gif) repeat 0px 0px;
}
.page
{
    padding:10px 10px 10px 150px;
    background: #E7D6A5 url(../images/goldcrossbkg.gif) repeat 0px 0px;
}
/* without left line */
.page-big
{
    padding:10px;
    background: #E7D6A5 url(../images/goldcrossbkg.gif) repeat-y -136px 0px;
}
 .content img.latestnews
{
    /* background: url(../images/latestnews.gif) no-repeat 0px 0px; */
    width:185px;
    height:23px;
    padding-bottom:10px;
    padding-left:10px;
}

/* // events */
.content #events
{
    width:400px;
    text-align:center;
    padding-top:0px;
}
.content #events ul
{
    list-style:none;
    width:350px;
    margin:0;
    padding:0;
}
.content #events li
{
    margin:0 0 15px 0;
    padding:0;
}
.content #events p
{
    margin:0;
    font-weight:bold;
    color:#3315E4;
    width:115px;
    float:left;
    display:block;
    text-align:right;
}
.content #events .description
{
    border-left:solid 1px #c9c9c9;
    padding-left:5px;
    float:left;
    width:220px;
    text-align:left;
}
/* events // */

.content img.checkout
{
    background: url(../images/checkout.gif) no-repeat 0px 0px;
    width:135px;
    height:249px;
    display:block;
    float:left;
}
.content .welcome
{
    width:200px;
    text-align:center;
    /* background-color:#E7D6A5; */
    margin:0;
}
.content .welcome img.button
{
    margin-bottom:15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

    links

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.content #links .links
{
    width:400px;
    text-align:left;
    float:left;
    padding-top:10px;
    margin-left:350px;
    padding-left:500px;
}


/*------------------------------ from Admin area ------------------------------*/
/* form with fields */
.content table.form
{
    width:100%;
    border:solid 2px #ced2d3;
    color:#c68038;
    margin:10px 0;
    background-color:#fff;
    text-align:left;
    font-family: Arial,Sans-Serif;
}
.content table.form td { vertical-align:top; padding:5px; }
.content table.form td table.row td { padding:0; line-height:22px; }
.content table.form td.fields { white-space:nowrap; }
.content table.form td.fields input,
.content table.form td.fields select
{
    color:#000;
    border:solid 1px #afcc81;
    margin-bottom:10px;
    padding:2px;
    background-color:#f9fae4;
}
.content .watermark { color:#c68038; }
.content table.form td.fields p
{
    padding:0;
    margin:0;
    height:2px;
    line-height:2px;
    background-color:#efcab3;
    margin:10px 0;
}

/*
 * gallery
 */
ul.galleries 
{
    list-style-type:none;
    margin:0 auto;
    padding:15px 0;
    width:630px;
}
ul.galleries li
{
    background: url(../images/stack.gif) no-repeat 35px 0px;
    display: inline-block;
    margin: 5px;
    text-align:left;
    vertical-align: top;
    width: 190px;
}
ul.photos li
{
    background: none;
    text-align:center;
}
ul.galleries li img
{
    border:none;
    margin-left:38px;
    margin-top:10px;
    width:100px;
}
ul.photos li img { margin:0; }
ul.galleries li span { display:block; text-align:center; }
/*ul.galleries li img:hover { border-color:Blue; }*/
/*
 * slideshow
 */
#slideshow {
    position:relative;
    height:200px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:60px;
    z-index:8;
    display:none;
    /*height:200px;*/
    width:500px;
}
#loader
{
    /*background: url(../images/indicator_3drotation.gif) no-repeat left top;
    line-height:15px;*/
    /*margin:0 auto;
    padding-left:25px;
    width:150px;*/
    padding:100px 0 0 220px;
}
#loader span
{
    background: url(../images/indicator_3drotation.gif) no-repeat left top;
    line-height:15px;
    padding-left:25px;
}
#slideshow IMG.active {
    z-index:10;
    display:block;
}

#slideshow IMG.last-active {
    z-index:9;
}
.dynamic_menu {z-index:20;}

/*
 * sermons
 */
ul#sermons { list-style-type:none; margin:0; padding:15px 0; }
#sermons p 
{
    background-color:#fbfbfb;
    border:dotted 1px #ebebeb;
    border-top:none;
    margin:0 5px;
    padding:5px 2px;
}
#sermons p.title
{
    background-color:#6D6D6D;
    border:none;
    line-height:21px;
    margin:0;
    padding:5px;
}
#sermons p.title span
{
    color:#fff;
    font-weight:bold;
    line-height:15px;
    margin-top:3px;
    float:left;
}
#sermons p.title a { float:right; }
/*#sermons p.title a:first-child {float:left;}*/

a.pdf {
    background:transparent url(../images/file-types/pdf.png) no-repeat scroll left center;
    line-height:16px;
    padding-left:20px;
}
a.word {
    background:transparent url(../images/file-types/word.png) no-repeat scroll left center;
    line-height:16px;
    padding-left:20px;
}
a.powerpoint {
    background:transparent url(../images/file-types/powerpoint.png) no-repeat scroll left center;
    line-height:16px;
    padding-left:20px;
}
a.picture {
    background:transparent url(../images/file-types/picture.png) no-repeat scroll left center;
    line-height:16px;
    padding-left:20px;
}
a.external {
    background:transparent url(images/file-types/ext_link.png) no-repeat scroll left center;
    line-height:16px;
    padding-left:20px;
}