/* Base styles for Trinity United Methodist Church */

/* Globals
---------------------------------------------------------------------------*/
body {
	font-family: "lucida grande", tahoma, verdana, sans-serif;
	font-size: 62.5%;
	margin: 0; 
	padding: 0;
	text-align: center;
}

.right, .left { border: 1px solid #eff1c6; background: #f8f9dc; padding: 5px;}
.right { float: right; margin: 0 0 5px 5px; }
.left { float: left; margin: 0 5px 5px 0;}

.bdrwhite { border: 1px solid #fff; }
.bdrnone, .last { border: none; background: none;}

/* Links
---------------------------- */
a { color: #3a79aa; text-decoration: none; }
a:hover, a:focus { color: #de7300; }
a:visited { color: #1f5987; }
a img { border: 0; }

/* Text
----------------------------- */
ul, ol { margin: 0; padding: 0; }

#searchbar ul li, #nav li, #subnav li, .anchors li { list-style: none; }

#nav li a { font-family: Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { margin: 0; }
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; }

p { margin: 0 0 16px 0; line-height: 1.4em; }

.graybold strong { color: #666; }

.green { color: #438a23; }
.red { color: #931709; }

/* Structure
----------------------------------*/ 
#wrapper {
	position: relative;
	width: 760px;
	margin: 0 auto;
	z-index: 2;
	font-size: 1.1em;
	text-align: left;
	color: #333;
}

#content { font-size: 1em; }

/* Header
----------------------------------*/
#header h1 {
	background: transparent url(/images/logo_new.gif) 0 0 no-repeat;
	margin: 20px 0 4px 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

#header h1 a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 218px;
	height: 50px;
}


/* Search and Second Tier Links
----------------------------------*/
#searchbar {
	float: right;
	background: #890f01;
	height: 25px;
	padding: 10px 15px 0 15px;
	font-size: 1.0em;
}

#searchbar ul { display: block; float: left; color: #d76623; }

#searchbar ul li { float: left; margin-left: 6px; }
#searchbar a { margin-right: 5px; }

#searchbar li a, #searchbar li a:visited { color: #fff; }
#search li a:hover, #searchbar li a:focus { color: #ff8400; text-decoration: none; }

#search { float: left; }

#keywords {
	color: #333;
	font-size: 1em;
	float: left;
	border: 0;
	padding: 3px;
	height: 13px;
	margin: -2px 5px 0 10px;
}

#searchTitle { display: none; }

#btnSearch { 
	float: left;
	background: url(/images/btn_search.gif) 0 0 no-repeat;
	height: 18px;
	width: 50px;
	padding: 0;
	margin: -1px 0 0 0;
	border: 0;
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

#btnSearch:hover { background: url(/images/btn_search.gif) 0 -18px no-repeat; }	

/* Nav
----------------------------------*/
#nav {
	width: 760px;
	margin: 7px 0 0 0;
	float: left;
	font-size: 1.2em;
}

#nav li {
	background: url(/images/bkg_mainNav.gif) 0 0 repeat-x;
	float: left;
	position: relative;
	height: 28px;
	margin-right: 1px;
	border-left: 1px solid #d3691a;
}

#nav li#navResources { margin-right: 0; }

#nav a {
	display: block;
	color: #fff;
	text-align: center;
	padding: 6px 0 0 0;
}

#nav a:hover { text-decoration: none; }

/* Default State */
#navHome  {width: 74px;}
#navVisitors  {width: 81px;}
#navKids  {width: 63px;}
#navYouth  {width: 74px;}
#navAdults  {width: 76px;}
#navWorship  {width: 90px;}
#navGetinvolved  {width: 115px;}
#navNews  {width: 70px;}
#navResources  {width: 100px; }

/* Hover State */
#nav li:hover, #nav li.over, #home #navHome, #visitors #navVisitors,
#kids #navKids, #youth #navYouth, #adults #navAdults, #worship #navWorship,
#getinvolved #navGetinvolved, #news #navNews, #resources #navResources, #contactus #navResources { 
	background: #620c0c;
	border-left: 1px solid #620c0c;
}


/* Footer
------------------------------------------*/
/*
#footer {
	width: 100%;
	background: #472206 url(/images/bkg_footer_texture.jpg) 0 0 no-repeat;
	float: left;
	margin: 0 0 0 auto;
	position: relative;
	left: auto;
}
*/

#footer {
	width: 100%;
	background: #472206;
	float: left;
	min-height: 320px;
	height: auto !important;
	height: 320px;
}

#footerbkg {
	background: #472206 url(/images/bkg_footer_texture.jpg) 0 0 no-repeat;
	width: 1044px;
	height: 316px;
	position: absolute;
	left: 50%;
	margin-left: -522px;

}


#footerContent {
	width: 760px;
	margin: 0 auto;
	color: #f9c666;
	text-align: left;
	font-size: 1.1em;

}

#footerText { float: left; padding: 10px 0;}

#footerContent p { margin: 0; }

#homewood {
	background: url(/images/homewood_tag.gif) 0 0 no-repeat;
	width: 135px;
	height: 23px;
	float: right;
	text-indent: -9999px;
}