﻿/* commented backslash hack v2 \*/ 
html, body { height:100%; } 
/* end hack */ 

/*This 'body' section is a foundational part of the main page layout */
body { 
    font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 125%;
	padding:0px; 
	margin:0px; 
	background-color:#f5f5fd; 
} 
/*end: foundational part of the main page layout */

p { font-size: small; color: #333399; }
em { text-transform: uppercase; }

/*h1, h2, h3*/
h1, h2, h3, h4 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }
h1 { 
	font-size: x-large; 
	color: white; 
	font-weight: bold; 
	padding-top: .3em; padding-bottom: .2em; padding-left: .4em; 
	margin: 0; 
	background: navy url(http://www.bizplanassist.com/backgrounds/header-bg.jpg) repeat-y right;
}
h2 {
	color: black;
	font-size: large;
	font-weight: bold; 
	text-align: center;
	line-height: 125%;
	padding-top: .2em; padding-bottom: .2em; padding-left: .4em; 
	background: navy url(http://www.bizplanassist.com/images/Sunrise-&-Sunset-465.jpg) repeat-y right;
	}
h3 {
	color: #660000;
	font-weight: bold;
	font-size: xx-large;
	text-align: left;
	line-height: 125%;
	}

h4 {
	color: navy;
	font-size: 110%;
	font-style: italic; 
	}
	
	h1, h2, h3 { font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }
h1 { background-color: navy; color: white; }
h1 { font-size: x-large; color: white; 
padding-top: .3em; padding-bottom: .2em; padding-left: .4em; 
margin: 0; 
background: navy url(backgrounds/header-bg.jpg) repeat-y right;
}
/*end h1, h2, h3*/


/*Links & States*/
a { font-weight: bold; }
a:link { color: black; }
a:visited { color: navy; }
a:hover { text-decoration: none; color: white; background-color: navy; }
a:active { color: aqua; background-color: navy; }

a.leftnav { font-weight: bold; }
a.leftnav:link { color: #660000; text-decoration: none; }
a.leftnav:visited { color: navy; text-decoration: none;}
a.leftnav:hover { text-decoration: none; color: white; background-color: #660000; }
a.leftnav:active { color: aqua; background-color: navy; text-decoration: none; }

a.h1 { font-weight: bold; }
a.h1:link { color: white; text-decoration: none; }
a.h1:visited { color: white; text-decoration: none; }
a.h1:hover { text-decoration: none; color: white; background-color: #333399; }
a.h1:active { color: white; background-color: #333399; text-decoration: none; }

a.designer { font-weight: normal; }
a.designer:link { color: #333399; text-decoration: none; }
a.designer:visited { color: navy; text-decoration: none; }
a.designer:hover { text-decoration: none; color: white; background-color: #333399; }
a.designer:active { color: aqua; background-color: navy; text-decoration: none; }

a.sitemap { font-weight: normal; }
a.sitemap:link { color: navy; text-decoration: none; text-decoration: none; }
a.sitemap:visited { color: navy; text-decoration: none; }
a.sitemap:hover { text-decoration: none; color: white; background-color: #333399; }
a.sitemap:active { text-decoration: none; color: aqua; background-color: navy; }
/*end Link States*/

/*classes*/
ol.decimal {list-style-type: decimal; font-size: small; color: #333399; font-weight: normal; } 
ol.alphabets {list-style-type: lower-alpha; font-size: small; color: #333399; font-weight: normal; }
ul.disc {list-style-type: disc; font-size: small; color: #333399; }
ul.square {list-style-type: square; font-size: small; color: #333399; }
ul.none {list-style-type: none; font-size: x-small; font-weight: normal; text-align: left; color: #333399; }
ul.body1 {list-style-type: square; font-size: small; color: #333399; text-align: left; }
ul.bullet1 {list-style-image: url(images\bullets\102.gif); font-size: x-small; font-weight: bold; text-align: left; color: #333399; }
p.strong { font-size: small; color: navy; font-weight: bold; 
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size: 100%; }
p.strongred { font-size: small; color: #660000; font-weight: bold; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; }
p.footer2 {font-size: x-small; color: navy; }
p.designer {text-decoration: none; font-size: x-small; color: #333399; background-color: navy;font-weight: normal; }
.photos1 { float: right; margin: .5em 0 2em 1em; display: block; } 
.photos2 { float: right; margin: .5em 0 0.5em 0.5em; display: block; position: relative; right: 10px; top: -5px; } 
span.dropcap {
float: left;
color: navy;
width: 0.7em;
font-size: 400%;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
line-height: 75%;
}
span.required {color: red}
span.designer {text-decoration: none; font-size: x-small; color: #333399; font-weight: normal; }
b.red{color:red}

.fun {
 color: #339999;
 font-family: Georgia, Times, serif;
 letter-spacing: 0.05em;
}
.feature { float: right; margin: 10px; }
/*end classes*/

/*divs*/
#navigation { 
	top: 5px;
	padding-top: 10px; /*this pushes down the text*/
	text-align:left;
	position:absolute;
	left:-25px; /*this pushes the text to the left*/
}
#contentright {}
#howto {
	top: 5px;
	padding-top: 10px; /*this pushes down the text*/
	text-align:left;
	position:absolute;
	right:10px; /*this pushes the text to the left*/
}
#sitebranding { 
	display:block;
	width:100%;
	height:32px;
	text-align:left;
	padding-bottom:5px;
	}
#globalnav { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: x-small; font-weight: bold; 
	padding-bottom: .4em; padding-left: 1em;
	}
#search { position: absolute;
	top: 37px; right: 10px; font-size: x-small; font-weight: bold; color: white;
}
#tellfriendform {border: 1px solid #216ac5; background-color: #f2f5fa;}
#bookmark1 {position: absolute; display:block;  top: 15px; font-family: Verdana, Helvetica, Arial, sans-serif; 
			color: #333399; font-size: x-small; font-weight: bold; 
			padding-bottom: 15px; padding-left: 15px; text-decoration: none; margin-right: 5px;
}
/*end divs*/

/* start formtext1 section */
#formtext1 {display: block; width: 500px; margin: 1em; padding: .2em;}
.formtext1a {display: block; margin: .1em; }
p.formtext1 {float: left; text-align:left; font-size: small; color: #333399; margin:0; }
img.photos3 { float: right; margin: 0; padding: 0; display: block; position: relative; border: none; } 
/* end adbox section */

/* start adbox section */
#adbox {position: absolute; top: 350px; width: 158px; 
		margin: .5em; padding: .2em; border: 1px solid #216ac5;
		line-height: 75%; }
.adbox1 {display: block; margin: .2em; }
p.adbox1 {float: right; text-align:left; font-size: x-small; color: #333399; margin: .1em; }
img.adboxpic {margin: 0; padding: 0; display: block; float: left; border: none; }
/* end adbox section */

/* start text box section */
#box1 {position: absolute; top: 30px;}
.section {
display:block;
width: 150px;
margin: 10px;
padding-top: 0px;
border: 1px solid #216ac5;
background-color: #f2f5fa;
clear: both;
}
.sectionheader {
text-align: center;
font-size: x-small;
font-weight: bold;
padding: 5px;
color: white;
background-color: #216ac5;
clear: both;
}
.sectionbody {
color: black;
line-height: 125% 
}
.sectioncontent {
color: #00ff00;
padding: 10px;
font-size: x-small;
text-align: left;
text-decoration: none;
}	
/* end box section */

/*begin main site body layout */
#outer { 
	min-height:100%; 
	margin-left:180px; 
	margin-right:180px; 
	border-left:1px solid white; 
	border-right:1px solid white; 
	background-color:white; 
	margin-bottom:-51px; 
} 
* html #outer { 	/* Height for IE */ 
	height:100%; 
}
#header { 
	position:absolute; 
	border-top: 3px solid #7da5d8; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:70px; 
	background-color:#FF8000; 
	border-bottom:1px solid white; 
} 
#clearheader { 
	height:60px; 
} 

#left { 
	float:left; 
	width:180px; 
	margin-left:-179px; 
	position:relative; 
	left:-1px; 
} 
#right { 
	float:right; 
	width:180px; 
	margin-right:-179px; 
	position:relative; 
	right:-1px; 
}
#centercontent {
	padding-top: 10px; 
	padding-right: 50px; 
	padding-bottom: 10px; 
	padding-left: 50px; 
}
#footer { 
	font-size: x-small;
	text-align:center;
	padding-top: 10px; 
	width:100%; 
	clear:both; 
	height:50px; 
	border-top:1px solid white; 
	background: #bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right bottom; 
} 
#clearfooter { 
	height:51px; 
	clear:both; 
} 
/* end main site body layout */

/*forms - check this setting: form.contact fieldset { float: left; border: 1px solid navy; padding: 10px; margin: 0 0 1.5em 0; clear: both; background-color:#FFFFCC} */
form.contact fieldset { border: 1px solid #216ac5; padding: 10px; margin: 0 0 1.5em 0; clear: both; background-color: #f2f5fa; }
form.contact legend { 
	font-weight: bold; 
	font-size: small; 
	color: navy; 
	padding: 5px;
}
form.contact { padding: 0; margin: 0;  margin-top: -15px; line-height: 150%; border: 3px solid navy; padding-top: 0; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; background-color: #f2f5fa; }
form.contact label { font-weight: bold; font-size: small; color:#000099; } 
form.contact label.fixedwidth { display: block; width: 240px; float: left; text-align: right; margin-right: 1em; }
form.contact .buttonarea input {
	background: navy;
	color: white;
	font-weight: bold;
	padding: 5px;
	border: 1px solid white; 
}
form.contact .buttonarea { 
	text-align: center; 
	padding: 4px; 
	position: relative; left: 56px;
	background-color: #bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right bottom;
}
/*end forms*/

/*tables*/
table.events { border-collapse: collapse; }
table.events th, table.events td { padding: 4px; border: 1px solid #000066; }
table.events th { 
	font-size: x-small; text-align: left;
	background: #241374 url(backgrounds/header-bg.jpg); 
	color: #ffffff; 
	padding-top: 0; padding-bottom: 0; padding-left: 2px; padding-right: 2px;
}
table.events td { font-size: small; background: #e2edff url(backgrounds/td.jpg) repeat-x top; }
table.events caption { 
	color: #000066; 
	font-size: small; text-align: left; font-weight: bold; 
	padding-bottom: 5px; 
}
/*end tables*/

/* ie mac styles */ 
* > html #clearfooter { 
	float:left; 
	width:100%; 
} 
/* Combat IE’s 3 pixel gap */ 
* > html #centercontent { 
	height:1%; 
	margin-bottom:12px; 
} 
/* Safari Wrapper */ 
html > body #minHeight { 
	float:left; 
	width:0px; 
	height:100%; 
	margin-bottom:-52px; 
} 
/* Clear top margin for Mozilla */ 
div, p { 
	margin-top:0; 
}
