@charset "utf-8";
body {
	background: #ffffd9;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #7E807D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	behavior:url(csshover.htc);
}
* {
	margin: 0; 
	padding: 0;
}
#container { 
	width: 775px;
	background: #FFFFd9;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	 padding: 5px 10px;
} 
#header img {
	float:left;
}
#header h1 {
	position:relative;
	height:80px;
	padding-left:80px;
	padding-top:20px; 
	font-size:2.5em;
	overflow:hidden;
}
#header h1 span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/logo.jpg) 10px top;
	background-repeat:no-repeat;
}
#sidebar1 {
	float: left; 
	width: 160px;
	padding: 15px 0;
}
/*navigation*/
div#nav {
	width:160px;
	background:#ffffd9;
}
div#nav ul {
	margin:0;
	padding:0;
	width:160px;
	background:#ffffd9;
	border:1px solid #0099FF;
	border-bottom:0;
}
div#nav li {
	position:relative;
	list-style:none;
	margin:0;
	border-bottom:1px solid #0099FF;
}
div#nav li:hover {
	background:#ffffd9;
}
div#nav li.submenu {
	background: url(../images/right-green.gif) 95% 50% no-repeat;
}
div#nav li.submenu:hover {
	background: url(../images/right-red.gif) 95% 50% no-repeat;
}
div#nav li a {
	display:block;
	padding:0.25em 0 0.25em 0.5em;
	text-decoration:none;
	width:155px;
	color:#7E807D;
}
div#nav li a:hover {
	color:#0099FF;
	text-decoration:underline;
}
div#nav>ul a {
	width:auto;
}
div#nav ul ul {
	position:absolute;
	top:0;
	left:160px;
	display:none;
}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {
	display:block;
}
/*end navigation*/
#sidebar2 {
	float: right;
	width: 150px;
	padding: 10px 0;
}
#sidebar2 p.testimonial {
	font-style:italic;
	padding-bottom:0;
	margin-bottom:0;
}
#sidebar2 p.author {
	padding-top:0px;
	font-size:90%;
	font-weight:bold;
	text-indent:20px;
}
#sidebar2 a {
	color:#7E807D;
	font-style: italic;
	font-weight:bold;
	text-decoration:none;
}
#sidebar2 a:hover {
	color:#0099FF;
	text-decoration:underline;
}
#mainContent { 
	margin: 0 160px 0 170px;
}
*html #mainContent {
	width:425px;
}
#mainContent h1 {
	padding-left:40px;
}
#mainContent p {
	padding:0 35px 15px 35px;
	text-align:justify;
}
#mainContent blockquote {
	padding:5px 60px 10px 60px;
	font-style:italic;
	text-align:justify;
}
#mainContent hr {
	margin-bottom:8px;
	margin-top:8px;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/**html #mainContent hr {
	text-align:center;
}*/
#mainContent a {
	color: #666666;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}
#mainContent a:hover {
	color:#0099FF;
	text-decoration:underline;
}
#mainContent h4 {
	/*font:1.1em "Comic Sans MS";*/
	margin-left:10px;
}
#image_box {
	width:255px;
	background:#ffffff;
	padding:6px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #3399ff;
	margin-bottom:10px;
	/*margin-top:10px;*/
}
#image_box2 {
	width:250px;
	background:#ffffff;
	padding:6px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #3399ff;
	margin-bottom:10px;
	/*margin-top:10px;*/
}
#footer { 
	padding: 5px 0 5px 10px ;
	font-size:80%;
	font-weight:bold;
} 
#footer span {
	padding-left:420px;
}
#footer span a {
	color:#7E807D;
	text-decoration:none;
}
#footer span a:hover {
	color:#3399ff;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 10px 0 10px 10px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin: 9px 9px 9px 0px;
}
.fltlft2 { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin: 4px 9px 9px 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.box {
	width:150px;
	border:1px solid  #3399FF;
	margin-right:5px;
	margin-bottom:10px;
	padding:5px;
	display:block;
}
.box2 {
	width:150px;
	margin: 10px 0 0 0;
	padding:5px;
	border:1px solid #3399ff;
}
.box2 a {
	color:#7E807D;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
.box2 a:hover {
	color:#3399FF;
	text-decoration:underline;
}
.box2a {
	width:150px;
	margin: 10px 0 0 0;
	padding:5px;
	border:1px solid #3399ff;
}
.box2a a {
	color:#7E807D;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
.box2a a:hover {
	color:#3399FF;
	text-decoration:underline;
}
.box2a h5 {
	font-size:120%;
	text-align:center;
}
.box2a img {
	border:1px solid #3399ff;
	background:#ffffff;
	padding:5px;
	margin:5px 0;
}
.box a {
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}
.box a:hover {
	color:#3399FF;
	text-decoration:underline;
}
#newsletter {
	width:150px;
	margin-top:0;
	margin-left:0px;
	padding:5px;
	border:1px solid #3399ff;
}
#newsletter p {
	text-align:left;
	font-size:100%;
	margin-top:5px;
}
#newsletter h4 {
	text-align:center;
}
#newsletter .privicy {
	text-align:center;
}
#newsletter h5 {
	font-size:1.2em;
	text-align:left;
}
#newsletter input {
	width:130px;
}
#newsletter label {
	font-size:85%;
}
#newsletter .btn{
	width:60px;
	margin-top:5px;
	color:#7E807D;
}
#newsletter a {
	color:#7E807D;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
#newsletter a:hover {
	color:#3399ff;
	text-decoration:underline;
}
.warning {
	font-size: 90%;
	color:#ff0000;
}
#mainContent h3{
	padding:0;
}
 h3 {
	font:30px "Comic Sans MS";
	margin-bottom:10px;
	margin-left:10px;
}
h4 {
	font:1.1em "Comic Sans MS";
	margin-left:2px;
}
/* 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: 30px;
}

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

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
h4 {
	font-weight:bold;
}
h3{
	font-weight:bold;
}
#mainContent p.title {
	font-weight:bold;
	padding:12px 0 0 30px;
	margin-bottom:0;
}
#mainContent table.cont {
	width: 70%;
	margin:0 auto 0 auto;
}
#mainContent p.testimonial {
	font-style:italic;
	padding-bottom:0;
	margin-bottom:0;
}
#mainContent p.author {
	padding-top:-10px;
	font-weight:bold;
	text-indent:20px;
}
p.testimonial {
	font-style:italic;
	padding-bottom:0;
	margin-bottom:0;
}
p.author {
	padding-top:0px;
	font-size:90%;
	font-weight:bold;
	text-indent:20px;
}
a:hover {
	color:#0099FF;
	text-decoration:underline;
}
p.date {
	font-size:80%;
	font-weight:bold;
	padding-bottom:0;
}
ul.address {
	list-style:none;
	margin-left:35px;
}
ul.address2 {
	list-style:none;
	margin-left:0px;
}
a.url {
	margin-left:35px;
}
a.mail {
	margin-left:35px;
}
fieldset {
	width:400px;
	margin:10px auto 0 auto;
	border:1px solid #0099FF;
}
#mainContent form {
	margin:10px 25px 0 10px;
}
#mainContent #message {
	width:300px;
	height:150px;
}
#mainContent label {
	font-size:90%;
	font-weight:bold;
}
legend {
	margin-left:20px;
	padding:0 10px;
	font:weight:bold;
}
address {
	margin-left:20px;
}
#backlink {
	clear:both;
}h5 {
	font-size: 110%;
	font-weight: bold;
}