/* == Default CSS to general browser values ============================ */
body	{
	color: #000000;
	background-color: #ffffff;
	*background-color: #ffff99;										/* IE7 and below */
	_background-color: #ffff99;										/* IE6 and below */
	}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	text-decoration: none;
	}
a img, :link img, :visited img {
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}


/* == Specific CSS for Serenity-Cottage ============================ */
body	{
	font-family: Verdana, Univers, Helvetica, Arial, sans-serif;
	font-size: 100%;
	}
b	{
	font-weight: 900;
	}
.right	{
	text-align: right;	
	}
.center	{
	text-align: center;
	}	
form.showInline	{
	text-align: right;
	display:inline;
	}	
h1	{
	font-family: Vivaldi, Monotype Corsiva, Brush Script MT, Lucida Handwriting, Mistral, Pristina, Script MT Bold, cursive;
	font-size: 280%;
	line-height: 1.5;
	}


/* == Specific CSS for Footer ============================ */
p.footer	{
	z-index:15;
	font-family: Vivaldi, Monotype Corsiva, Brush Script MT, Lucida Handwriting, Mistral, cursive;
	background-color:#336600;
	color:#99cc99;
	text-align:right;
	font-weight: 900;
	font-size: 280%;
	line-height: .9;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	height: 50px;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	}
.footer img	{
	margin: 0px 0px 0px 190px;
	padding: 0px 5px 0px 0px;
	}

/* == CSS for most pages on Serenity-Cottage ============================ */
div.background	{
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	min-height: 100%;
	background-color: transparent;
	border-left: 50px solid #336600;
	border-right: 50px solid #336600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
body.general	{
	z-index: 0;
	background:#99cc99;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.general div.name {
	position:relative;
	top:10px;
	left:20px;
	width:250px;
	border: 0px solid #99CCCC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#ffff99;
	}
.general div.name img {
	width:250px;
	}
.general div.menu {
	position:absolute;
	top:50px;
	left:0px;
	width:auto;
	background:#0066CC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 280px;
	}
.general div.menu p 	{
	white-space: nowrap;
	display:inline;
	float: left;
	font-size: 70%;
	color: #99cccc;
	background: #0066cc;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border-bottom: 0px solid #99CCCC;
	border-right: 1px solid #99CCCC;
	}
.general div.menu p a,
.general div.menu p a:visited	{
	width:auto;
	display:block;
	text-decoration: none;
	color: #ffff99;
	border-bottom: 0px solid #99CCCC;
	border-right: 0px solid #99CCCC;
	margin: -10px -10px -10px -10px;
	padding: 10px 10px 10px 10px;
	}
.general div.menu p a:hover	{
	display:block;
	color: #FFFF99;
	background: #669900;
	}
.general h1	{
	color: #0066CC;
	font-weight: 900;
	margin: 100px 0px 30px 240px;
	padding: 0px 0px 0px 0px;
	}
div.imagesleft	{
	z-index:20;
	position:relative;
	float:left;
	width:200px;
	top:0px;
	left:0px;
	margin: 0px 50px 40px -30px;
	padding: 0px 0px 0px 0px;
	}
div.imagesright	{
	z-index:20;
	position:relative;
	float:right;
	width:200px;
	top:0px;
	right:0px;
	margin: 0px -30px 40px 50px;
	padding: 0px 0px 0px 0px;
	}
div.imagesleft img,
div.imagesright img	{
	width:200px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.general div.text	{
	position:relative;
	width:auto;
	top:0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 200px;
	}
.general .text ul	{
	list-style-image: url('../images/dot.gif');
	margin-left:30px; margin-right:0px; margin-top:5px; margin-bottom:0px
	}
.general .text ul li	{
	line-height: 1.4;
	padding: 0px 0px 3px 0px;
	margin: 5px 0px 0px 0px;
	}
.general .text p 	{
	line-height: 1.4;
	padding: 10px 0px 15px 10px;
	}
.general .text p.right 	{
	text-align: right;
	line-height: 1.4;
	padding: 10px 0px 15px 10px;
	}
.general .text h2 	{
	color: #669900;
	font-weight: 700;
	font-size: 120%;
	margin: 15px 0px 5px 0px
	}
.general .text h3 	{
	color: #0066cc;
	font-weight: 700;
	font-size: 100%;
	margin: 15px 0px 5px 0px
	}
div.IllustrationsMenu	{
	margin: 0px 0px 80px 0px;
	padding: 0px 0px 0px 0px;
	}
.IllustrationsMenu img	{
	height: 100px;
	border: 1px solid #000000;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
div.image	{
	position:relative;
	width:500px;
	top:0px;
	margin: -20px 0px 0px 0px;
	padding: 0px 250px 0px 250px;
	}
.image img 	{
	width:500px;
	border: 2px solid #000000;
	}
.image p 	{
	display:block;
	font-size: 80%;
	line-height: 1.4;
	padding: 10px 0px 15px 10px;
	}



/* == CSS specifically for home page============================ */
body.home div.background	{
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color: transparent;
	border-left: 50px solid #336600;
	border-right: 50px solid #336600;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
body.home	{
	z-index:0;
	background: #000000 url('../images/home.jpg')  no-repeat top center;
	}
div.quote {
	z-index: 9;
	position:absolute;
	bottom:10%;
	left:2%;
	right:15%;
	background:#0066cc;
	color:#ffff99;
	border-bottom: 1px solid #99cccc;
	border-right: 1px solid #99cccc;
	margin: 0px 0px 0px 0px;
	padding: 5px 150px 5px 150px;
	}
.quote p {
	font-style:italic;
	font-size: 110%;
	line-height: 1.5;
	}
div.name {
	z-index: 10;
	border-bottom: 0px solid #99CCCC;
	border-right: 0px solid #99CCCC;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:absolute;
	width: 300px;
	top:7%;
	left:10%;
	}
div.menu {
	z-index: 10;
	background:#99CCCC;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:absolute;
	top:10%;
	right:15%;
	width:200px;
	border-right: 1px solid #99CCCC;
	}
.menu p 	{
	color: #FFCC99;
	font-weight: 900;
	font-size: 100%;
	margin: 0px 0px 0px 0px
	}
.menu a,
.menu a:visited	{
	display:block;
	text-decoration: none;
	color: #ffff99;
	background: #0066cc;
	width:180px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #99CCCC;
}
.menu a:hover	{
	color: #FFFF99;
	background: #669900;
	border-left: 0px solid #0066ff;
	}
.menu img	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #0066ff;
	}
	
	



#cmdOK	{
	float:right;
	width:80px;
	margin: -5px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
}
	
	
div.login	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.login form	{
	margin: 25px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
	width:50%;
	border-bottom: 1px solid #669900;
	}
.login td	{
	font-weight: 900;
	width:150px;
	}
.login input	{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.login p	{
	font-size: 90%;
	}
.login p b	{
	font-weight: 900;
	}
	
/* == CSS for admin forms/wizards============================ */
form.admin	{
	position:relative;
	width:auto;
	top:0px;
	margin: 0px 0px 50px 0px;
	padding: 0px 50px 0px 250px;
	}
.admin p 	{
	font-size: 90%;
	line-height: 1.4;
	padding: 10px 0px 15px 10px;
	}
.admin h2 	{
	color: #669900;
	font-weight: 700;
	font-size: 120%;
	margin: 15px 0px 5px 0px
	}
.admin h3 	{
	color: #0066cc;
	font-weight: 700;
	font-size: 100%;
	margin: 15px 0px 5px 0px
	}