/*	

Light Messengers
	
Copyright 2005, Tennessee Baptist Collegiate Missions.  Programming and hosting by Go Design, http://godesign.com.
Feel free to report any bugs, errors, or improvements to support@godesign.com.

*/


/*__________________________________________________________________________________/* the basics */

*	{
	margin: 0;
	padding: 0;
}

body	{
	font: 75%/1.3em arial, sans-serif;
	color: #003;
	background: url(../images/stripe.gif) center top repeat-y #003300;
}

#wrapper	{
	width: 780px;
	margin: 0 auto;
	position: relative;
}

#main	{
	float: left;
	width: 450px;
	margin-left: 75px;
}

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

h1	{
	width: 780px;
	height: 211px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/headers/header.jpg) left top no-repeat;
}

h1 a	{
	display: block;
	height: 25px;
	background: transparent url(../images/headers/home.gif) left 25px no-repeat;
}

h1 a:hover	{
	background-position: left top;
}

#top p	{
	position: absolute;
	top: 25px;
	right: 0;
	width: 151px;
	height: 186px;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
	}

p	{
	margin: 1em 0;
}

#main ul, #main ol	{
	margin-left: 15px;
}

#main ol li	{
	margin: .5em 0;
}

a:link		{ color: #036; }
a:visited	{ color: #000; }
a:hover		{ color: #3b617d; }
a:active	{ color: #000; }


/*__________________________________________________________________________________/* navigation */

#nav	{
	position: absolute;
	top: 0;
	left: 10px;
}

#nav h3	{
	display: none;
}

#nav ul	{
	width: 230px;
	height: 203px;
	background: url(../images/nav/journal.png) no-repeat top left;
	position: relative;
}

#nav li	{
	text-indent: -9999px;
	overflow: hidden;
	list-style: none;
	height: 25px;
	position: absolute;
}

#nav li a	{
	display: block;
	height: 25px;
}

#nav li#nav_positions	{ z-index: 1; top: 10px; left: 25px; width: 90px; }			
    #nav li#nav_positions a:hover	{ z-index: 99; background: url(../images/nav/journal.png) -235px -10px; }
    
#nav li#nav_faqs	{ z-index: 1; top: 39px; left: 30px; width: 60px; height: 22px; }			
    #nav li#nav_faqs a:hover	{ z-index: 99; background: url(../images/nav/journal.png) -240px -39px; }
    
#nav li#nav_apply	{ z-index: 1; top: 64px; left: 36px; width: 60px; z-index: 20; }	
    #nav li#nav_apply a:hover	{ z-index: 99; background: url(../images/nav/journal.png) -246px -64px; }
    
#nav li#nav_reports	{ z-index: 1; top: 91px; left: 43px; width: 100px; height: 23px; }	
    #nav li#nav_reports a:hover	{ z-index: 99; background: url(../images/nav/journal.png) -253px -91px; }

#nav li#nav_bcm_internships	{ z-index: 1; top: 115px; left: 50px; width: 140px;}			
    #nav li#nav_bcm_internships a:hover	{ z-index: 99; background: url(../images/nav/journal.png) -260px -115px; }
        
#nav li#nav_gallery	{ z-index: 1; top: 143px; left: 50px; width: 60px; height: 30px;}			
    #nav li#nav_gallery a:hover	{ z-index: 99; background: url(../images/nav/journal.png) -260px -143px; }

#nav li#nav_positions_current	{ top: 7px; left: 31px; width: 84px; height: 34px; background: url(../images/nav/positions_current.png) no-repeat left top; z-index: 20; }
#nav li#nav_faqs_current		{ top: 35px; left: 33px; width: 62px; height: 29px; background: url(../images/nav/faqs_current.png) no-repeat left top; z-index: 20; }
#nav li#nav_apply_current		{ top: 63px; left: 36px; width: 62px; height: 30px; background: url(../images/nav/apply_current.png) no-repeat left top; z-index: 20; }
#nav li#nav_reports_current		{ top: 84px; left: 37px; width: 114px; height: 36px; background: url(../images/nav/reports_current.png) no-repeat left top; z-index: 20; }
#nav li#nav_bcm_internships_current		{ top: 108px; left: 40px; width: 140px; height: 40px; background: url(../images/nav/bcm_internships_current.png) no-repeat left top; z-index: 20; }
#nav li#nav_gallery_current		{ top: 146px; left: 43px; width: 90px; height: 30px; background: url(../images/nav/gallery_current.png) no-repeat left top; z-index: 20; }


/*_____________________________________________________________________________________/* headers */

h2	{
	text-indent: -9999px;
	overflow: hidden;
	height: 23px;
	margin: 1em 0;
}

h3	{
	font: bold 1.2em arial, sans-serif;
	margin-bottom: .5em;
}

#positions h2	{ width: 80px; background: url(../images/headers/positions.gif) no-repeat left top; }
#faqs h2	{ width: 247px; background: url(../images/headers/faqs.gif) no-repeat left top; }
#apply h2	{ width: 49px; background: url(../images/headers/apply.gif) no-repeat left top; }
#application h2	{ width: 102px; background: url(../images/headers/application.gif) no-repeat left top; }
#reports h2	{ width: 115px; background: url(../images/headers/reports.gif) no-repeat left top; }
#forum h2	{ width: 56px; background: url(../images/headers/forum.gif) no-repeat left top; }
#gallery h2	{ width: 63px; background: url(../images/headers/gallery.gif) no-repeat left top; }
#bcm_internships h2	{ width: 150px; background: url(../images/headers/bcm_internships.png) no-repeat left top; }

/*______________________________________________________________________________________/* quotes */

#quotes	{
	width: 182px;
	margin: 2.2em 35px 0 0;
	float: right;
	text-align: center;
	color: #003500;
	line-height: 1.5em;
	background: url(../images/quotes/sides.gif) repeat-y left top;
}

#quotes p	{
	margin: 1em 1.2em;
}

#quotes blockquote	{
	margin-top: -1em;
	padding-top: 1.5em;
	background: url(../images/quotes/top.gif) no-repeat left top;
}

#quotes .cite	{
	margin: -.5em 0 -1em 0;
	padding-bottom: 9em;
	font: normal .9em/1.3em arial, sans-serif;
	background: url(../images/quotes/bottom.gif) no-repeat left bottom;
}

#quotes .cite p	{
	margin: 0;
}


/*________________________________________________________________________________________/* home */

#scripture	{
	font-size: 1.3em;
	color: #003500;
}

#scripture cite	{
	font: normal .8em arial, sans-serif;
}


/*___________________________________________________________________________________/* positions */

#positions #main	{
	width: 670px;
	float: none;
}

#listing	{
	float: left;
	margin-right: 35px;
	width: 125px;
}

#description	{
	float: right;
	margin-right: 35px;
	width: 475px;
}

#listing ul	{
	margin: -.8em 0 0 0;
}

#listing ul li	{
	list-style: none;
	margin: .7em 0 0 0;
}


/*________________________________________________________________________________________/* FAQs */

#faqs dt	{
	font-weight: bold;
	margin-top: 1.5em;
}


/*_______________________________________________________________________/* apply and application */

#application #main	{
	width: 670px;
	float: none;
}

#application .sign_in	{
	border-top: solid 1px #ccc;
	margin: 2em 0;
	padding: 1em;
}

#application h3	{
	color: #900;
}

#application option	{
	padding-right: 1em;
}

#application input	{
	border: solid 1px #999;
	border-top-color: #000;
	border-left-color: #000;
}

#application .sign_in table	{
	margin-left: -60px;
}

table.app	{
	border-collapse: collapse;
	background: #fff;
	width: 670px;
}

table.app td	{
	border: solid 1px #000026;
	padding: 10px;
}

/*_______________________________________________________________________________/* field reports */

#reports #description img	{
	float: left;
	margin: .75em 1em .5em 0;
	border: solid 1px;
}

#reports #main	{
	width: 670px;
	float: none;
}


/*_______________________________________________________________________________________/* forum */

#forum #main	{
	width: 670px;
	float: none;
}

/*_______________________________________________________________________________________/* gallery */

#gallery #main	{
	width: 670px;
	float: none;
}


/*______________________________________________________________________________________/* footer */

#footer	{
	clear: both;
	padding: 4em 0 2em 0;
}

#footer address	{
	display: block;
	width: 780px;
	text-align: center;
	color: #9A0000;
	font: normal .8em arial, sans-serif;
}

p.logo, p.logo a	{
	margin: 0;
	padding: 0;
	width: 155px;
	height: 14px;
	}

p.logo	{
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	margin: .5em auto 0 auto;
	}

p.logo a	{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/gdlogo.gif) no-repeat top left;
	}