body {
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
}

p, ul, input  { 
	color: #000000; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 80%;
}
/* all images (except languages) floated left unless otherwise specified */
img {
	float: left;
}
img.video, img.check {
	float: none;
	display: inline;
}

/* color schemes */
#red div.header, 
#red h3,
#red div.lowernav p {
	background-color: #730013;
}
#red div.study, 
#red div.bible,
#red div.smfeature {
	border: 1px solid #730013;
}
#red .tabbed .tab { 
	border: 1px solid #730013;
	border-top: none;
}

#blue div.header, 
#blue h3,
#blue div.lowernav p  {
	background-color: #002a5d;
}
#blue div.study, 
#blue div.bible,
#blue div.smfeature {
	border: 1px solid #002a5d;
}
#blue .tabbed .tab { 
	border: 1px solid #002a5d;
	border-top: none;
}


#green div.header, 
#green h3,
#green div.lowernav p {
	background-color: #004607;
}
#green div.study, 
#green div.bible,
#green div.smfeature {
	border: 1px solid #004607;
}
#green .tabbed .tab { 
	border: 1px solid #004607;
	border-top: none;
}


#brown div.header, 
#brown h3,
#brown div.lowernav p {
	background-color: #4a1a00; 
}
#brown div.study, 
#brown div.bible,
#brown div.smfeature {
	border: 1px solid #4a1a00;
}
#brown .tabbed .tab { 
	border: 1px solid #4a1a00;
	border-top: none;
}


#teal div.header, 
#teal h3,
#teal div.lowernav p {
	background-color: #00626e;
}
#teal div.study, 
#teal div.bible,
#teal div.smfeature {
	border: 1px solid #00626e;
}
#teal .tabbed .tab { 
	border: 1px solid #00626e;
	border-top: none;
}


#plum div.header, 
#plum h3,
#plum div.lowernav p {
	background-color: #2e0146;
}
#plum div.study, 
#plum div.bible,
#plum div.smfeature {
	border: 1px solid #2e0146;
}
#plum .tabbed .tab { 
	border: 1px solid #2e0146;
	border-top: none;
}

/* header items */
div.header {
	border: none; 
	border-bottom: #dddddd solid 2px;
	margin-bottom: 0;
	padding: 10px;
}
div.logo img {
	float: none;
}
	#search p {
		margin: 2px 5px;
		color: #ffffff;
	}

	#site-nav ul {
		margin: 0;
		list-style-type: none;	
		padding: 0;
	}
	#site-nav a {
		color: #ffffff;
	}


/* structure of page */
div.content {
	margin: 0 10px;
}

div.leftcolumn {
	width: 65%;
	min-width: 497px;  /*keeps from overlapping the oval */
	float: left;
	padding-bottom: 1em;
}
div.rightcolumn {
	width: 30%;
	float: right;
	text-align: left; /* IE4 */
	padding-bottom: 1em;
}


h2, h3, h4 {
	font-family: arial, helvetica, sans-serif; 
}

h1 { 
	font-size: 12px;
	font-family: Geneva, verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0 18px;
}
h2 { 
	font-size: 16px;
	margin: 5px 0;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0;
	padding: 5px 10px;
	color: #ffffff;
	border: none;
}
h4 { 
	font-size: 14px;
	margin: 0 0 5px;
}

.title, .blurb { 
	margin: 0;
}

div.wonder, div.smallads, div.languages, div.sign {
	border: #dddddd 1px solid;
}

/* left column sections */

div.feature {
	border:none;
	/* MAC IE filter \*/
	height: auto !important;
	height: 238px;
	min-height: 238px;
	/* end filter */
}
	div.feature .title {
	font-size: 26px;
	padding-top: 1.2em;
	}

/* hiding some styles from IE5 for MAC, which runs the script but can't handle the css */
ul.tabbednav
{
	display: none;
}
.tabbed .tab { 
	border: 1px solid #bbbbbb;
	margin: 0 0 2em;
	padding: 20px 20px 20px 10px;
}
.tabbed .tab p.title, .notabs p.title {
	font-size: 120%;
}
.tabbed .tab img, .notabs img {
	padding: 0 15px 5px 0;
}
.tabbed .tab p.blurb, .notabs p.blurb, div.feature p.blurb {
	font-size: 85%;
}
p.credit {
	font-size: 75%;
	margin: 0;
}


/* no scripting styles */
.notabs {
	padding-bottom: 0;
}
.notabs .tab {
	border: 1px solid #bbbbbb;
	margin: 1em 0 0;
	padding: 0 10px 10px;
}

div.wonder { 
	margin: 1em 0;
}

	div.wonder img {
	padding-right: 20px;
	}
	div.wonder .title {
	font-size: 24px;
	margin: .5em 0;
	font-weight: bold;
	}
	div.wonder .blurb {
	font-size: 100%;
	}

/* small ads */
div.smallads {
	padding: 20px 10px 0;
	margin: 1em 0;
}
	div.left {
	width: 48%;
	float: left;
	}
	div.right {
	width: 48%;
	float: right;
	}
	div.smallads p {
	font-size: 90%;
	}
	div.smallads img {
		padding: 0 5px 20px 0;
	}

/* right column sections */

div.languages {
	padding: 5px 10px;
	margin-bottom: 1em;
}
	div.languages img {
		float: none;
	}
	div.langleft {
	width: 38%;
	float: left;
	}
	div.langmid {
	width: 33%;
	float: left;
	}

div.sign {
	margin-bottom: 1em;
}
	div.sign img {
		float: right;
	}

div.bible, div.smfeature {
	padding-bottom: 10px;
	margin: 0 0 1em;
}
	div.bible p, div.smfeature p {
	margin: 0 10px;
	}
	div.bible p.title, div.smfeature p.title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

	div.study img { 
	padding-right: 1px;
	}
	div.study h2,
	div.study p,
	div.study form {
	margin-left: 10px;
	}
	div.study input.btn { 
		color: #333333;
		background: url(/images/index/bg_grad-lt.jpg) top left repeat-x #eeeeee;
		border: 1px outset #cccccc;
		padding: 0 10px;
		margin: 2px 0 0;
		cursor: hand;
	}

/* lower navigation */
div.lowernav p {
	padding: 5px 10px;
	color: #ffffff;
	border: none;
}
div.lowernav a:link, 
div.lowernav a:visited {
	color: #ffffff;
	text-decoration: none;
}
div.lowernav a:hover,
div.lowernav a:active {
	color: #ffffff;
	text-decoration: underline;
}

/* footer */
div.footer {
	margin-left: 10px;
	padding-bottom: 1em; 
}


/* hyperlinks */
a:link, 
a:visited {
	color: #0000CC;
	text-decoration: none;
}
a:hover,
a:active	 {
	color: #0000ff;
	text-decoration: underline;
}