/* 
	Author: T.J. Stevens
	
	Title: screen.css
	Description: Home page styles
	Author: T.J. Stevens
	Last modified: June 13, 2008
	
	Revision History
	- Baseline styles created for v0 site
	
*/

/* GLOBAL STYLES */
* { margin: 0; padding: 0; border: 0; line-height: 140%; }
body { font-family: sans-serif, Geneva, Arial, Helvetica; 	font-size: 12px;	color: #333; 	text-align: center;	background: #FFF;	margin: auto;	background: url(../images/container-background.jpg) repeat-x; }
h1 { font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; color: #323363; border-bottom: 1px #CCC dashed; margin: 0 0 10px 0; }
h2 { color: #333; font-size: 13px; text-decoration: underline; }
h3 { font-size: 12px; font-family: "Courier New", Courier, monospace; margin: 0 0 3px 0; color: #555555; }
h4 { font-weight: bold; text-decoration: underline;	font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; }
p { color: #333; }
	p.small, a.small { font-size: 10px; }
a {	color: #323363;	text-decoration: underline; }
	a:hover { color: #333; text-decoration: none; }	
	a.current {	color: #333; }
	a.sitemap {	color: #333; text-decoration: none;	}
	a.sitemap:hover { text-decoration: underline; }
input, textarea { border: 1px solid #666; padding: 0 2px 1px 2px; margin: 0 6px 0 0; font-size: 13px; }
select { border: 1px solid #666; margin: 0 6px 0 0; padding: 2px; font-size: 14px; }
option { padding: 0 5px; }
input.checkbox { border: 0; }

/* CONTAINER */
#container { margin: 20px auto;	width: 900px; background: url(../images/body-background.jpg) repeat-y #FFF; }

/* HEADER */
#header { text-align: left; width: 900px; height: 135px; }

/* MAIN */
#main {	width: 900px; background: url(../images/body-background.jpg) repeat-y; }

/* LEFTNAV */
#leftnav { float: left;	width: 210px; padding: 10px 0px 0 15px;	text-align: left; }
#leftnav ul { list-style-type: none; display: inline; }
#leftnav ul li { height: 20px; background: url(../images/ln-background-off.jpg) no-repeat; margin: 5px 0 5px 0px; }
#leftnav ul li a { padding: 2px 5px 3px 10px; font-size: 11px; color: #333;	text-decoration: none; display: block; background: url(../images/ln-background-off.jpg) no-repeat; }
#leftnav ul li a:hover, #leftnav ul li a.current, #leftnav ul li a.parentcurrent { background: url(../images/ln-background-on.jpg) no-repeat; color: #000; }
#leftnav ul li ul { list-style-type: none; margin: 0 0 0 20px; }
#leftnav ul li ul li { background: none; margin: 0;	}
#leftnav ul li ul li a { margin: 0 0 0 10px; padding: 3px 13px; font-size: 11px; color: #999; }
#leftnav ul li ul li a:hover, #leftnav ul li ul li a.current { color: #000;	background: url(../images/list-subbullet.gif) no-repeat 0px 7px; }
#leftnav-address { font-size: 11px; margin: 30px 0 10px 9px; height: 100%; position: absolute; bottom: 15px; height: 150px; display: none;  /*Hide it initially and let the colmatch JS unhide it*/	}

/* MAINCONTENT */
#maincontent { float: left; width: 460px; padding: 10px 0px 0 0px; text-align: left; min-height: 275px; }
#maincontent ul { list-style-type: none; }
#maincontent ul li { margin: 5px 5px 5px 0; padding: 0 0 0 15px; background: url(../images/list-subbullet.gif) no-repeat 2px 4px; }
#maincontent ul li ul { list-style-type: none; }
#maincontent ul li ul li { font-size: 11px;	margin: 5px 15px 5px 0;	padding: 0 0 0 25px; background: url(../images/list-subbullet.gif) no-repeat 0 0; }
.yui-toolbar-container ul li { background: none !important;	margin: 0 !important; padding: 0 !important; }
#main-outerbox { border: 1px solid #666; width: 450px; padding: 1px; }
#main-innerbox { border: 1px solid #666; width: 438px; padding: 5px; }
#light { background-color: #F0F0F0;	margin: 2px 0 2px 0; }
#light:hover { background-color: #DDDDDD; }
#dark { background-color: #DDDDDD; margin: 2px 0 2px 0;	}
#dark:hover { background-color: #CCCCCC; }
#contactsuccess img { display: none; }
#directions-left, #careers-left { float: left; width: 315px; padding: 0 20px 0 0; }
#directions-right, #careers-right {	float: left; text-align: center; width: 200px; }
#careers-right p { font-size: 10px; }
table.media-table { border: 1px solid #666;	padding: 2px; }
tr.media-rowhead { background: #999999; font-weight: bold; color: #FFF;	}
tr.media-rowhead td, tr.media-rowlight td, tr.media-rowdark td { padding: 2px 5px; font-size: 90%; }
tr.media-rowlight {	background-color: #F0F0F0; font-size: 12px;	}
tr.media-rowlight:hover { background-color: #DDDDDD; }
tr.media-rowdark { background-color: #DDDDDD; font-size: 12px; }
tr.media-rowdark:hover { background-color: #CCCCCC;	}
		
/* RIGHTNAV */	
#rightnav {	float: left; width: 155px; padding: 10px 30px 0 30px; text-align: left;	min-height: 275px; }
#right-outerbox { border: 1px solid #666; width: 140px; padding: 1px; }
#right-innerbox { border: 1px solid #666; width: 128px; padding: 5px; }
#right-innerbox p {	margin: 5px 0 5px 0; }
#right-innerbox p.icon { float: left; }
#right-innerbox p.latest-date {	float: left; font-size: 14px; margin: 10px 0 0 5px;	}
#right-innerbox p.scripture { clear:both; margin: 0 0 0 8px; font-size: 11px; }
#right-innerbox p.speaker { margin: 0 0 0 8px; }
#right-innerbox p.title { margin: 0 0 0 8px; font-style: italic; }
#right-innerbox p.links { margin: 10px 0 0 8px; font-size: 10px; }
#right-innerbox p.download { margin: 10px 0 0 8px; }
	
/* HOME ALERT */		
#homealert { padding: 5px; text-align: center; }
#homealert h1 { border-bottom: 1px #666 dashed; margin: 0 0 5px 0; }
#homealert.Easter { border: 2px solid #F17CA8; }
#homealert.Easter h1 { color: #688A20; }
#homealert.Christmas { border: 2px solid #DC0505; }
#homealert.Christmas h1 { color: #336600; }
#homealert.General { border: 2px solid #666; }
#homealert.General h1 { color: #8C2529; }

/* FOOTER */		
#footer { clear: both; float: none; width: 900px; height: 105px; background: url(../images/ftr-background.jpg) no-repeat 0px 20px; padding: 25px 0 0 0;	text-align: center;	line-height: 100%; }
#footernav { width: 100%; text-align: center; }
#footernav ul { list-style-type: none; margin: 0 0 0 230px; }
#footernav ul li { padding: 0 10px 0 10px; float: left;	background: url(../images/ftr-list-border.gif) no-repeat 0 6px;	}
#footernav ul li.first { background: none; }
#footernav ul li a { font-size: 9px; }
#footer p { clear: both; font-size: 9px; color: #666; margin: 5px 0 0 0; padding: 3px 0 0 0; background: none; }
	
/* FIELDSET */
#maincontentbody form fieldset { font-family: sans-serif, Geneva, Arial, Helvetica; font-size: 12px; border: 0; border-top: 1px solid #A7A083; border-bottom: 1px solid #A7A083; margin: 0; background-color: #FFF; color: #333; width: 500px; padding: 0 0 10px 0; }
#maincontentbody form legend { padding: .5em .5em 0 .5em; font-weight: bold; }
#maincontentbody form label { display: -moz-inline-block; _display: inline-block; line-height: 1.8; vertical-align: top; width: 160px; float: left; margin: 0; padding: 0; }
#maincontentbody form fieldset ul { margin: 0; padding: 0; }
#maincontentbody form fieldset li { list-style: none; padding: 5px; margin: 0; background-color: #FFF; clear: both; background-image: none; }
#maincontentbody form fieldset li.last { padding: 5px 5px 30px 5px; _padding: 5px 5px 15px 5px; border-bottom: 0px; }
#maincontentbody form em { font-weight: bold; font-style: normal; color: #333; }
#maincontentbody fieldset input, #maincontentbody fieldset textarea, #maincontentbody fieldset select { font-family: sans-serif, Geneva, Arial, Helvetica; font-weight: normal; padding: 1px; border-top: 1px #404040 solid; border-right: 1px #D4D0C8 solid; border-bottom: 1px #D4D0C8 solid; border-left: 1px #404040 solid;	float: left; }
input.radio, input.checkbox { border: 0; float: none; }

/* MENS DISCIPLESHIP */
.video { margin-top: 15px; width: 100%; }
.video-thumb { float: left; padding: 2px; border: 2px solid #CCC; margin-top: 1px; }
.video-text { float: left; padding-left: 10px; }

/* FLASH PLAYER */
.getflash { margin-top: 15px; width: 100%; }
.flash-thumb { float: left; padding: 2px; border: 2px solid #CCC; }
.flash-text { float: left; padding-left: 10px; }