/*Style name:		earthwise.css  two column with images for mainnav and subnav
blue and green theme
	 author:	Sue M. Farace ( http://www.SMFDesignSolutions.com/ )	
	Copyright 2010 SMF Integrated Design
		you may use the code in the css we do require that you leave this comment and the link  in footer remains intact.   */
	
/* these statements change the default settings whenever that are used.  no extra information is needed */

* { margin:0; padding:0; }

body
{
font-size:90%;
text-align:center;
font-family: verdana,Arial,sans-serif;
color:#000;
}
h1
{
font-family: papyrus, Arial,sans-serif;
color:#fff;
text-align:center;
font-size:1.75em;
line-height:1.25;
}
h2
{
color:#03436a;
text-align:center;
font-family:courier new, Arial,sans-serif;
font-size:1.15em;
}
h3
{
	margin: auto;
	width: 90%;
	padding: 10px;
	text-align: center;
	color:#03436a;
	font-size:1.1em;
	font-family:courier new, Arial,sans-serif;
	}
p
{
font-family:verdana, Arial,sans-serif;
font-size:.87em;
padding-top: 2px;
}


/* 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:#00b4ea}    /* unvisited link */
a:visited {color:#998546} /* visited link */
a:hover {color:#72b635}   /* mouse over link */
a:active {color:#00b4ea}  /* selected link */

/* these are class selectors, they can be used multiple times over the page*/

/*accent creates the change in color for hyperlink on pages, most commonly used in the content section, note that there are new a. class selectors used */
/* specifically when the accent class is used  */
.accent
{
color:#00b4ea;
text-align:left;
font-family: verdana,Arial,sans-serif;
font-size:1.2em;
font-weight:bold;
}
a.accent:link {color:#00b4ea}    /* unvisited link */
a.accent:visited {color:#998546} /* visited link */
a.accent:hover {color:#72b635}   /* mouse over link */
a.accent:active {color:#00brea}  /* selected link */


/*this one creates the intented boxes of text on the page, most commonly used in the content section */
.indent
{
margin-left:25px;
margin-right:5px;
background-color:#ffffff;
text-align:left;
color:#000;
font-size:.87em;
}
/*this class creates a smaller font to be used in some paragraphs */
.smfont
{
font-size:75%;
}
.lgfont
{
font-size:2.0em;
font-weight: bold;
}
.boldfont
{font-size:1em;
font-weight: bold;
text-align:left;
}

.largebox
{
	margin: 0 0 10px 0;
	width:550px;
	padding:0;
	text-align:center;
	color:#fff;
	background:#00b4ea;
}
.largeboxrn
{
	margin: auto;
	width:70%;
	padding:10px;
	text-align:left;
	color:#000;
	background:#d2dfe2;
}
.medboxright
{
	margin: 0;
	padding: 10px;
	text-align: left;
	background:#00b4ea;
	color:#fff;
	}
.medboxrightbot
{
	margin: 0;
	padding: 5px 15px;
	text-align: left;
	background:#fff;
	color:#000;
	border: #00b4ea dashed 2px;
	}	
	
.medboxleft
{
	margin: 0;
	padding: 10px;
	text-align: left;
	background:#72b635;
	color:#fff;
	}
.medboxleftbot
{
	margin: 0;
	padding: 5px 15px;
	background:#fff;
	color:#000;
	border: #72b635 dashed 2px;
	font-weight:normal;
color:#bf3a30;
text-align:left;
	}
.cbpara
{
font-family: 'courier new', Arial,sans-serif;
font-size:.9em;
}
.servicefont
{
font-weight:bold;
color:#bf3a30;
text-align:left;
text-transform:uppercase;
}
a.buttons
{
display:block;
margin-left:auto;
margin-right:auto;
border: 0;
color:transparent;
}
img.buttons
{
display:block;
margin-left:auto;
margin-right:auto;
border: 0;
color:transparent;
}
	
#pageheader
{
width: 800px;
margin: auto 50px;
padding:0;
text-align: center;
background-color:#ffffff;
}

#centerbox
{
	margin: 0;
	padding: 10px;
	text-align: left;
	background:#00b4ea;
	color:#000;
	}
#centerboxbot
{
	margin: 0;
	padding: 10px;
	text-align: left;
	background:#fff;
	color:#000;
	border: #00b4ea solid 1px;
	}
#leftcol
{
float:left;
width: 300px;
margin: 10px auto auto 50px;
}
#rightcol
{
text-align:left;
margin: 10px 60px 0 380px;
}
#donate
{border: #000 solid 1px;
background-color: #caae7c;
width: 125px;
float:right;
text-align: center;
padding: 15px;
}

.smboxright
{
margin: 0;
padding: 0;
float:right;
}

.smboxright  a
{
	padding: 5px;
	text-align: center;
	background:#00b4ea;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	}	
.smboxleft
{
margin: 0;
padding: 0;
}

.smboxleft a
{
	padding: 5px;
	text-align: center;
	background:#72b635;
	color:#fff;
	text-decoration: none;
	font-weight: bold;
	}
.smboxlink
{
margin: 0;
padding: 0;
}

.smboxlink a
{
	padding: 1px;
	text-align: center;
	background:#caa37c;
	color:#000;
	text-decoration: none;
	}		
	
/* These are the identifiers - they are only called one time on every page and generally control the page layout */

#container
{
width:941px;
margin-left: auto;
margin-right: auto;
text-align: left;
color:#000;
line-height:130%;
}
#headerbanner
{
margin-top: 5px;
padding: 0 1px 0 0;
}
#headerbg
{
background-color:#72b635;
width: 100%;
}
#header
{
padding:0;
background: #fff url(images/design_solutions_header.gif) repeat-x;
height: 132px;
margin:0 20px 0;
border-top: #72b635 solid 10px;
}
#headerfont
{
font-family: papyrus, Arial,sans-serif;
color:#fff;
text-align:left;
font-size:1.75em;
padding: 70px 0 20px 25px;
}
#contentbg
{
background-color:#00b4ea;
width: 100%;
}
#content
{
padding: 0;
margin:0 15px 0;
background-color:#ffffff;
}

#mainnav
{
} 
#mainnav ul
{
list-style: none;
}

#mainnav ul li
{
display: inline;
}

#mainnav ul li a
{
background: #fff url(images/green_tab.gif) repeat-x bottom left;
height: 2em;
line-height: 2em;
float: left;
width: 128px;
color: #fff;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#mainnav li a
{
float: none
}
/* End hide */
#mainnav a:visited
{
height: 2em;
background: #fff url(images/green_tab.gif) repeat-x bottom left;
color: #000;
}
#mainnav a:hover
{
height: 3em;
background: #fff url(images/green_tab_hover.gif) repeat-x bottom left;
color:#fff;
}
#subnav
{
border-top: #00b4ea solid 5px;
} 
#subnav ul
{
list-style: none;
height: 3em;
margin: 0 50px;
padding:0;
}

#subnav ul li
{
display:inline;
}

#subnav ul li a
{
background: #fff url(images/blue_tab_top.gif) no-repeat bottom left;
height: 3em;
line-height: 3.6em;
float: left;
width: 100px;
color: #fff;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#subnav li a
{
float: none
}
/* End hide */
#subnav a:visited
{
height: 3em;
color: #000;
}
#subnav a:hover
{
height: 3em;
background: #fff url(images/bluetab_hover.gif) no-repeat bottom left;
color: #fff;
}

#list
{
margin:0;
background-color:#fff;
width: 100%;
}
#list ul
{
margin: 5px;
padding: 0;
list-style-type: circle;
line-height: 1.5em;
}
#list ul li
{

}
#list  ul li a
{
display: block;
font-weight:bold;
color:#bf3a30;
background-color:#fff;
text-align:left;
padding: 3px;
text-decoration:none;
text-transform:uppercase;
}
#list a:hover
{
background-color:#fff;
color: #ffd540;
}
#list a:active
{
background-color:#fff;
color:#ffd540;
}

#footer
{
clear: both;
margin: 0;
text-align:center;
padding: .5em;
color: #fff;
background-color: #573636;
border-top: 0;
}
#banners
{float:left;
margin: 5px 5px 5px 0;
}

#mainnav p {margin: 0; padding: 3px;}
#content h2 { margin: 0 0 .5em 0; }