@charset "UTF-8";

* {
margin:0;
}

body  {
	font-family: Arial, Helvetica, Verdana;
	background: #666666;
	margin: 1px auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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: #000000;
	width:800px;
}

/*  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	General Stylings
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

h1 {
	font-size:16px;
	color:#92cb02;
	padding:4px 10px 0 10px;
	font-weight:300;
	letter-spacing:.04em;
	line-height:1.3em;
}

h2 {
	font-size:15px;
	color:#53b9e9;
	padding:8px 10px 6px 11px;
letter-spacing:.02em;
}

h3 {
	font-size:12px;
	color:#888;
	padding:6px 5px 2px 12px;
}

h4 {
	font-size:18px;
	color:#53b9e9;
	padding:4px 0;
	font-weight:300;
	letter-spacing:.05em;
	line-height:1.3em;
	margin-bottom:-1px;
}

h5 {
	font-size:13px;
	color:#53b9e9;
	padding:8px 5px 0 12px;
	letter-spacing:.02em;
}

p {
	font-size:11px;
	color:#666;
	padding:0 12px 10px 12px;
	line-height:1.6em;
	}
	

a:link, a:visited{
	color: #53b9e9;
	text-decoration: none;
}

a:hover {
	color:#92cb02;
	text-decoration: none;
}


/*  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	Layout Stylings
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 


#header { 
	height: 315px;
	background: #fff; 
} 
#header img {
border:0;
}
#nav {margin:0;
display:inline;
bottom:0;
}
#sidebar1 {
	position: absolute;
	top: 301px;
	left: 0px;
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-top:15px; /* padding keeps the content of the div away from the edges */
}

#sidebar2 {
	position: absolute;
	top: 301px;
	right: 0px;
	width: 200px; 
	background: #fff;
	padding-top:15px;
}


#mainContent { 
	margin: 0 200px 15px 201px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding-top:0 ;
	width:396px;
	border-left:dotted #666 1px;
	border-right:dotted #666 1px;
}


/*  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	Specific Stylings
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
	
#mainContent ul{
	margin-left:20px;
	padding:0 4px;

}

#mainContent ol{
	margin-left:20px;
	padding:0 4px;

}
#mainContent ol li{
	margin-left:5px;
	font-size:12px;
	padding:4px 0 2px 0;
	line-height:1.2em;
	color:#53b9e9;

}


#mainContent ul li{
margin-left:10px;
font-size:11px;
	color:#666;
	padding:4px 0 6px 10px;
	line-height:1.2em;
	
	}
.liststyle {
list-style:url(graphics/box_green.gif);
font-weight:bold;
}

.liststyle2 {
list-style:none;
margin:2px 20px 0 0;
}

.liststyleArrow {
list-style-image:url(graphics/arrow_sm.png);
margin:2px 20px 0 0;
}




#mainContent img{
	padding:15px 0;
	border:none;
}


#certs img {
padding:0 6px;
border:none;
}

.bullet 
{
font-size:11px;
font-weight:normal;
}

/*  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	Specific Stylings
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#tabs {padding:0; margin:0; list-style:none;}
#tabs li {
	display:inline;
	padding-top:0;
	background:#fff;
	float:left;
	position:relative;
}
#tabs li.one {width:200px;}
#tabs li.two {width:200px;}

#tabs li a.outer-link {background:#fff; display:block; width:200; position:relative;}

#tabs li.three {width:200px; background:#d5fe76;}
#tabs li a.outer-link3 {background:#d5fe76; display:block; width:200; position:relative;}

#tabs table {border-collapse:collapse; margin-top:-1px;}


#tabs li div {
margin:0 6px;border-bottom:1px dotted #888; padding:5px 5px 5px 4px;}
#tabs li h1 {
margin:0;
color:#53b9e9;
padding:0 30px 0 0;
background:url(graphics/arrow.gif) no-repeat top right;
line-height:1.3em;
letter-spacing: 0;
}

#tabs li h2 {margin: 0; 
	font-size:12px;
	color:#888;
	padding:5px 0 2px 0;
font-weight:bold;
letter-spacing:.03em; }
#tabs li p {font-size:11px;
	color:#666;
	padding:2px 0 6px 0;
	line-height:1.6em;}
#tabs li a {color:#000; text-decoration:none;}
#tabs li a.inner-link {color:#53b9e9; text-decoration:none;}
#tabs li a.inner-link:hover {text-decoration:none;}

#tabs li a.inner-plink {color:#888; text-decoration:none;}
#tabs li a.inner-plink:hover {text-decoration:none;}

#tabs li.one:hover, #tabs li.one a.outer-link:hover {background:#DFF9A2;}
#tabs li.two:hover, #tabs li.two a.outer-link:hover {background:#fff;}



#sidebar1 img{
	padding:4px 2px; 
}

#sidebar2 img{
	padding:4px 2px; 
}


/*  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	Footer and Footer Stylings
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#footer { 
	padding:0 10px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
	border-top:dotted #666 1px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:8px 0 4px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
font-size:9px;
}

/*  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
	Extra Stylings
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.line {
margin:0;
padding-bottom:0;
border-top:dotted 1px #666;
}

.linerght {
margin:0 8px;
padding:0;
border-top:dotted 1px #666;
}

.colorspec {

color:#53b9e9;
font-weight:bolder;
}

.colorspecquote {
color:#53b9e9;
font-weight:bold;
font-style:italic;
}

.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-left: 8px;
	padding:0;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.left {
	float:left;
	text-align:left;
	text-decoration: none;
}

.right {
text-align:right;
}

.center {
text-align:center;
	font-size:11px;
	color:#666;
	padding:4px 8px ;
	line-height:1.6em;
}

.colorvisiting {
color:#92cb02;
padding:2px 30px 0 0;
background:url(graphics/arrow_ro.gif) no-repeat right;
}

.colorlist {
color:#92cb02;
}

.quotetxt {
	font-style:italic;

}
.quotetextsub {
color:#888;
font-weight:normal;
}

.fltimg { 
	float: right;
	margin:12px 20px 12px 0;
	padding:0;
	}


.fltnav { 
	float: right;
	margin-left: 8px;
	padding:29px 4px 0 0;
}
.nopad {
padding:0;
}

.arrow {
margin-left:8px;
background:url(graphics/arrow_sm.png) no-repeat left;
padding-left:20px;
}

.services {
list-style-image:url(graphics/listblue.png);
}

.bold {
font-weight:bold;
}

.border {
border:dotted 1px #666 }