/** main-navigation.css
 *
 *  Main Stylesheet
 *  Version: 3.0.21
 *
 *  Copyright (C) 2008 Thomas J. Giordano
 *  tjgiordano@hotmail.com
 * 
 *  Revised: 06-09-08
 *
 */

/*
 * Page body content
 */
body
{
	min-width: 900px;  
	max-width: 1004px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #eeeee7;
	font-family: Arial, Helvetica, sans-serif;
	position: relative; /* Vital for IE, otherwise elements don't re-center when page is stretched wider */
}
/*
 * Page body content for IE 6 only
 */
* html body
{
	width: expression((document.documentElement.clientWidth > 1008) ? "1008px" : ((document.documentElement.clientWidth < 900) ? "900px" : "auto"));
}
/*
 * Features column 
 */
div#featureditems
{
	width: 300px;
	float: left;
	position: relative;
}
/*
 * Inklings logo
 */
div#title
{
	background-color: #ffffff;
	margin-bottom: 15px;
	border-bottom-left-radius: 32px;
	-moz-border-radius-bottomleft: 32px;
	-khtml-border-bottom-left-radius: 32px;
	border-bottom-right-radius: 32px;
	-moz-border-radius-bottomright: 32px;
	-khtml-border-bottom-right-radius: 32px;
	position: relative; /* For IE */
}
a#logo
{
	height: 185px;
	background-image: url(title_logo_center_gray.gif);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
/*
 * Main feature
 */
div#feature
{
	border: 2px solid #ffffff;
	background-color: #73a824;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-khtml-border-radius: 32px;
	position: relative; /* For IE */
	margin-bottom: 20px;
	padding-bottom: 14px;
}
#feature p
{
	padding: 0px 25px 20px 25px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #f2eeb1;
	line-height: 21px;
}
#feature h1
{
	margin: 0px;
	padding: 34px 25px 20px 25px;
	color: #f2eeb1;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}
div#feature a
{
	color: #f2eeb1;
}
/*
 * Secondary feature 
 */
div#secondary
{
	border: 2px solid #ffffff;
	background-color: #cc9933;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-khtml-border-radius: 18px;
	position: relative; /* For IE */
}
#secondary h2
{
	margin: 0px;
	padding: 0px 18px 0px 18px;
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	line-height: 36px;
	text-align: center;
}
#secondary a
{
	color: #ffffff;
}
div#subsecondary
{
	padding: 15px 25px 0px 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4a4a4a;
	line-height: 21px;
}
#subsecondary p
{
	margin: 0px;
	padding-bottom: 12px;
}
#subsecondary a
{
	color: #a47b29;
}
#subsecondary .quote
{
	color: #785d29;
	padding-left: 0px;
	padding-right: 0px;
}
/*
 * Lists in feature and subsecondary
*/
#feature ul, #subsecondary ul, #feature ol, #subsecondary ol
{
	padding: 0px 0px 0px 14px;
	margin: 0px 0px -12px 0px;
}
#feature li, #subsecondary li
{
	padding-bottom: 10px;
}
/*
 * Document body column
 */
div#body
{
	margin-left: 310px;
	margin-right: 160px;
	background-color: #ffffff;
}
/*
 * Body main header (masthead)
 */
h1#header
{
	height: 134px; /* 182 - 48 */
	margin: 0px;
	padding: 48px 100px 0px 64px;
	background-image: url(header_background_center_green.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 27px;
	font-style: italic;
	font-weight: normal;
}
/*
 * Author and date (in header, below masthead text)
 */
h1#header span
{
	display: block;
	font-size: 13px;
}
/*
 * Transparent PNG image
 */
img#flowerwithtransparency
{
	background-image: url(header_photo_right_gazania.png); /* Set the flower image ALSO in section below: */	
	background-repeat: no-repeat;
	top: 0px;
	right: 172px; /* 12 + 150 + 10 */
	width: 205px; /* Aster=195px, Daffodil=225px, Gazania=205px, Hibiscus=266px, Dahlia=166px, Holly=180px, Carnation=180px, Iris=132px, WhiteRose=173px, Pansies=195px, Lily=195px, OWL=195px */
	height: 236px;
	position: absolute;
}
/*
 * Transparent PNG image for IE 6 only
 */
* html img#flowerwithtransparency
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='header_photo_right_gazania.png',sizingMethod='scale'); /* Set the flower image on IE 6, need to specify path relative to html document */
	background-image: none;
}
/*
 * Document body text
 */
.bodytext
{
	padding-left: 20px;
	padding-right: 20px;
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.bodytext h1, .bodytext h2
{
	margin: 18px 0px 18px -20px;
	padding: 0px 15px 0px 20px;
	background-image: url(body_header_right_beige.gif);
	background-repeat: repeat-y;
	background-position: top right;
	background-color: #eeeee7;
	color: #a47b29;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	line-height: 36px;
}
.bodytext a
{
	color: #a47b29;
}
.quote
{
	padding: 0px 30px 0px 30px;
	color: #73a824;
	line-height: 20px;
}
.green
{
	color: #73a824;
}
.brown
{
	color: #a47b29;
}
.center
{
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}
.right, .author
{
	text-align: right;
}
hr
{
	display: block;
	margin-top: 14px;
	margin-bottom: 14px;
	padding: 0px;
	border: 0px;
	height: 1px;
	background-color: #4a4a4a;
}
/*
 * Body image alignments
 */
.bodytext img
{
	/* A ''legacy'' mode to ensure that all images have a margin/border */
	border: 16px solid #ffffff;
	max-width: 95%; /* Make sure that images never exceed 95% of the width of the center column, IE6 version in setuppage.js, in setupPage() */
}
img.right, img.RIGHT
{
	/* Can't clear:right; we have a right-floated column */
	float: right;
	margin: 0px 0px 16px 16px;
	border: 0px;
	position: relative; /* Vital for IE 6, otherwise it appears under #body */
}
img.left, img.LEFT
{
	float: left;
	margin: 0px 16px 16px 0px;
	border: 0px;
	position: relative; /* Vital for IE 6, otherwise it appears under #body */
}
.farleft, .FARLEFT
{
	float: left; /* Need to float this for IE, since it will not use the margin of the #body, but instead, the margin of #body + any already floated left image */
	width: 280px;
	margin-left: -330px; /* 300 + 20 + 10*/
	border: 0px;
	text-align: center;
	position: absolute; /* Vital for IE 6 */
	overflow-x: hidden; /* In case there is an image that is too wide */
}
.farleft img, .FARLEFT img
{
	border: 0px;
}
/*
 * Lists in body
*/
.bodytext ul, .bodytext ol
{
	padding: 0px 0px 0px 14px;
	margin: 0px 0px -12px 0px;
}
.bodytext li
{
	padding-bottom: 16px;
}
ul .farleft, ul .FARLEFT, ol .farleft, ol .FARLEFT
{
	margin-left: -344px; /* 300 + 20 + 10 + 14 */
}
/*
 * Large width table in body column
 */
.tabledata
{
	margin-left: -318px;
	position: relative;
	background-color: #ffffff;
	padding: 16px 0px 16px 16px;
	border-bottom-left-radius: 16px;
	-moz-border-radius-bottomleft: 16px;
	-khtml-border-bottom-left-radius: 16px;
	border-top-left-radius: 16px;
	-moz-border-radius-topleft: 16px;
	-khtml-border-top-left-radius: 16px;
}
.tabledata table
{
	border: 0px;
	background-color: #4a4a4a;
	border-spacing: 1px;
}
.tabledata td, .tabledata th
{
	border: 0px;
	background-color: #ffffff;
	padding: 4px;
}
/*
 * Footer
 */
div#credit
{
	clear: both;
	height: 24px;
	margin-top: 30px;
	margin-bottom: 20px;
	background-image: url(footer_text_center_gray.gif);
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	color: #4a4a4a;
	line-height: 21px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
}
div.photocredit
{
	padding: 10px 20px 0px 20px;
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
div.photocredit a
{
	color: #a47b29;
}
div#related
{
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
div#related a
{
	color: #a47b29;
}
div#copyright
{
	height: 30px; /* 64 - 34 */
	margin-top: 18px;
	padding-top: 34px;
	background-image: url(footer_background_center_green.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #f2eeb1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	clear: both;
}
/* EOF */