/* @override http://www.relationship-education.org/css/common.css */
/*=====
SITE: Amnion
FILE: styles.css
CREATED: 10/15/2007
MODIFIED: 11/1/2007
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADER
III.	NAVIGATION
IV.		PRIMARY CONTENT
V.	 	SECONDARY CONTENT
VI. 	FOOTER
=====*/

/* @group GLOBALS */
body					{ font-size:62.5%; font-family:"Lucida Grande", arial, verdana, sans-serif; 
						  margin:0; padding:0; 
						  background:#fff8de url(/images/sub_body_bg.jpg) repeat-x center top; 
						}
body#home				{ background:#fff8de url(/images/body_bg.jpg) repeat-x center top; }
#outer-container		{ background:url(/images/sub_outer_container_bg.jpg) no-repeat center top; }
#home #outer-container	{ background:url(/images/outer_container_bg.jpg) no-repeat center top;   }
#container,
#footer-inner		{ margin:0 auto; width:930px; }
#mainContent		{ background:url(/images/maincontent_bg.jpg) no-repeat; margin-top:2em; }
.show 				{ display:block; }
.hidden, hr			{ display:none; }

.clearfix:after 	{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 	{ height: 1%;}
.clearfix 			{ display: block;}
/* End hide from IE-mac */


li, p				{ font-size:1.1em; color:#77684f; line-height:1.5em; }
img.left			{ float:left; margin-right:10px; margin-top:0px;}
/* @end */

/* @group HEADER */
#header				{ position:relative; height:470px; }
#home #header		{ height:440px; }
#header h1, 
#header h1 a		{ display:block; width:450px; height:65px; }
#header h1			{ 
					  background:url(/images/logo.png) no-repeat; margin:0; padding:0; position:absolute; top:35px; left:5px;					  		  text-indent:-999em;
					}
#topbar				{ position:absolute; top:10px; right:0; width:465px; }
#topbar	p 			{ margin-top:2px; float:left}
#topbar a img		{ border:0; }
#topbar a			{ font-size:12px; color:#625b78; text-decoration:none; }
#topbar a:hover		{ text-decoration:underline; }
#topbar form		{ float:right; margin:0 0 0 5px; padding:0; }
#topbar fieldset	{ border:0; margin:0; padding:0; }
#topbar label		{ margin:0; color:#625b78; font-weight:bold }

	/*@group TABS */	
	#thumbnail				{ 
							  display:block; width:89px; height:100px; position:absolute; top:181px; left:204px;
							  background:url(/images/student_tab_tn.png) no-repeat; z-index:100;
							}
	#tabs					{ 
							  position:absolute; top:185px;
							  display:block; width:924px; height:311px;  
							  background:url(/images/student-home-banner.jpg) no-repeat 293px top;
							}
	#banner					{ display:block; width:585px; height:259px; float:right; margin:29px 33px 0 0; background:url(/file/truth-1.png) no-repeat; }
	#home #tabs				{ top:151px; }
	#tabs ul				{ margin:45px 0 0; padding:0; list-style:none; width:283px; margin-left:9px}
	#tabs li				{ background:url(/images/tab_li_bg.gif) repeat-x left top; }
	#tabs li#students		{ background:none; }
	#tabs li span			{ display:none; width:89px; height:100px; position:absolute; left:204px; }
	
	#tabs li:hover span,
	#tabs li.active span	{ display:block; }
	
	#tabs li#students span	{ background:url(/images/student_tab_tn.png) no-repeat; top:32px }
	#tabs li#parents span	{ background:url(/images/parents_tab_tn.png) no-repeat; top:100px; }
	#tabs li#teachers span	{ background:url(/images/teachers_tab_tn.png) no-repeat; top:170px }
	#tabs li a				{ 
							  display:block; width:255px; height:44px; font-size:22px; color:#b6923d; 
							  text-decoration:none; padding-left:28px; padding-top:25px;
							}
	#tabs li.active			{ background:none; }
	#tabs li.active a,
	#tabs li a:hover,
	#tabs li:hover a		{ background:url(/images/tab_hover.jpg) repeat-x; color:#5f5132; }
	/* @end */
/* @end */

/* @group NAVIGATION */
#nav, #nav *, 
#navigation, #navigation * 		{ list-style:none;margin:0;padding:0;}
#navigation, #nav				{ position:absolute; top:140px; height:27px; }
#navigation li, #nav li			{ cursor:pointer;float:left;}
#navigation li a, #nav li a		{ display:block; font-size:1.3em; text-decoration:none; color:#fff; padding:0 12px; line-height:27px; }

#navigation li:hover,
#navigation li.current,
#nav li:hover,
#nav li.current					{ background:url(/images/current_nav_li.gif) no-repeat left top; padding-left:12px; }

#navigation li:hover a,
#navigation li.current a,
#nav li:hover a,
#nav li.current a				{ background:url(/images/current_nav_a.gif) no-repeat right top; padding-left:0; }

#navigation ul ul,
#nav li ul			 			{ position:absolute;left:-5000px;z-index:1001;}

#navigation li:hover ul ul,
#nav li:hover ul 				{ left:auto;}

#navigation li:hover ul ul,
#navigation li:hover ul ul ul,
#navigation li:hover ul ul ul ul,
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 		{ left:-5000px;}

#navigation li:hover ul ul,
#navigation li li:hover ul,
#navigation li li li:hover ul,
#navigation li li li li:hover ul,
#nav li:hover ul ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 		{ left:auto;}
#nav li:hover ul li:hover ul 	{ margin:-28px 0 0 140px;}
/* @end */

/* @group PRIMARY CONTENT */
#primaryContent	{ float:right; width:595px; background:url(/images/primarycontent_bg.gif) no-repeat left 25px; padding-left:20px; }
#home #primaryContent	{ background-position:left 22px; }
	/* @group HEADINGS */
	
	#primaryContent h2		{ margin:32px 0; font:bold italic 2em Georgia, "Times New Roman", serif; color:#e11133;  }
	#home #primaryContent h2{ margin:32px 0; }	
	#primaryContent h2 span	{ font-size:20px; color:#4e412a; }
	#primaryContent h3		{ font-size:1.6em; font-family:Georgia, "Times New Roman", serif; color:#4e412a; }
	#primaryContent h4		{ font-size:1.5em; }
	#primaryContent h5		{ font-size:1.4em; }
	#primaryContent h6		{ font-size:1.3em; }
	
	h3, h4, h5, h6			{ color:#e11133; }
	/* @end */

#primaryContent p			{ font-size:1.2em; line-height:1.5em; }
#home #primaryContent p		{ font-size:1.4em; line-height:2em; }
#primaryContent a			{ color:#e31e3a; text-decoration:underline; }
#primaryContent a.more			{ 
						  	  color:#e31e3a; font-family:Georgia, "Times New Roman", serif; font-style:italic; font-weight:bold; 
						  	  padding:10px 15px 10px 10px; background:#ffeead url(/images/arrow.gif) no-repeat 96% center;
							}
#primaryContent a:hover	{ text-decoration:none; }

	/* @group AUDIO */
	.audio								{ background:url(/images/dotted_bg.gif) repeat-x left bottom; padding:10px 0 20px; margin:1em 0; }
	.audio h3							{ margin-bottom:0; }
	#primaryContent .audio p.date		{ font-size:1em; margin-top:0; }
	/* @end */
/* @end */

/* @group SECONDARY CONTENT */
#secondaryContent 			{ float:left; width:225px; padding:0 30px;}
#secondaryContent a			{ color:#e11133; }
#secondaryContent a:hover	{ text-decoration:none; }
/* @end */

/* @group FOOTER */
#footer					{ background:#4b402e; margin:5em 0 0; padding:0; }
#footer-inner			{ padding-top:20px;height:300px; }
#footer p				{ color:#86775f; }
/* @end */

/* @group ROTATOR */
#rotator 	{ overflow: hidden; margin: 0; position: relative; width: 585px; height: 259px; margin-left:306px; top:-223px; background:#fec745;}
#rotator img{ border: 0; width: 585px; height: 259px; display:none; position:absolute; top:0; left:0; }
/* @end */