/*Style name:		mainstyle_colorful.css v2 (cross browser compatible)
	 author:	Sue M. Farace ( http://www.smfdesignsolutions.com )	
	Copyright 2010 SMF Design Solutions */
	
/*  ID selectors only get used one time per page where class selectors (named .name) can be used multiple times over the page*/	
/* these statements change the default settings whenever that are used.  no extra information is needed */

body
{
font-size:90%;
text-align:center;
font-family:Verdana, Arial,sans-serif;
background:#e9e9e9;
}

h1
{
font-family:Verdana, Arial,sans-serif;
color:#333366;
text-align:center;
font-size:1.75em;
line-height:1.25;
}

h2
{
color:#333366;
text-align:center;
font-family:Verdana, Arial,sans-serif;
font-size:1.5em;
font-style:italic;
}

h3
{
color:#333366;
text-align:left;
font-family:Verdana, Arial,sans-serif;
font-size:1em;
}


p
{
font-family:Verdana, Arial,sans-serif;
font-size:.87em;
}

/* These change the way that links work, so anytime you use the a ... tag it will be effected this way by default you can always change at page level */
a:link {color:#0033cc}    /* unvisited link */
a:visited {color:#6699ff} /* visited link */
a:hover {color:#fc9900}   /* mouse over link */
a:active {color:#96ca02}  /* selected link */



/*accent changes the hyperlink on pages, most commonly used in the content section */


.accent
{
color:#d47023;
text-align:left;
font-family:Verdana, Arial,sans-serif;
font-size:1em;
font-weight:bold;
}

a.accent:link {color:#d47023}    /* unvisited link */
a.accent:visited {color:#d47023} /* visited link */
a.accent:hover {color:#83a807}   /* mouse over link */
a.accent:active {color:#d47023}  /* selected link */


/*this one creates the intented boxes of text on the page, most commonly used in the content section */

.indent
{
margin-left:50px;
margin-right:50px;
background-color:#ffffff;
text-align:left;
}
/*this class creates a smaller font to be used in some paragraphs */
.smfont
{
font-size:75%;
}
/* These are the identifiers - they are only called one time on every page and generally control the page layout */
#extranav 
{
width:90px;
margin:0;
padding:0;
float:left;
}

#extranav ul
{
list-style-type:none;
font-size:85%;
margin:40px 0 0 0;
padding:0;
}

#extranav ul li
{
display:block;
white-space:normal;
margin:.1em 0em;
}

#extranav ul li a
{
font-weight:bold;
color:#ffffff;
background-color:#fc9900;
text-align:left;
padding:3px;
text-decoration:none;
text-transform:uppercase;
width:140px;
}

#extranav a:hover
{background-color:#333366;}
#extranav a:active
{background-color:#6699ff;}


#container
{
width:100%;
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: left;
background-color:#ffffff;
color:#000000;
border:1px solid #e9e9e9;
line-height:130%;
}

#top
{
padding:0em;
background-color:#ffffff;
float:left;
width:635px;
}

#topright
{
padding:0em;
background-color:#ffffff;
float:right;
}

#topright ul
{
margin:80px 5px 5px 10px;
padding:0em;
list-style-type: none;
text-align:right;
line-height: 1.5em;
}
#topright ul li
{
display:block;
white-space: normal;
}

#topright ul li a
{
padding:.5em;
margin:.2em 0;
font-weight:bold;
color:#96ca00;
text-align:center;
padding:3px;
text-decoration:none;
text-transform:uppercase;
}

#topright a:hover
{
background-color:#fc9900;
}

#topright a:active
{
background-color:#000000;
}


#smallfont
{
color:#000;
font-weight:bold;
text-align:left;
font-family:Verdana, Arial,sans-serif;
font-size:.87em;
}

#smallfont li
{
color:#000;
font-weight:bold;
text-align:left;
font-family:Verdana, Arial,sans-serif;
font-size:.87em;
}

#testimonials-Cust
{
color:#d47023;
font-weight:bold;
text-align:left;
font-family:Tahoma Small Cap;
font-size:1em;
}

#testimonials-Place
{
color:#333366;
font-weight:bold;
text-align:left;
font-family:Verdana, Arial,sans-serif;
font-size:.87em;
}
#horiznav
{
border-bottom:0px solid #96ca02;
padding:5px;
background-image:url(images/vertnav_grad.gif);
background-repeat:repeat-x;
height:40px;
clear:both;
}
#horiznav ul
{
margin: 8px 10px 8px 160px;
padding: 0em 0em;
list-style-type: none;
text-align:left;
line-height: 1.5em;
}
#horiznav ul li
{
display:inline;
white-space: nowrap;
}
#horiznav ul li a
{
padding:.5em;
margin:.2em 0;
font-weight:bold;
color:#d47023;
text-align:center;
padding:3px;
text-decoration:none;
text-transform:uppercase;
}
#horiznav a:hover
{
background-color:#fc9900;
}
#horiznav a:active
{
background-color:#000000;
}
#vertnav
{
border-bottom:0px solid #96ca02;
padding:5px;
background-image:url(images/vertnav_grad.gif);
background-repeat:repeat-x;
height:40px;
clear:both;
}
#vertnav ul
{
margin: 8px 10px 8px 160px;
padding: 0em 0em;
list-style-type: none;
text-align:left;
line-height: 1.5em;
}
#vertnav ul li
{
display:inline;
white-space: nowrap;
}

#vertnav ul li a
{
padding:.5em;
margin:.2em 0;
font-weight:bold;
color:#d47023;
text-align:center;
padding:3px;
text-decoration:none;
text-transform:uppercase;
}

#vertnav a:hover
{
background-color:#fc9900;
}

#vertnav a:active
{
background-color:#000000;
}

#leftnav 
{
float:left;
margin:0;
padding:0;
width: 160px;
}

#leftnav ul
{
list-style-type:none;
margin:0;
padding:0 0 5px 0;
}

#leftnav li {margin:0; }

#leftnav  a
{
display:block;
font-weight:bold;
color:#ffffff;
background-color:#3380cc;
padding:3px 12px 3px 8px;
text-decoration:none;
text-transform:uppercase;
border-bottom: 1px solid #fff;
width:150px;
}

#leftnav a:hover
{
background-color:#333366;
color: #fff;
}

#leftnav a:active
{
background-color:#000000;
color: #fff
}

#leftnav li li a
{
display: block;
color: #FFF;
background-color: #69C;
width: 150px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#leftnavb
{
float:left;
margin:0;
padding:0;
width: 160px;
}

#leftnavb ul
{
list-style-type:none;
margin:0;
padding:0 0 5px 0;
}

#leftnavb li {margin:0; }

#leftnavb  a
{
display:block;
font-weight:bold;
color:#ffffff;
background-color:#3380cc;
padding:3px 12px 3px 8px;
text-decoration:none;
text-transform:uppercase;
border-bottom: 1px solid #fff;
width:150px;
}

#leftnavb a:hover
{
background-color:#333366;
color: #fff;
}

#leftnavb a:active
{
background-color:#000000;
color: #fff
}

#leftnavb li li a
{
display: block;
color: #FFF;
background-color: #69C;
width: 150px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
}

#rightnav
{
float: right;
width: 180px;
margin: 0 5px 0 0;
padding: 2px;
}
#rightnav ul li a
{
font-size:75%;
margin: 3px;
padding: 4px;
}

#content
{
margin-left: 180px;
margin-right:180px;
border-left: 1px #e9e9e9;
border-right: 1px #e9e9e9;
padding: 5px;
}

#sitemap
{
margin-left: 180px;
margin-right:160px;
border-left: 1px #e9e9e9;
border-right: 1px #e9e9e9;
padding: 1em;
max-width: 900px;
}

#sitemap ul
{
list-style-type:none;
margin:.5em 0em;
padding:0;
}

#sitemap ul li
{
display:block;
white-space:normal;
margin:.1em 0em;
}

#sitemap ul li a
{
font-weight:bold;
color:#ffffff;
background-color:#3380cc;
text-align:left;
padding:3px;
text-decoration:none;
text-transform:uppercase;
width:160px;
}

#sitemap a:hover
{background-color:#333366;}
#leftnav a:active
{background-color:#000000;}

#footer
{
clear: both;
text-align:center;
font-size:75%;
margin: 0;
padding: .5em;
color: #333366;
background-color: #e9e9e9;
border-top: 1px solid gray;
}

#leftnav p, #rightnav p {margin: 0 0 1em 0;}
#content h2 { margin: 0 0 .5em 0; }