/* CSS Document */

/* Name: Susan May

Author: Created by Justin Knupp - Stonecreek Media Inc.

Owner Copyright 2007 by Susan May.  All rights reserved.

Author URI: http://www.stonecreekmedia.com

Site URI: http://www.susanmay.com

Date: November 7, 2007

Version: 1.0  */





/* -------- Define HTML elements ------------ */



body {

	background-image: url(../images/bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}



p {

}



blockquote {

}



h1 {

	font-size: 36px;

}



h2 {

	font-size: 30px;

}



h3 {

	font-size: 24px;

}



h4 {

	font-size: 18px;

}



h5 {

	font-size: 16px;

}





/* -------- Define divider elements ------ */





.page {

	padding: 0px;

	height: 100%;

	width: 800px;

	margin-top: 20px;

	margin-right: auto;

	margin-left: auto;

}



.header {

	margin: 0px;

	padding: 0px;

	float: left;

	height: 275px;

	width: 800px;

}



.header1 {

	background-image: url(../images/header1.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 0px;

	float: left;

	height: 135px;

	width: 800px;

}



.header2 {

	background-image: url(../images/header2.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	padding: 0px;

	float: left;

	height: 140px;

	width: 800px;

}



.middle {

	background-image: url(../images/middleStrip.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	margin: 0px;

	padding: 0px;

	float: left;

	height: 100%;

	width: 800px;

	font-family: Arial, Helvetica, sans-serif;

}



.middleLeft {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 213px;

	min-height: 111px;

	height: auto;

	_height: 111px;

	background-image: url(../images/middleLeftTop.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}



.middleLeft ul li {

	margin-left: -20px;

}



.leftNav {

	height: 100%;

	width: 133px;

	float: left;

	padding-right: 20px;

	padding-left: 40px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 24px;

}



.leftNav a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



.leftNav a:visited {

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



.leftNav a:hover {

	color: #991314;

}



.middleLeftContent {

	float: left;

	height: 100%;

	width: 133px;

	padding-top: 25px;

	padding-right: 40px;

	padding-left: 40px;

	font-size: 12px;

	margin: 0px;

	overflow: visible;

}



.middleLeftContent a:link {

	font-weight: bold;

	color: #6D0E0C;

	text-decoration: none;

}



.middleLeftContent a:visited {

	font-weight: bold;

	color: #6D0E0C;

	text-decoration: none;

}



.middleLeftContent a:hover {

	font-weight: bold;

	color: #000000;

	text-decoration: underline;

}



.middleRight {

	margin: 0px;

	padding: 0px;

	float: right;

	width: 587px;

	background-image: url(../images/middleRightTop.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	min-height: 111px;

	height: 100%;

	_height: 111px;

}



.middleRightContent {

	margin: 0px;

	float: left;

	height: 100%;

	width: 530px;

	padding-right: 30px;

	padding-left: 10px;

	overflow: visible;

}



.middleRightContent a:link {

	font-weight: bold;

	color: #6D0E0C;

	text-decoration: none;

}



.middleRightContent a:visited {

	font-weight: bold;

	color: #6D0E0C;

	text-decoration: none;

}



.middleRightContent a:hover {

	font-weight: bold;

	color: #666666;

	text-decoration: underline;

}



.box {

	float: right;

	height: 100%;

	width: 200px;

	border: medium solid #730D09;

	padding-top: 10px;

	padding-bottom: 20px;

	margin-left: 10px;

	margin-top: 20px;

}



.box a:link {

	font-weight: bold;

	color: #6D0E0C;

	text-decoration: none;

}



.box a:visited {

	font-weight: bold;

	color: #6D0E0C;

	text-decoration: none;

}



.box a:hover {

	font-weight: bold;

	color: #666666;

	text-decoration: underline;

}

































/* --------- Define footer elements ---------- */



.footer {

	margin: 0px;

	padding: 0px;

	float: left;

	height: 107px;

	width: 800px;

}



.footer1 {

	background-image: url(../images/footer1.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 0px;

	float: left;

	height: 51px;

	width: 800px;

}



.footer2 {

	background-image: url(../images/footer2.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 0px;

	float: left;

	height: 56px;

	width: 800px;

}



.bottomNav {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	float: right;

	height: 26px;

	width: 590px;

	padding-top: 30px;

	padding-left: 10px;

	margin: 0px;

}



.bottomNav a:link {

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



.bottomNav a:visited {

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}



.bottomNav a:hover {

	font-weight: bold;

	color: #961416;

	text-decoration: underline;

}



.legal {

	float: left;

	height: 36px;

	width: 170px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	padding-top: 20px;

	padding-left: 20px;

	margin: 0px;

}



.stonecreek {

}



.stonecreek p {

color: #CCCCCC;

font-size: 10px;

line-height: normal;

}



.stonecreek a:link {

}



.stonecreek a:visited {

}



.stonecreek a:hover {

}





/* ----------- Define photo elements ------------ */



.photoLeft {

	float: left;

	padding-right: 8px;

}



.photoRight {

	float: right;

	padding-left: 8px;

	font-size: 10px;

	font-weight: bold;

	font-style: italic;

}
/* @start Contact Form */
/* @form label + field :: field class is useful for validation 
---------------------------------------------------------------------- */
.floraforms .field-icon i { 
	color:#9B1511; 
}
.floraforms .field-label em { 
	color:#9B1511;
}
/* @form element :hover state 
-------------------------------------------- */
.floraforms .flo-input:hover,
.floraforms .flo-textarea:hover,
.floraforms .flo-select > select:hover,
.floraforms .flo-selectmulti select:hover, 
.floraforms .flo-input:hover ~ .flo-hint,
.floraforms .flo-file .file-input:hover + .flo-input,
.floraforms .flo-textarea:hover ~ .flo-hint {
	border-color: #000;
}
/* @control border-size :: color etc for these elements 
----------------------------------------------------------- */
.floraforms .flo-input,
.floraforms .flo-select,
.floraforms .flo-textarea,
.floraforms .flo-select > select,
.floraforms .flo-selectmulti select {
	border: 1px solid #9B1511;
}
/* @primary button theme
-------------------------------------------- */
.floraforms .btn-themed {  background-color: #000;  }
.floraforms .btn-themed:hover,
.floraforms .btn-themed:focus { background-color: #56956b; }
.floraforms .btn-themed:active{ background-color: #56956b; }


.floraforms .alert-info { color:#9B1511; background-color: #fff; }
.floraforms .alert-success { color:#fff; background-color: #56956b; }
.floraforms .alert-warning { color: #fff; background-color: #9B1511; }
.floraforms .alert-error { color:#9B1511; background-color: #fff; }

/* @form element :focus state 
-------------------------------------------------------- */
.floraforms .flo-input:focus,
.floraforms .flo-textarea:focus,
.floraforms .flo-select > select:focus,
.floraforms .flo-selectmulti select:focus{ border-color: #9B1511; color: #333; }
.floraforms .flo-selectmulti select:focus, 
.floraforms .flo-input:focus ~ .flo-hint,
.floraforms .flo-textarea:focus ~ .flo-hint, 
.floraforms .flo-file .file-input:focus + .flo-input{ border-color: #9B1511; }
.floraforms .flo-select > select:focus + .arrow { color: #9B1511; }

/* @validation - error state
------------------------------------- */
.floraforms .state-error .flo-input,
.floraforms .state-error .flo-textarea,
.floraforms .state-error.flo-select > select,
.floraforms .state-error.flo-selectmulti > select,
.floraforms .state-error input:hover + .flo-checkbox, 
.floraforms .state-error input:hover + .flo-radio,
.floraforms .state-error input:focus + .flo-checkbox, 
.floraforms .state-error input:focus + .flo-radio,
.floraforms .state-error .flo-checkbox, 
.floraforms .state-error .flo-radio{
	background: rgba(255, 231, 192, 0.35);
	border-color: #9B1511;
}
/* @captcha + reload button
-------------------------------------------------- */
.floraforms .captcode {
	background: #fff;
    border: 1px solid #9B1511;
}
.floraforms .refresh-captcha i { 
	color: #000; 
	padding-top: 10px;
}
.floraforms .frm-header, .floraforms .frm-footer {
    padding: 0;
    background: #fff;
}