/*-----------------------------------------------------------------------------
# version:   		1.0
# author:    		roger samboer
# email:     		dynaweave@yahoo.com
# website:   		http://www.dynaweave.com/
# last modified:	10.19.2008
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin for all browsers - maintains consistency */
* {
  margin: 0;
  padding: 0;
}

/* Set padding for certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  	margin: 1em 0;
	color: #00693e;
}



/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

p {
	padding: 0 10px 0 10px;
	font-size: 1.2em ;
	color: #333333;	
}

/* =Special Hacks 
----------------------------------------------------------------------------*/
/*
	The following allows clearing of non floated 'wrappers' that contain floated elements.
	Specifically useful for main wrapper of content area.
*/
.clearfix:after 
	{
    	content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


/* =Typography
-----------------------------------------------------------------------------*/

body {
	text-align: center;	
	font: 62.5%/1.6 Arial, "Trebuchet MS", Verdana, Georgia;
	background-color: #6e6b6b; 
}

/* =Wrapper
-----------------------------------------------------------------------------*/

#wrapper {
	background: #FFFFFF;
	width: 763px;
	margin: 0 auto;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#base_swirl {
	margin: 0 auto;
	padding: 0;
	float:left;
	/*clear: both;*/
	height: 90px;
	width: 763px;
	background: #fff url(../images/swirl_bottom.jpg) no-repeat bottom left;
}

/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/

#branding {
	float: left;
	margin: 0;
	padding: 0;
	width: 763px;
	height: 180px;
	background: url(../images/masthead.jpg) no-repeat;
}

/* =Headings
-----------------------------------------------------------------------------*/

#splash_bg {
	float:left;
	width: 763px;
	background: url(../images/splash_repeat.jpg) repeat-x;
	height: 163px;
	margin-top: -3px;
}

#splash {
	width: 714px;
	height: 127px;
	margin-top: 30px;
	margin-left: 24.5px;
	margin-right: 24.5px;
}

#splash_flash {
	width: 408px;
	height: 100px;
	margin-top: -120px;
	margin-left: 295px;
	margin-right: 0px;
	padding: 0;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#globalNav {
	width: 100%;
	max-width: 100%;
	height: 30px;
	float: left;
	padding: 0;
	margin: 0;
}

#globalNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 3px;
}

#globalNav ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#globalNav a {
	outline: none;
	display: block;
	color: #FFFFFF;
	font: 12px Arial, "Trebuchet MS", Verdana, Georgia;  /*1.1em;*/
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	background: url(../images/menu_bg_right_pipe2.jpg) right center no-repeat;
	/*border-right: 2px solid #a5b88d;*/
}

	/* Commented backslash hack hides rule from IE5-Mac \*/
	#globalNav a, #globalNav a
	{
		float: none;
	}
	/* End IE5-Mac hack */

#globalNav a:hover {
	color: #339900;
}

* a:active, a:visited{
	outline: none;  /*REMOVES UGLY DOTTED BORDER AROUND CLICKED LINKS*/
}

/*THIS REMOVES THE LINK OUTLINES FROM LINKS - Mozilla Browsers*/
:-moz-any-link:focus {
  outline: none;
}

/* This removes the right border divider from the last item in the menu list*/

#globalNav a.last_menu_item {
	background: none;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/


/* =contentWrap
-----------------------------------------------------------------------------*/

#wrapper #contentWrap {
	float:left;
	background: #FFFFFF;
	margin: 0;
	width: 763px;
}


/* =Main Content
-----------------------------------------------------------------------------*/

#content {
	width: 550px;
	float: left;
	background: #FFF;
	/*overflow:hidden;*/
}

#content h1 {
	background: url(../images/small_leaf.gif) no-repeat 0% -4px;
	font:  2em Arial, "Trebuchet MS", Verdana, Georgia bold;
	color: #00693e;
	letter-spacing: -0.1em;
	line-height: 2em;
	padding-left: 29.5px;
	margin-left: 20px;
	/*padding-left: 24.5px;*/
}

#content h2 {
	font:  1.5em Arial, "Trebuchet MS", Verdana, Georgia bold;
	color: #0693e;
	font-weight: bold;
	letter-spacing: -0.1em;
	padding-left: 24.5px;
}

#content img {
	float: left;
	padding-right: 10px;
	margin-left: 24.5px;
}

#content p {
	padding-left: 24.5px;
}

.descr_img {
	float: left;
	width: 192px;
	height: 102px;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/

#sideContent {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
}

.side_module {
	/*float: right;*/
	margin: 0;
	padding: 0 10px;	
	text-align: right;
}

.side_module h2 {
	font-size: 1.3em;
	color: #485f3f;
	padding: 0 10px;
	text-align: left;	
}

.side_module p {
	display: block;
	margin: 0;
	padding-bottom: 10px;
}

.readmore {
	color: #485f3f;
	text-align: left;
	/*float: right;*/
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	padding-right: 15px;
}

.side_module a.readmore:hover {
	color: #00FF00;
}
/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
	background: #b5cb98 url(../images/footer_full_bg.jpg) no-repeat;
	margin: 15px auto;
	height: 60px;
	width: 763px;
	max-width: 763px;
}

#footer p {
	font: Arial, "Trebuchet MS", Verdana, Georgia;
	font-weight: bold;
	font-size: 11px;
	margin: 12px auto;
	padding: 0;
}

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

form {
	margin: 10px auto;
}

 label
{
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	border: none;
}

 input
{
color: #781351;
background: #E4E4E4;
border: #CCCCCC 1px solid;
}

textarea{
display: inline-block;
color: #000;
background: #E4E4E4;
}

 fieldset
{
	border: #CCCCCC 1px solid;
	width: 510px;
	margin: 0 auto;
}

legend
{
color: #666666;
background: #E4E4E4; 
padding: 2px 3px;
font-weight: bold;
}

.submit input
{
margin-left: 13em;
color: #666666; 
background: #E4E4E4; 
border:#CCCCCC 2px outset;
font:Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
outline: none;
}

.thankyou{
	color: #C8490D;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 13px; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: strong;
}

/*success image*/
.img_notify {
	margin-bottom: 0px;
	padding-left: 15px;
	margin-top: 10px;
}

.img_solution {
	margin-bottom: -10px;
	margin-top: 10px;
}


/* =Error Styling
-----------------------------------------------------------------------------*/

.error{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	color: #FF0000;
}
/* =Tables
-----------------------------------------------------------------------------*/

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	text-align: left;
	font-weight: normal;
}

/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/