@charset "UTF-8";
/* CSS Document */

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address {
	margin: 0; padding: 0; text-indent: 0;
	border: none; outline: none;
	text-decoration: none; font-size: 100%; font-weight: normal; font-style: normal;
	list-style: none;
}
table, td, tr, tbody, thead, th, caption {
	border-spacing: 0; border: none; border-collapse: separate;
	vertical-align: top; text-align: left;
	font-weight: normal;
}

/* typography */
body { font-size: 0.75em; background: #005954; color: black; font-family: Arial, sans-serif; margin: 0 auto }

p, ul, ol { margin-bottom: 15px  }
ul li, ol li { padding-bottom: 5px  }
h1, h2, h3, h4, h5, h6 { margin-bottom: 7px; }
h1 { color: #9e6214; font-size: 1.6em; }
/*h2 { color: #ffa12d; font-size: 1.4em; }*/
h2 {color: #9e6214; font-size: 1.6em;}
/*h3 { color: #ffa12d; font-size: 1.2em; }*/
h3 { color: #ffa12d; font-size: 1.4em; }
h4, h5, h6 { color: #ffa12d; font-size: 1.1em; }

a, a:visited {
	color: #e23b30;
	text-decoration: underline;
}
a:hover, a:active {
	color: #e23b30;
	text-decoration: none;
}

#container { width: 710px; margin: 10px auto 0; padding-top: 14px; background: url(/design/top.gif) no-repeat; }
#container .tube { width: 710px; padding-bottom: 15px; background: url(/design/bottom.gif) bottom no-repeat; }
#container .tube .tube { width: 688px; background: #fff; border-left: 11px solid #fff;  border-right: 11px solid #fff; }

#header { position: relative; }
#header p {display: block; border-top: 35px solid #fff; margin-bottom: 20px; }
#header address {
color:#007447;
display:block;
line-height:1.3em;
margin:0;
padding:0;
position:absolute;
right:10px;
text-align:right;
top:10px;
}
#header address span {
border-right:2px solid #007447;
clear:none;
display:block;
float:left;
padding: 10px;
width:160px;
}
#header address span.right {
font-size:2em;
line-height:1em;
padding:0 0 0 10px;
text-align:left;
text-align: right;
border:  none;
}
#header address span a {
color:#f69c38;
display:block;
font-size:0.5em;
text-decoration:underline;
}

h1#hidden_title { display:none; }
a.branding { background: url(/design/tab.jpg) repeat-x; display: block; padding-top: 15px; margin: 0 0 5px 0 }
a span#branding { text-indent: -9999px; background: url(/design/header.jpg) no-repeat; display: block; height: 228px; width: 688px; }

#nav ul, #nav li { margin: 0; padding: 0; text-indent: none; list-style: none}
#nav, #nav ul { display: block; text-align: center; background: #005a54 url(/design/nav.gif) repeat-x }
#nav li { position: relative; display: inline; font-weight: bold; }
#nav li a, #nav li a:active, #nav li a:visited { padding: 0 8px 0 7px; background: url(/design/nav-seperator.gif) right center no-repeat; line-height: 31px; color: #fff; text-decoration: none }
#nav li.last a:active, #nav li.last a:visited, #nav li.last a:hover, #nav li.last a{ background: no-repeat; }  


.home #nav li a#nav-home, .services #nav li a#nav-services, .affiliations #nav li a#nav-affiliations, .tips #nav li a#nav-tips, .top-ten #nav li a#nav-top-ten, .testimonials #nav li a#nav-testimonials, .contact #nav li a#nav-contact, #nav li a:hover { color: #FFA12D}


#leftcol, #rightcol { float: left; clear: none; display: inline; }
#leftcol { width: 432px; padding:  20px;}
#rightcol {width: 186px; padding:  15px; background: #e3f1ea url(/design/side-bottom.gif) bottom no-repeat}

#rightcol h2 { color: #f3901d; font-size: 1.9em; font-weight: bold; margin: 0; }

#callout, #callout li { padding: 0; margin: 0; list-style: none; text-indent: 0; }

#footer { font-size: 90%; color: #fff; padding: 10px; text-align: center; line-height: 1.5em; }
#footer a { color: #fff; }

/* * * =forms * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input { margin : 0; padding : 0; }

form {
	width: 35em;
	margin-left: 5px;
}

form p {
	font-size: 100%;
	padding: 2px;
	margin: 0;
}

/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #e2e2e2;
}

/* legend styling */
legend {
	font-weight: bold;
	color: #9e6214;
}

/* style for  labels */
label {
	float: left;
	width: 12em;
}

/* style for required labels */
label .required {
	font-size: 0.9em;
	font-style: normal;
	color: red;
}

label.error, input.submit { color: #F00; margin: 5px 0 0 0; }

input {
	width: 225px;
}

input.radio, input.submit {
	width: auto;
}

textarea {
	width: 225px;
	height: 100px;
	padding:0;
} 

/* submit */

form div input {
	width: 100px;
	margin-top:5px;
	margin-left: 147px;
	padding: 0 .25em;
	background-color: #9e6214;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

/* apply style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.group { zoom: 1; display: block; }