/********************************************
   AUTHOR:          Jonden
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  Grace Baptist Church
   DATE:           Oct-20th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }
 
html {
background: #eae8dd url(images/bg.gif) repeat-y top center;
margin: 0;
padding: 0px;
height: 100%; 
}
 
body { 
margin: 0;
padding: 0px;
height: 100%; 
background: url(images/topbg.gif) no-repeat top center;
} 



/* --------------HEADER------------- */

#header {
height: 141px;
margin: 0 auto;
width: 960px;
background: url(images/headerbg.png) no-repeat
}


/* --------------LOGO IN HEADER *always use this*------------- */

.logolink {
background-image: url('images/logo.gif');
background-repeat: no-repeat;
height: 116px;
width: 284px;
float: left
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(images/logo.gif);  width: 284px;  height: 116px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------- */

#topnav {
float: right;
width: 650px;
height: 30px;
margin-top: 107px;
margin-right: 18px;
}

#topnav ul {
margin: 0px;
padding: 0px;
float: right;
}

#topnav li {
list-style-type: none;
display: inline;
}

#topnav li a {
font-family: Cambria, serif;
font-size: 13px;
font-weight: bold;
text-transform: lowercase;
letter-spacing: -1px;
color: #58351c;
padding:20px 16px 9px 16px;
text-align: center;
margin-top: -30px;
text-decoration: none
}

#topnav li a:hover {
text-decoration: underline
}

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto; /* make sure this matches in the body footer DIV */
width: 960px;
background: url(images/tablebg.png) repeat-y;
} 


.holder {
margin: 0 auto;
width: 926px;
padding-left: 3px;
}


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}


/* --------------MISSIONPIC------------- */

#missionpic {
background-color: #58351c;
padding: 6px;
}

#missionpic .pic {
background: url(images/missionpic.jpg) no-repeat;
height: 222px;
}

/* --------------Contact Blocks------------- */

#contactblocks {
font-family: Cambria, serif;
font-size: 13px;
font-weight: normal;
text-transform: normal;
font-style: italic;
letter-spacing: normal;
color: #555;
height: 60px;
background-color: #eae8dd;
border-top: 1px solid #927d69;
clear: both;
}

#contactblocks a {
color: #555;
}


#contactblocks p {
padding: 14px 15px 0px 30px;
}

#contactblocks img {
margin: 10px 13px 0px 13px;
float: left
}

#contactblocks .text {
float: left;
width: 250px;
margin: 0px;
padding: 0px;
clear:right
}


#contactblocks .services {
float: left;
width: 210px;
margin: 0px;
padding: 0px;
clear:right;
}

#contactblocks .commitment {
float: left;
width: 230px;
margin: 0px;
padding: 0px;
clear:right;
}

#contactblocks .commitment p {
text-align:left
}

#contactblocks .strategic {
float: left;
width: 230px;
margin: 0px;
padding: 0px;
clear:right
}



/* --------------Welcome------------- */

#welcome {
background-color: #ecf1d8;
border-bottom: 1px solid #c8cfb3;
border-top: 1px solid #c8cfb3;
padding: 16px;
}

#welcome h1 {
background: url(images/welcome.gif) no-repeat;
height: 22px;
padding-bottom: 20px;
}

#welcome p {
font-family: Cambria, serif;
font-size: 16px;
font-weight: normal;
text-transform: normal;
font-style: italic;
letter-spacing: normal;
line-height: 1.6em;
color: #758742;
}


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
}

#main .content {
padding: 16px;
margin: 0px;
min-height: 170px; /* H6ight of Background Img */
height: auto;
}

#main h1 {
font-family: Cambria, serif;
font-size: 26px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.6em;
color: #58351b;
}

#main p {
font-family: Cambria, serif;
font-size: 16px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color: #555;
}

#main a {
font-family: Cambria, serif;
font-size: 13px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color: #58351b;
}

#main ol {
font-family: Cambria, serif;
font-size: 13px;
padding: 10px;
font-weight: normal;
letter-spacing: normal;
line-height: 1.6em;
color: #58351b;
}
#main li 
{
	margin:0 0 25px 0;
}
/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
height: 100px;
height: auto;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative;
background: url(images/tablebg.png) repeat-y 
}

/* --------------FOOTER LINKS------------- */

#footer ul {
padding: 10px 10px 20px 10px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
font-family: Tahoma, Helvetica, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color: #58351b;
padding-left: 20px;
}

#footer .links li a:hover {
text-decoration: underline;
}


/* --------------Time Table------------- */
#timetable
{
	float:left;
}
	
#timetable .left
{
	width:200px;
	font-family: Cambria, serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	color: #555;		
}

#timetable .right
{
	width:200px;
	padding-left:25px;
	font-family: Cambria, serif;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.6em;
			
}

/*********** DOCTRINE PAGE STYLES ***********/

.doctrine-wrapper {
	margin-top: 10px;
}

.doctrine-list {
	margin-left: 20px;
	list-style-type: decimal;
}

.doctrine-item {
	margin-bottom: 20px;
}

.doctrine-title {
	font-family: Cambria, serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #58351b;
	margin-bottom: 4px;
}

.doctrine-body p {
	margin: 4px 0;
	font-family: Cambria, serif;
	font-size: 16px;
	color: #555;
}

.scripture {
	font-size: 13px;
	color: #758742;
	font-style: italic;
	margin-top: 4px;
}