/* Unchanged */
@import "global-screen.css";
@import "homeheader-screen.css";
@import "footer-screen.css";

/* Layout for Main Content Areas */

#homeMain {
	width: 765px;
	margin: 0 0 0 12px;
	padding: 7px 0 0 0;
	background: #f4f3ed url(img/home_main_top.gif) no-repeat top left;
	clear: both;
	float: left;
	display: inline;
}

#homeContent { /* changes width of main column in About Us sections */
	width: 450px;
	float:left;
	display: inline;
	margin: 0;
	padding: 0;
	border: 1px solid #4d4d4d;
	background: #fff;
}

#homeSide { 
	width: 311px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}	

#footer {
	clear: both;
}

/* --NAVIGATION-- */
/* --Note: this technique uses the "Navigation Matrix", which comes from Dan Rubin and Didier Hilhorst at superfluousbanter.com */

/* the nav div is used to display the intricate white/olive grey design element borders, set as the background */
#homeNav {
	margin: 0;
	padding: 0;
	height: 40px;
}

/* the actual list begins here */
#homeNav ul {
	position: relative;
	margin: -1px 0 0 0;
	padding: 0;
	height: 40px;
	/*border-bottom: 1px solid #fff;*/
	list-style-type: none;
	overflow: hidden;
	/* the following sets the background of the list to eliminate a flickering issue in IE6 (see "Navigation Matrix Reloaded" at superfluousbanter.com */
	background: transparent url(img/main-nav-home.gif) no-repeat 0 0;
}

/* other "current page" rules will go here */

#homeNav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 19px;
}

#homeNav ul li a {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	width: 58px;
	height: 19px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	background: transparent url(img/main-nav-home.gif) no-repeat;
	border-bottom: 1px solid #fff;
}
	
/* Here is where the real work/fun begins. States are changed by changing the background position of the nav matrix. */

/* default link states */
#homeNav li#nav-knowgod a {width: 104px; left:0; border-right: 1px solid #fff; background-position: 0 0; }
#homeNav li#nav-training a {width: 113px; left:105px; border-right: 1px solid #fff; background-position: -105px 0; }
#homeNav li#nav-opps a {width: 93px; left:219px; border-right: 1px solid #fff; background-position: -219px 0; }
#homeNav li#nav-about a {width: 68px; left:0px; top:20px; border-right: 1px solid #fff; background-position: 0 -22px; }
#homeNav li#nav-mins a {width: 142px; left:69px; top:20px; border-right: 1px solid #fff; background-position: -69px -22px; }
#homeNav li#nav-store a {width: 51px; left:212px; top: 20px; border-right: 1px solid #fff; background-position: -212px -22px; }
#homeNav li#nav-give a {width: 48px; left:264px; top: 20px; background-position: -264px -22px; }

/* hover states */
#homeNav li#nav-knowgod a:hover {background-position: 0 -44px; }
#homeNav li#nav-training a:hover {background-position: -105px -44px; }
#homeNav li#nav-opps a:hover {background-position: -219px -44px; }
#homeNav li#nav-about a:hover {background-position: 0 -66px; }
#homeNav li#nav-mins a:hover {background-position: -69px -66px; }
#homeNav li#nav-store a:hover {background-position: -212px -66px; }
#homeNav li#nav-give a:hover {background-position: -264px -66px; }

/* current page states - not necessary, since this is home page */

/* homeUtil is named as such because this div includes a variety of "utilities" for finding information */

#homeUtil {
	background:#b0ae9c;
	margin: -1px 0 0 0;
	padding: 12px 16px 12px 16px;
}

/* Search Area */

#search {
	margin: 0;
	padding: 0;
	position: relative;
	border: 1px solid #b0ae9c;
}

form#search_form {
	height: 44px;
	margin: 0;
	padding: 0;
	font-size: 9px;
	color: #4d4d4d;
}

#search h3 {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	height: 30px;
	width: 60px;
	background: transparent url(img/search.gif) no-repeat -10px -8px;
	text-indent: -9999px;
}

#search input {
	margin: 0;
	padding: 0;
}

#search p#pbox {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 28px;
	left: 0;
	z-index: 9999;
}

#search p#pdrop {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 28px;
	left: 128px;
	z-index: 9998;
}

#search input#searchbox.formfield, #search input#searchbox {
	font-size: 11px;
	width: 120px;
	height: 14px;
	margin: 0;
	padding: 0;
}

#search p#pdrop select {
	margin: 0;
	padding: 0;
	font-size: 11px;
	width: 125px;  /* important: this width needs to be fixed to make things look correct in all browsers, due to variance in dropdown box widths. */
}

#search p#pbutton {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 31px;
	left: 258px;
	z-index: 2;
}

#search #pbgoogle {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 105px;
	height: 30px;
	top:  -6px;
	left: 45px;
	text-indent: -9999px;
	background: transparent url(img/google.gif) no-repeat top left;
	z-index: 1;
}

/* Home Page Questions */

ul#featLinks {
	margin: 12px 0 0 0;
	padding: 3px 0;
	list-style: none;
	width: 100%;
	background: transparent url(img/qdots2.gif) repeat-x top left;
}

ul#featLinks li {
	margin: 0;
	padding: 0 0 0 5px;
	height: 26px;
	background: transparent url(img/qdots.gif) repeat-x bottom left;
}


ul#featLinks li a {
	margin: 0;
	padding: 5px 0 0 0;
	height: 25px;
	width: 100%;
	display: block;
	text-decoration: none;
	overflow: hidden;
	font-size: 1.1em;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
}

ul#featLinks li:hover {
	background: #bfbeb0 url(img/qdots.gif) repeat-x bottom left;	
}

ul#featLinks li#featTop a {background: transparent;}

ul#featLinks li#featMiddle a {background: transparent;}

ul#featLinks li#featBottom a {background: transparent;}

ul#featLinks li#featBottom {
	background: transparent url(img/qdots2.gif) repeat-x bottom left;
	padding-bottom: 3px;
}

ul#featLinks li#featBottom:hover {
	background: #bfbeb0 url(img/qdots2.gif) repeat-x bottom left;
}

/* Quick Links */

#qlinks {
	margin: 12px 0;
	padding: 0;
	position: relative;
}

form#qlinks_form {
	margin: 0;
	padding: 0;
	font-size: 9px;
	color: #4d4d4d;
}

#qlinks h3 {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	height: 30px;
	width: 75px;
	background: transparent url(img/quicklinks.gif) no-repeat -1px -2px ;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}

#qlinks select {
	margin:  7px 0 0 0;
	width: 225px;
	font-size: 10px;
	border: none;
}

#qlinks select#countryMenu {
	margin:  25px 0 0 0;
}

/* Home Modules */
/* These are the modular items that sit in the bottom right corner of the home page */

#homeModules {
	margin: 0;
	padding: 0 0 7px 0;
	font-size: 0.9em;
	background: #dbd8c8 url(img/mod_bg.gif) repeat-y left top;
}

#homeModLeft, #homeModRight {
	width: 155px;
	margin: 0;
	padding: 7px 0 0 0;
	background: url(img/mod_top.gif) repeat-x top left;
	float: left;
	display: inline;
}

#homeModLeft {
	margin-right: 1px;
}

#homeModules p {
	margin: 3px 7px;
	padding: 0;
	color: #4d4d4d;
}

#homeModules a {
	text-decoration: none;
}

#homeModules a img {
	border: none;
	margin: -2px 0 7px 0;
	padding: 0;
}

#homeModules #poll p#pollQuestion {
	margin: -2px 0 0 0;
	padding: 7px 10px 5px 10px;
	background: #9f9f9f;
	color: #fff;
	font-weight: bold;
	height: 53px;
}

#homeModules #poll form#pollForm {
	margin: 10px 0 5px 0;
}
#homeModules #poll form#pollForm ul {
	list-style: none;
	margin: 3px 10px;
	padding: 0;
}

#homeModules #poll form#pollForm ul li {
	margin: 3px 0;
	position: relative;
}

#homeModules #poll form#pollForm li label {
	color: #4d4d4d;
	margin: 0 0 0 3px;
	position: absolute;
	top: 4px;
}

#homeModules #poll form#pollForm input {
	margin: 3px 3px 0 0;
	padding: 0;
	_margin: 0;/*underscore hack, only seen by IE, removes unneeded margins around radio buttons in IE */
}
/* IE7-only hack */
html>body #homeModules #poll form#pollForm input {
	*margin: 0;
}

#homeModules #poll form#pollForm #voteButton {
	margin: 5px 7px 5px 10px;
	padding: 0 5px;
	font-size: 9px;
}

/* MAIN CONTENT */

/* NEW: home page */

#rotArticle {
	margin: 0;
	background: transparent;
	height: 331px;
}

#rotArticle #cutline { background: #322b2b; margin: -2px 0 0; width: 450px; height: 25px; border-top: 1px solid #ffffff; border-bottom: 3px solid #a9a9a9;
/*	background: transparent url(img/rotating-slideshow.gif);
	margin: -75px 0 10px 0;
	height: 75px;
	width: 450px;
	position: absolute;
	z-index: 1; */
}

#rotArticle #cutline h1 {
	margin: 0;
	padding: 5px 25px 5px 25px;
	font-size: 1.2em;
	color: #ffffff;
}

#rotArticle #cutline a {
	color: #ffffff;
	text-decoration: none;
}

#rotArticle #cutline a:hover {
	color: #807243;
	text-decoration: none;
}

#rotArticle #cutline p{
	margin: 0 15px 0 15px;
	font-size: 1.1em;
	color: #ffffff;
}

#homeNews {
	position: relative;
	margin: 15px 24px 20px 24px;
	padding: 0;
}

h3#homeDate {
	color: #2e446e;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0 0 -5px 0;
}
	
#homeNews h1 {
	font-family: "Times New Roman", Times, serif;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 2.2em;
	font-weight: normal;
	text-align: left;
	color: #4d4d4d;
}

#homeNews h1 a {
	text-decoration: none;
	color: #4d4d4d;
}

#homeNews h1 a:hover {
	color: #000;
}

#homeNews p {
	font-size: 1.1em;
	text-align: left;
	margin: 8px 0;
}

#homeNews p.more a {
	text-decoration: none;
	font-weight: bold;
}