body {margin: 0;
padding: 0; 
font:13px arial, helvetica, sans-serif; 
color:#343434;
background-color:#FFFFFF;
background-image:url(images/background.png);
background-repeat:repeat-x;
background-position:top left; }

/* header styles
***********************************/
    /* min-width hack for IE */
    * html #header-wrapper-minwidth {border-left:1120px solid #fff;position:relative;float:left;z-index:1;}
    * html #header {margin-left:-1120px;position:relative;float:left;z-index:2;text-align:left;}
    /*\*/* html #header-wrapper{height:1px;} /**/
    /*************************/

#header-wrapper{width:100%; min-width:1120px;}
#head1{margin:auto 0 0 0;padding:0;background:url("images/top-bg.png") 50% no-repeat;height:128px;}
/* content styles
***********************************/
    /* min-width hack for IE */
    * html #content-wrapper-minwidth{border-left:1120px solid #fff;} 
    * html #soouterwrap {margin-left:-1120px; position:relative;}*/
     * html #soouterwrap, * html #content-wrapper-minwidth, * html #content-inner-middlecol{height: 1px;}/**/
    /*************************/
 	/* rendering fixs  */
    *:lang(en) #content-middlecol{overflow: visible;position: relative;}/* These styles will be applied to all browsers except for IE and Safari */
   
    /********************/


#content-wrapper{float:left;width:100%;margin:0 -1px 0 0;}
#content-outerwrapper{min-width:1120px;}
#content-innerwrapper{width:100%;}
#soouterwrap{
	background-image: url(images/background.png);
	background-repeat: repeat-x;
	background-position: 0 -128px;
}
#sowrap{background:url("images/page-bg.png") 50% repeat-y;}
#content-middlecol{background:url("images/main-bg.png")  50% 0  no-repeat;}

#content-inner-middlecol {position:relative;background-color:#fff;width:810px;margin:0 auto;}


/* footer styles
***********************************/
    /* min-width hack for IE */
    * html #footer-wrapper-minwidth {border-left:1120px solid #fff; position:relative; float:left; z-index:10;}
    * html #footer {margin-left:-1120px; position:relative; float:left; z-index:20;}
    * html #footer-wrapper {width:100%;}
    /*************************/

#footer-wrapper{clear: both;width:100%;min-width:1120px; position:relative;}
#foot1{
	height:70px;
	background-color: #fff;
	background-image: url(images/foot-bg.png);
	background-repeat: no-repeat;
	background-position: 50%;
}
#foot1 p { width: 810px; margin:0 auto; color:#202020; font-size: 10px; text-align:left; }
#foot1 p.copy { text-align:right; margin-top: -2.7em; }
#foot1 p a {
	color:#00FFCC;
	text-decoration:none;
}
#foot1 p a:hover {
	color:#99FFCC;
}
/* common classes/styles
--------------------------------*/
.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/

* { margin:0; padding:0; }
a img { border:none; }

a { color: #999999; }
a:hover {
	color: #33CC66;
}



#topflash {	
}

#page-intro { margin-top:20px; }

#topnav { width: 50%; margin-top:-70px; }
#topnav p { width:100%; clear:both; margin: 10px 20px 0 0; }
#topnav p a {
	color:#00CC33;
}

#nav {text-align:left;list-style:none;margin:0; padding: 0px; font-family:verdana, sans-serif; z-index:999; }
#nav li { float:left; padding: 0px 24px 20px 5px; }
#nav li.current { color:#000000;  }
#nav a { color:#666; text-decoration:none; }
#nav a:hover { 
	color:#33CC33;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-image: url(images/brush.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

h1 {  background:url(images/navbackground.png) 100% 0px no-repeat; height:204px; /*margin-bottom:-70px;*/ }
h1 img { margin-top:15px; }

h2 { clear:both; background:url(images/railing.gif) 0 50% repeat-x;  }
h2 img { margin:15px 0; }
h3 {
	color:#00CC99;
	font-size:11px;
	font-weight:normal;
	margin-top:15px;
}
h4 {
	color:#009900;
	font-size:11px;
	font-weight:normal;
	margin-top:15px;
	margin-left:25px;
}

.cols { float:left;
		}
.c4 { width:24.7%; }
.c4 p { margin:10px 30px 10px 0; }
.c4 a {
	color:#00CC33;
}
.c4 ul { list-style:none; color:#666; margin:10px; margin-left:40px; }
.c4 li { background:url(images/arrow.gif) 0 50% no-repeat; padding:2px 0 2px 10px; }
.c4 li a { color:#666; text-decoration:none; }
.c4 li a:hover {
	color:#00CC00;
}
.c4_margin { margin-left:10px; }

.c3 { width:30%; margin:10px; }
.one { width: 30%;}
.two { width: 20%;}
.full { width: 100%;}
.half {
	width: 50%;
	font-size: 14px;
	line-height: 1.2em;
}
.faqhome {
	padding-left: 10px;
	padding-right: 10px;
	font-size: medium;
	line-height: 1.2em;
	font-weight: lighter;
	color: #006699;
}
#idea {
	width: 100%;
	height: 500px;
	float:left;
	color:#FFF;
	font-size: 16px;
	line-height: 1.2em;
	background-image:url(images/theidealetter.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.idea h1 { }
.c2 { width: 49%;}

.c2 a {
	background:url(images/arrow_orange.gif) 0 71% no-repeat;
	color:#00CC33;
	float:right;
	padding-left:10px;
	padding-top:5px;
	text-decoration:none;
}
.c2 a:hover {
	text-decoration:underline;
	color:#00CC66;
}
.c2 img {  float:left; margin-right:5px;}
.c2 h3 {
	color:#00CC33;
	font-weight:bold;
	margin-bottom:10px;
}

.inner_content { padding-left:25px; padding-bottom:100px; }
.offthepress ul { color:#666; margin:15px; margin-left:30px; }
.offthepress li { list-style-image:url(images/arrow.gif); padding:2px 0 2px 0; }

#id_btn img { float:right; margin-right:10px; position:relative; bottom:25px; }

/* table */
table.stats {
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 30%;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td {
background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed {
background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}
