/*-----------------------------------------------------------------------------
version:   1.0
author:    Michelle
website:   http://www.mishcreative.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Background gradient */
body{
	background: #ffffb5 url(../img/BG_gradient.jpg) repeat-x top;
}

/* Centers the whole page and adds shadow */
.wrapper {
	width:982px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/wrapper_shadow.png) repeat-y top;
}

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 Arial,Helvetica,sans-serif;
  
}

p { 
    font-size: 1.2em;
    margin: 0px 5px 0px 5px;
	}

h1 { 
    font-size: 2em; 
    margin: 0px 5px 0px 5px;
	}

h2 {
	font-size: 1.8em;
	margin: 0px 5px 0px 5px;
	color: #82822d;
}

h2.heading{
	text-align: center;
	font-size: 2.2em;
	padding-bottom: 20px;
}

h3 {
	font-weight: bold;
	margin: 0px 5px 0px 5px;
}

h4 {
	font-size: 1.5em;
	margin: 0px 0px 0px 5px;
	color: #82822d;
}

h5 {
	font-size: 1.4em;
	margin: 0px 0px 0px 5px;
	color: #82822d;
}

span {
	font-size: 1.2em;
	margin: 0px 5px 0px 5px;
	color: #82822d;
	font-weight: bold;
}

.bold {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 5px 0px 5px;
}

.GCC_text{
	font-size: 1.4em;
	font-weight: bold;
	color: #82822d;
}
	

/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color:#000
	}
	
a:hover, a:focus, a:active {
	text-decoration: underline;
	}

.backbtn {
	text-align: center;
}

/* =Header
-----------------------------------------------------------------------------*/

/* Header image */
.header {
	width:960px;
	height:170px;
	margin: 0 auto;
	background-image: url(../img/header_img.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

/* Facebook YouTube icon */
#social {
	display: block;
	float: right;
	padding: 0 0 0 880px;
	position: absolute;
    top: 130px;	
}

/* =Main Nav
-----------------------------------------------------------------------------*/
/* BG of nav */
ul.navmain {
	margin: 0 auto;
	padding:0;
	list-style: none;
	width: 960px;
	overflow: hidden;
	background: url(../img/navmainBG.jpg) repeat-x;
	font-size: 1.2em;

}

ul.navmain li {
	float: left;
}

/* text in nav*/
ul.navmain a {
	display:block;
	padding: 0 2.75em;
	line-height: 30px;
	background: url(../img/navmain_divider.gif) repeat-y left top;
	text-decoration: none;
	font-weight: normal;
	color: #000;
}

/* gets rid of first divider image*/
ul.navmain li:first-child a{
	background: none;
}

/* mouse over color change */
ul.navmain a:hover, a:focus {
	color:#F00;
}

/* Hightlighting current page*/
body#home a#homenav,
body#about a#aboutnav,

body#events_upcoming a#eventsnav,
body#events_past a#eventsnav,
body#events_recommended a#eventsnav,
body#events_upcoming a#upcomingnav2,
body#events_past a#pastnav2,
body#events_recommended a#recommendednav2,

body#gracetalk_dev a#gracetalknav,
body#gracetalk_life a#gracetalknav,
body#gracetalk_quotes a#gracetalknav,
body#gracetalk_dev a#devnav2,
body#gracetalk_life a#lifenav2,
body#gracetalk_quotes a#quotesnav2,

body#media_gcc a#medianav,
body#media_skits a#medianav,
body#media_music a#medianav,
body#media_teaching a#medianav,

body#media_gcc a#media_gccnav2,
body#media_skits a#media_skitsnav2,
body#media_music a#media_musicnav2,
body#media_teaching a#media_teachingnav2,

body#resources_books a#resourcesnav,
body#resources_dvds a#resourcesnav,
body#resources_sites a#resourcesnav,
body#resources_store a#resourcesnav,
body#resources_books a#booksnav2,
body#resources_dvds a#dvdsnav2,
body#resources_sites a#sitesnav2,
body#resources_store a#storenav2,

body#humour_mrlawgrace a#humournav,
body#humour_comics a#humournav,
body#humour_video a#humournav,
body#humour_gracemoments a#humournav,
body#humour_gccoriginals a#humournav,
body#humour_mrlawgrace a#mrlawgracenav2,
body#humour_comics a#comicsnav2,
body#humour_video a#videonav2,
body#humour_gracemoments a#gracemomentsnav2,
body#humour_gccoriginals a#gccoriginalsnav2,

body#gracecamp_info a#infonav2,
body#gracecamp_faq a#faqnav2,

body#contact a#contactnav{
	color: #F00;
	cursor: default;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/
.navsub-title{
			padding-left: 25px;  
			padding-top: 5px;
			background: url(../img/navsub_title.png) no-repeat 1% 50%;
			  }

ul.navsub{
	margin: 0;
	padding:0;
	list-style-type: none;	
}

ul.navsub a{
	display: block;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #dcdc44;
	background: url(../img/navsub_bullet.png) no-repeat 5% 50%;
	padding: .3em 1.5em;
	font-size: 1.2em;
	font-weight: normal;
}
	
/* mouse over color change */
ul.navsub a:hover, a:focus {
	color:#F00;
}
/* =Main Content
-----------------------------------------------------------------------------*/
.content {
	background: #fff;
	width:960px;
	margin: 0 auto;
	background: url(../img/faux_column.gif) repeat-y;
}

.content .primary {
	width: 800px;
	float: right;
	padding-right: 5px;
	display: inline;
}

/* resource books and dvds blocks */

.resource {
	width: 155px;
	height: 200px;
	padding: 5px 0px;
	text-align: center;
	float: left;
	display: inline;
}

.resource img {
	border: 1px solid #000;
}

/* resource site blocks */

.site {
	width: 250px;
	height: 60px;
	padding: 5px 5px;
	text-align: left;
	float: left;
	display: inline;
}

.site p {
	font-size: 1.2em;
	line-height: 10px;
}

/* resource feature blocks */

.feature {
	width: 790px;
	padding: 5px 0px;
	text-align: center;
	float: left;
	display: inline;
}

.feature img {
	border: 1px solid #000;
}

/* contact */

h4.mail {
	padding-left: 25px;
	padding-top: 20px;
	background-image: url(../img/contact_mail.png);
	background-repeat: no-repeat;
	background-position: left 80%;
}

h4.email {
	padding-left: 25px;
	padding-top: 20px;
	background-image: url(../img/contact_email.png);
	background-repeat: no-repeat;
	background-position: left 80%;
}

h4.phone {
	padding-left: 25px;
	padding-top: 20px;
	background-image: url(../img/contact_phone.png);
	background-repeat: no-repeat;
	background-position: left 80%;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/
.content .secondary {
	width: 150px;
	height: 300px;
	float: left;
	display: inline;
	background-color:#ffffbb;
}

.content {
	overflow: hidden;
}
/* =Footer
-----------------------------------------------------------------------------*/
.footer {
	width:960px;
	height:60px;
	margin: 0 auto;
	background: url(../img/footer_img.jpg) no-repeat top right;
}

.copyright {
	margin: 0 auto;
	text-align:center;
	background: #ffffb5;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

.devotional{
	text-align: right;

}

.divider{
	margin: 5px 0px 5px 0px;
	
}

/* =Misc 2
-----------------------------------------------------------------------------*/