/* --------------------------------------
Style Sheet for Mckenzie Study Center's website
Originally written by Erin Julian
Adapted by Ron Julian
------------------------------------------ 

*/

* {
	margin: 0;
	padding: 0;
	}

/* Navigation Tabs */

	#nav-tabs li {
		float: left;
		list-style: none;
		}

	#nav-tabs li a:link, #nav-tabs li a:visited {
		display: block;
		width: 41px;
		height: 135px;
		}

	#clear {
		clear: both;
		}	
		
	/*GUTENBERG */
	.gutenberg a:link, .gutenberg a:visited, .gutenberg a:active  {
		background-color: #5C788E;
		}

		.gutenberg a:hover{
		background-color: #436583;
		}
		
	/*MSC*/
	.msc a:link, .msc a:visited, .msc a:active  {
		background-color: #93986E;
		}

		.msc a:hover{
		background-color: #828545;
		}

	/*ART PROJECT*/
	.artproject a:link, .artproject a:visited, .artproject a:active  {
		background-color: #66523D;
		}

		.artproject a:hover{
		background-color: #554025;
		}

	/*GUTENBERG PRESS*/
	#nav-tabs li.bookstore a:link, #nav-tabs li.bookstore a:visited {
		background-color: #BE7329;
		width: 40px;
		}

		#nav-tabs li.bookstore a:hover, #nav-tabs li.bookstore a:active {
		background-color: #a56022;
		}

/* The following styles apply to all pages in the template */

body {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background:url(images/background.jpg) repeat;
	}

#container {
	border: none;
	width: 960px;
	margin: auto;
	}

body.notfront #container {
	
	}

body.front #container {
	
	}

#header {
	height: 125px;
	margin-top:20px;
	}

#navigation {
	background-color: #EFECE3;
	float: left;
	width: 180px;
	border-left:  1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	}

#maincolumn {
	float: right;
	width: 760px;
	}

#content {
	/* background: url(http://www.gutenbergcommunity.org/images/template/contentbg.gif) repeat-y; */
	}

#footer {
	clear: both;
	height: 50px;
	margin-left:auto;
	margin-right:auto;
	}

#breadcrumbs p {
	margin: 0 0 0 10px;
	padding: 0;
	text-align:center;
	font-size: 100%;
	text-align:center;
	}

#footer-content p {
	padding: 20px 0px 0px 0px;
	text-align:center;
	}

fieldset {
	border: none;
	padding: 10px;
	}

#search {
	width: 130px;
	border: 2px solid #d1d1d1;
	padding: 3px;
	font-size: 85%;
	background-color: white;
	}

#searchsubmit {
	border: none;
	font-size: 85%;
	padding: 3px;
	color: #646464;
	font-weight: bold;
	}

.contentpod {
	padding: 15px 10px 20px 15px;
	}

.contentpodlower {
	padding: 15px 10px 10px 15px;
	border-top: 1px solid #d1d1d1;
	}

/* Typography (no colors) */

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	} 
	
#header-txt {
	text-indent:-3000px;
	background: URL(images/header.png) no-repeat;
	height: 125px;
    width:  960px;
	}

h1 {
	font-size: 180%;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	}

h2 {
	font-size: 140%;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 5px;
	}

h3 {
	font-size: 120%;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 5px;
	}
h1, h2, h3 {
	font-family: Georgia, serif;
	}

p {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 100%;
	color: #4d4d4d;
	}

#address {
	text-align: center;
	letter-spacing: .05em;
	font-size: 78%;
	margin-top: 15px;
	padding: 15px;
	color: #646464;
	}

p.author {
	padding: 0;
	font-size: 85%;
	color: #646464;
	}

blockquote {
	width: 320px;
	margin-left: 40px;
	padding-left: 10px;
	border-left: 10px solid #e6e6e6;
	color: #4d4d4d;
	}

dt {
	padding-bottom: 3px;
	padding-top: 8px;
	}

dd {
	padding-bottom: 4px;
	}

/* Images */

.featuredphoto {
	width:760px;
	height:100px;
	padding: 0px 0px 20px 0px;
	}

a img {
	border: none;
	}

img.homenav {
	margin-top: 5px;
	}

/* Begin Navigation Styles */

#mainnav  {
	padding-top: 0px;
	background-color: #f2f2f2;
	}

#mainnav ul  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #f2f2f2;
	border-bottom: none;
	}

#commnav ul  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #f2f2f2;
	}

#mainnav ul li a:link, #mainnav ul li a:visited, #commnav ul li a:link, #commnav ul li a:visited {
	display: inline;
	height: 30px;
	border-bottom: none;
	padding-left: 15px;
	}

#mainnav ul a, #commnav ul a {
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	}
	
#mainnav ul {
	background-color: #f2f2f2;
	border-bottom: none;
}

#mainnav ul {
	background-color: #f2f2f2;
}

#mainnav ul li a:link, #mainnav ul li a:visited, #commnav ul li a:link, #commnav ul li a:visited {
	display: block;
	line-height: 2.6em;
	height: 30px;
	}

#mainnav h3,#mainnav h3 a:link,#mainnav h3 a:visited {
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 100%;
	font-family: Arial,Helvetica,sans-serif;
	color: #ffffff;
}

li.genus {
	background:url(images/nav-h3-a-background.jpg);
}

li:hover.genus {
	background-position: 0 -30px;
}

li.species {
	background:url(images/nav-li-a-background.jpg);
}

li:hover.species {
	background-position: 0 -30px;
}

/* end experiment */


#mscnavbreak  {
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
	padding-bottom: 0;
	padding-left: 15px;
	font-size: 90%;
	font-weight: bold;
	border-top: 3px solid white;
	}

#navbreak  {
	font-size: 85%;
	font-weight: normal;
	color: #333333;
	margin: 0;
	padding: 0;
	background-color: #f2f2f2;
	padding-bottom: 0;
	}

.commtab {
	margin: 0;
	padding: 0;
	background-color: #991419;
	}
.commtab a:hover {
	background-color: #701921;
	}
#commnav ul li a:hover, #commnav ul li a:active {
	color: white;
	background-color: #991419;
	}
.mscrestab {
	margin: 0;
	padding: 0;
	background-color: #93986E;
	}
.mscrestab a:hover {
	background-color: #828545;
	}
.gutrestab {
	margin: 0;
	padding: 0;
	background-color: #5C788E;
	}
.gutrestab a:hover {
	background-color: #436583;
	}
.artprojectrestab {
	margin: 0;
	padding: 0;
	background-color: #66523D;
	}
.artprojectrestab a:hover {
	background-color: #554025;
	}
.pressrestab {
	margin: 0;
	padding: 0;
	background-color: #BE7329;
	}
.pressrestab a:hover {
	background-color: #a56022;
	}

p.lowbar {
	background-color: #003366; 
	padding-left: 10px; 
	margin-bottom:20px;
	color: white; 
	font-weight: bold;
}
/* TWO EQUAL COLUMN templates */

#main-middle {
	width: 461px;
	float: left;
	background:#f2f2f2;
	}

#main-right {
	width: 279px;
	float: right;
	background:#f2f2f2;
	}

#main-middle ul li {
/*	list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	list-style: square;
	padding-bottom: 7px;
	margin-left: 20px;
	}

#main-right ul li {
/*	list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	list-style: square;
	list-style-position: outside;
	padding-bottom: 7px;
	margin-left: 18px;
	}
#main-middle ol li {
	/* list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	list-style-position: outside;
	padding-bottom: 2px;
	margin-left: 20px;
	}
#main-right p {
	width: 260px;
	}

#main-middle p {
	width: 400px;
	}


/* WIDE MAIN COLUMN, THIN RIGHT COLUMN templates */

#article-middle {
	width: 461px;
	float: left;
	border-right: 1px solid #d1d1d1;
	background:#F2F2F2;
	}

#article-right {
	width: 279px;
	float: right;
	background:#F2F2F2;
	margin: 0px 0px 0px 0px;
	}

#article-middle p  {
	font-size: 100%;
	/*padding: 10px; */
	line-height: 1.3em;
	/* width: 432px; */
	}

#article-middle ul {
	/* list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	padding-top: 15px;
	}

#article-middle ol {
	/* list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	padding-top: 15px;
	}

#article-middle blockquote p {
	width: 320px;
	}

#article-middle ul li {
	/* list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	list-style: square;
	padding-bottom: 10px;
	margin-left: 20px;
	}

#article-middle ol li {
	/* list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	list-style-position: outside;
	padding-bottom: 15px;
	margin-left: 30px;
	}

#article-middle blockquote p {
	width: 320px;
	}

#article-middle table.tableimgright h4 {
	font-size: 100%;
	font-style: bold;
	}
#main-middle ul li, #main-right ul li, #article-middle ul li, #article-right ul li, #article-middle ol li  {
	font-size: 95%;
	color: #4d4d4d;
	}

#article-middle table.tableimgright {
	width: 420px;
	}

#article-middle img.imgleft { /* Image Left - Text Right */
     float: left;
     clear:left;
     padding-right: 1em;
     padding-bottom: 3px;
	 padding-top: 5px;
}

#article-middle img.imgright { /* Image Left - Text Right */
     float: right;
     clear:right;
     padding-left: 1em;
     padding-bottom: 1em;
}
#article-middle img.imgcenter { /* Image Left - Text Right */
	display: block;
	margin-left: auto;
    margin-right: auto;
	padding-top: 1em;
    padding-bottom: 1em;
}


#article-middle p { clear:both }

#article-right ul {
	/* list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	padding-top: 15px;
	}

#article-right ul li {
	/* list-style: url("http://www.gutenbergcommunity.org/images/template/bullet.gif"); */
	list-style: square;
	padding-bottom: 10px;
	margin-left: 10px;
	}

#article-right p  {
	font-size: 95%;
	line-height: 1.3em;
	 
	}


/* THREE COLUMNS templates */

#three-left {
	float: left;
	width: 283px;
	border-right: 1px solid #d1d1d1;
	}

#three-right {
	float: right;
	width: 320px;
	}

 #three-middle {
	width: 160px;
	float: left;
	border-right: 1px solid #d1d1d1;
	}

#three-farright {
	float: right;
	width: 159px;
	}

#three-lower {
	border-top: 1px solid #d1d1d1;
	}

#three-clear {
	clear: both;
	}

#three-right ul li {
	list-style: none;
	padding-top: 5px;
	}

.three-contentpod {
	padding: 15px 10px 10px 15px;
	}

.three-contentpodlower {
	padding: 15px 10px 10px 15px;
	border-top: 1px solid #d1d1d1;
	}

/* search pages */
.searchleft {
	width: 20px:
	float: left;
	}
.searchright {
	width: 580;
	float: right;
	}
/* printable pages */

.printable {
	width: 6in;
	}

/* Gutenberg Colors & Typography */

 body {
	background-color: #999999;
	} 

#breadcrumbs {
	background-color: none;
	text-align:center;
	}

a:link, a:visited {
	color: #003366;
	} 

a:hover, a:active {
	color: #0057AE;
	}

h2.newsfrontheading {
	font-size: 120%;
}

#breadcrumbs p a:link, #breadcrumbs p a:visited, #breadcrumbs p a:active {
	color:#003366;
	}

#breadcrumbs p {
	color: #333333;
	text-align:center;
	}

#breadcrumbs p a:hover, #footright p a:hover  {
	color: #333333;
	}

#xmainnav ul li:hover, #xmainnav h3:hover {
	color: white;
	background-color: #252060;
	}

#mainnav ul li a:hover, #mainnav h3 a:hover {
	color: none;
	}

/* Ron added this for vids and other things */

.vidcellright {
	float: right;
	width: 110px;
	}
.vidtextleft {
	float: left;
	width: 345px;
	}
#article-middle .contentpod .vidcellleft {
	float: left;
	clear: left;
	margin: 5px 10px 5px 0;
	}
#article-middle .vidtextright h3 {
	margin-top: 0px;
}
#article-middle div.vidtextright p {
	width: 300px;
}
#article-middle .vidplustext {
	display: block;
	}

#article-middle .vidtextunder {
	width: 450px;
	display: block;
	}

p.button {
	margin: 5px 0 15px;
	text-align: center;
}
p.button a:link, p.button a:visited {
	padding: 6px;
	background-color: #003366;
	color: white;
	-moz-border-radius: 5px;
	border-radius: 5px;}
p.button a:hover {
	padding: 6px;
	background-color: #0057AE;
	color: white;
	-moz-border-radius: 5px;
	border-radius: 5px;}
p.icons {
	text-align: center
}
p.icons img {
	margin-left: auto;
    margin-right: auto;
	padding: 3px;
}

p.gutfronttitle {
	margin: 15px 0 0 0;
	border-left: none;
	padding: 0 0 0 0px
}
p.gutfronttitle b {
	font-size: 15px;;
}
p.gutfrontdesc {
	margin: 0 0 0 6px;
	font-style: italic;
	margin: 0 0 0 0px;
}
hr.gutfronthr {
	margin: 5px 100px;
	color: #818d96;
	background-color: #818d96;
	color: #aaaaaa;
	background-color: #aaaaaa
	display: none;
}

#shadow {
	position:absolute;
}