/* CSS Document */
* {
	margin:0px;
	padding:0px;
}

body {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 16pt;
	color: #333;
	background-color:#7773D0;
	margin:0px;
	text-align:center;
	behavior:url(csshover.htc);
}



blockquote {
	margin:0 0 10px 20px;
	font-style:italic;
}

#home {
	margin-top:45px;
	color:#fff;
	letter-spacing:2px;
	text-transform:uppercase;
}

#home a {
	color:#fff;
	text-decoration:none;
}

#home p {
	margin-top:10px;
}

#home a:hover {
	color:#FEEE3A;
}

#container {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	text-align:left;
	background-image: url(images/design/back.png);
	background-repeat:repeat-y;
}

#header {
	height:180px;
	background-image: url(images/design/header.png);
	background-repeat:no-repeat;
}

#header2 {
	height:180px;
}

#logo {
	float:left;
	margin:0 0 5px 10px;
}

#type {
	float:right;
	margin:0px 20px 0 0;
	width:250px;
	text-align:right;
	height:90px;
}

div#navigation {
	width:840px;
	font-size:10pt;
	text-align:left;
	margin:0 80px;
	background-color:#f90;
}

div#navigation li {
	float:left;
	position:relative;
	list-style-type:none;
	border-right:1px solid #fff;
	z-index: 13000;
}

div#navigation li:hover {
	color:#4F6593;
	background-color:#7470CD;
}

div#navigation a {
	display:block;
	padding:1px 15px;
	color:#ffffff;	
	text-decoration:none;
}

div#navigation a:hover {
	color:#fff;
	background-color:#322F7D;
}
 
div#navigation ul li ul {
	margin:0;
	position:absolute;
	width:13em;
	left:-1px;
}

div#navigation ul li ul li {
	width:100%;
	border-left:1px solid #ffffff;	
	border-bottom:1px solid #ffffff;	
	border-right:1px solid #ffffff;	
	background-color:#7470CD;
}

div#navigation ul li ul li:first-child {
	border-top:1px solid #ffffff;	
}

div#navigation ul li ul li:hover{
	background-color:#322F7D;
}


body div#navigation ul li ul {
	display:none;
}

body div#navigation ul li:hover ul, div#navigation ul li ul:hover, div#navigation ul li ul li ul:hover {
	display:block;
}

body div#navigation ul li ul li ul {
	visibility:hidden;
	top:-1px;
	width:18em;
	left:13em;
}

div#navigation ul li ul li:hover ul {
	visibility:visible;
}

* html div#navigation ul li ul {
	border-top:1px solid #ffffff;
	border-left:0px;
}
.left {
	border-left: 1px solid #414E73;
}

#content {
	margin:20px 80px 0 80px;
}

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

* html .clearfix {
	height:5px;
}

.clearfix {
	display:block;
}	

#quotes {
	font-family:Times New Roman, serif;
	font-size:15pt;
	line-height:18pt;
	font-style:italic;
	width:400px;
	color:#322F7D;
	border-top:1px solid #9C3;
	margin:25px 20px 0 0px;
	padding:20px 50px 0 50px;
	text-indent:-10px;
}

* html #quotes {
	margin-right:5px;
}

#copy {
	font-size:10pt;
	margin:0 40px;
}

#copy h1, #copy h2 {
	font-family:Times New Roman, serif;
}


#copy h1 {
	font-size: 18pt;
	font-weight:300;
	line-height: 16.5pt;
	color:#322F7D;
	text-align:left;
	margin:0 0 5px 0;
}

#copy h2 {
	font-size: 14pt;
	font-weight:600;
	line-height: 16.5pt;
	color:#23AAB8;
	text-align:left;
	margin:10px 0 0px 0;
}

#copy h3 {
	font-size: 11pt;
	font-weight:normal;
	line-height: 13pt;
	text-transform:uppercase;
	color:#7773D0;
	text-align:left;
	margin:0 0 5px 0;
}

#copy h4 {
	font-size: 10pt;
	font-weight:normal;
	line-height: 12pt;
	text-transform:uppercase;
	color:#000;
	text-align:left;
	margin:0 0 5px 0;
}


#copy p {
	margin-bottom:10px;
}

#copy p img {
	float:right;
	margin:0 0 10px 15px;
	border:8px solid #f90;
}

#copy a {
	color:#414E73;
	text-decoration:underline;
}

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

hr {
	margin:20px 0;
}

#copy ul {
	text-align:left;
	margin:5px 30px 20px 30px;
}

#copy li {
	text-align:left;
	margin: 5px 15px 5px 25px;
	line-height:13pt;
}

#copy p.instructions {
	text-indent:0px;
}

#copy p.instructions img {
	float:left;
	border:0px;
	margin-right:8px;
	margin-left:0px;
	margin-bottom:2px;
}

.noBullets {
	list-style-type:none;
}

#photo {
	float:right;
	width:180px;
	margin:0 25px 20px 20px;
	font-size:8pt;
	color:#333;
	line-height:9pt;
}

#footer {
	height:90px;
	font-size: 8pt;
	font-style: normal;
	line-height: 16pt;
	background-image: url(images/design/footer.png);
	background-repeat:no-repeat;
	background-color:#9c3;
	padding-top:70px;
}

#footer p {
	margin:0 80px;
}

#footer a {
	color:#322F7D;
	text-decoration:none;
	margin:0 3px;
}

#footer a:hover {
	color:#f90;
	text-decoration:underline;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*Gershon's butterfly free bibliography*/

#boxx ul li{
	float:left;
	list-style-type:none;
	margin-right:3px;
	margin-bottom:20px;
	background-color:#eeeeee;
	border:1px solid #7773D0;
	display:block;
	height:200px;
	position:relative;
	text-decoration:none;
}

#boxx ul li img{
	border:0px;
	width:108px;
	margin:10px 10px 10px 10px;

}

#boxx ul li a {
text-decoration:none;
border:0px;
}

/*moo tools*/

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: #C3DF7D;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #C3DF7D;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

.title {
	font-style:italic;
	font-weight:500;
}

.biblio {
	margin:80px 0 0 0;
}

#biblioLink {
	float:right;
	font-size:.9em;
	width:300px;
	text-align:right;
}

.noListStyle {
	list-style-type:none;
}

.fitchism {
	font-weight:bold;
	margin-top:4px;
}

.question {
	font-weight:bold;
	font-style:italic;
	margin-top:4px;
	display:block;
}

#bio {
	float:right;
	width:200px;
	padding:20px;
	margin:0 0 15px 15px;
	border:1px solid #999;
	font-size:.9em;
	line-height:1.4em;
}

#bio ul {
	margin:0;
}

#bio li {
	margin:4px 0 0 0;
}

#homeBio {
	display:none;
}

/*ticker*/

#ajaxticker1{
	width: 200px;
	height: 100px;
	background-color: #FF9900;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	background-color: #FF9900;
	padding: 10px;
	width: 180px;
}

#poetrycenter{
text-align:center;
}

/****PHP Latest News Nav (Word up to Rich K! What what!?!)***/
#newsnav {
	float:right;
	width:200px;
}

#newsnav ul {
		background-color:#99cc33;
}

#newsnav li {
		list-style:none;
		border-bottom:thin solid #FFFFFF;
		text-align:center;
		margin:0px;
		padding:0px;
}

#newsnav li a {
		text-decoration:none;
}