/* CSS Document */
/* Dubuque 2.0 */

body {
	text-align:center;
	min-height:101%;
	color: #414039; 
	/*background:#f2f2f2;*/
	background:#828282;
	width:100%; 
	margin:0 auto;
	padding:0px;
	font:12px/16px Arial, Helvetica, sans-serif;
}
body * {text-align:left}



/* GLOBAL DEFAULTS & CSS Reset
========================================================================*/

ul /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}




h1 {font-size:32px;margin:10px 0px 15px 0px;color:#bbb; font-weight:bold;}
h1 span {display:none;}

h2 /*used for intro paragraphs*/ {font-size: 18px; line-height:24px;  /*color: #82ab6b;*/ color: #66982a; margin:20px 0px 20px 0; padding:0px; font-weight:normal;}
h3 /*used for headers*/ {font-size: 15px; line-height:17px;  /*color: #82ab6b;*/ color: #325903; margin:20px 0px 10px 0; padding:0px; font-weight:normal;}


a:link, a:active, a:visited  { color: #2a8c98; text-decoration:underline;font-weight:normal;}
a:hover {color: #222222; text-decoration:underline;}

a:focus { outline: none;}

b {color:#333}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

img.right {
	float:right;
	margin-left:20px;
	border:0px;
}

img.left {
	float:left;
	margin-right:20px;
	border:0px;
}


p, td
{	
	font:13px/17px Arial, Helvetica, sans-serif;
	color: #414039;
	margin:0px 0px 15px 0px;
	
}

p.small, .small, .comments
{	
	font:11px/14px Arial, Helvetica, sans-serif;
	color: #555;
	margin:0px 0px 15px 0px;
	
}

.bigtext { font:17px/20px Arial, Helvetica, sans-serif;
	color: #007f3d;
	margin:0px 0px 15px 0px;}
	
.bigtextdk { font:17px/20px Arial, Helvetica, sans-serif;
	color: #333;
	margin:0px 0px 15px 0px;}



	  
/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	margin: 0 auto;
	width: 100%;
	position:relative;
	float:left;
	background:#f2f2f2;
	border:0px solid green;
	padding:0px;
}

#headercontainer
{
	width: 100%;
	margin: 0px;
	background: #34322f url(../images/bg_header_black.jpg) repeat-x;
	position:relative;
}

#header
{
	width: 980px;
	height: 125px;
	margin: 0px auto;
	background: transparent;
	position:relative;	
}




/* MISC. HEADER OBJECT STYLES*/

#gamehomebtn {display:none;}
body#home #gamehomebtn {display:inline;}

.logo { margin: 7px 0 0 20px; float:left; position:relative;width:230px;}

.tagline { margin: 47px 0 0 575px;float:left; position:relative; }

.return {float:right;position:relative;margin:10px 0 0 0;display:inline;font-size:11px;}

body#home #subheader {display:none;}

#subheader
{
	width: 980px;
	height:25px;
	margin: 12px auto;
	border:0px solid #ddd;	
}


#contentbackground /*this is holding everything below the header div */
{
	
	width:100%;
	background:#f2f2f2;
	border:0px solid #ffff00;
	
}
#contentcontainer /*this is holding everything below the header div */
{
	width: 980px;
	margin: 30px auto 0px; 
	position: relative;
	text-align:center;
	z-index:40;
	border:0px solid #ff00ff;
}

#subnavcol /*far left column */
{
	width: 140px; height:500px;
	margin: 10px 30px 0px 0px;
	padding:0px;
	float: left;
	position:relative;
	text-align:left;
	border-right:1px solid #c8c6c0;
}


#contentcol /*main content area */
{
	float: left;
	position:relative;
	width: 630px;
	margin: 30px 35px 30px 0px;
	border:0px solid #ff0000;
	
}


#contentcolwide /*main content area */
{
	float: left;
	position:relative;
	width: 770px;
	margin: 30px 35px 30px 30px;
	border:0px solid #ff0000;
	
}

#contentcolwideb /*main content area */
{
	float: left;
	position:relative;
	width: 870px;
	margin: 30px 35px 30px 30px;
	border:0px solid #ff0000;
	
}


#contentcolmid /*forums*/
{
	float: left;
	position:relative;
	width: 620px;
	margin: 30px 35px 30px 30px;
	border:0px solid #000;
	
}



#contentcolskinny /*main content area */
{
	float: left;
	position:relative;
	width: 390px;
	margin: 30px 50px 30px 0px;
	border:0px solid #ff0000;
	
}

#contentcolfull /*main content area */
{
	float: left;
	width: 920px;
	margin: 10px 0px 30px 30px;
	border:0px solid #000;
	
}

.narrow
{
    float: left;
    position:relative;
    display:inline;
	width: 270px;
	margin: 0px 20px 0px 0px;
	border:0px solid #000;
}

#signin_signup
{
	float: right; font-size:10px; color:#333; border:0px solid #000;
}

#signin_signup a 
{
	text-decoration:none; color:#333;text-transform:uppercase;
}



#rightcol /*far right col holds supporting content */
{
	float: left;
	position:relative;
	width: 115px;
	margin: 30px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	border-left:1px solid #c8c6c0;
	font:11px/15px Arial, Helvetica, sans-serif;
}
#gameboard {background:/*#545c64*//*url(../images/bg_game.gif) repeat-y 0 0*/#726753 url(../images/bg_chipboard.jpg) repeat; border:5px solid #d3d3d3;}

#gameboard .small, #gameboard p {font-size:11px; color:#444;}

.submitbtn {background: url(../images/btn_complete.jpg) no-repeat; width:92px; height:22px;border:0px;cursor:pointer;margin:0px; padding:0px;}

#contentcolgame /*forums*/
{
	float: left;
	position:relative;
	width: 540px;
	margin: 10px 15px 30px 20px;
	border:0px solid #000;
	
}

#rightcolgame /*far right col holds supporting content */
{
	float: left;
	width: 350px;
	margin: 10px 0px 30px 0px;
	padding:0px 10px 0px 15px;
	border:0px solid #c8c6c0;
	font:11px/15px Arial, Helvetica, sans-serif;
	background:#fff;
}

.actionbox {background:#fff;padding:10px;border:3px solid #c2d874;margin:5px 0 5px 0;}
.eventsbox {background:#eee;/*#c2d874;*/padding:5px;border:0px solid #ff00ff;}
.eventsbox ul {margin:0px; padding:5px 0px 0 5px;}

table.pointtotals {width:630px;}
table.pointtotals th {background:#c2d874;}
table.pointtotals td {border-bottom:1px solid #ccc;}

#rightcolmid /*far right col holds supporting content */
{
	float: left;
	width: 250px;
	margin: 30px 0px 30px 20px;
	padding:0px 0px 0px 15px;
	border-left:1px solid #c8c6c0;
	font:11px/15px Arial, Helvetica, sans-serif;
}

#rightcolwide /*far right col holds supporting content */
{
	float: left;
	width: 355px;
	margin: 30px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	border:0px solid #c8c6c0;
	font:11px/15px Arial, Helvetica, sans-serif;
}
#rightcol p 
{
	font:11px/15px Arial, Helvetica, sans-serif;
	
}

.rule /*far right col holds supporting content */
{
	
	border-top:1px solid #c8c6c0;
	width:100%;
}



a[href $='.pdf'] { 
background:transparent url(../images/icon_pdf.gif) 0 5px no-repeat;
display:inline-block;
padding-left:17px;
line-height:20px;
}

a.nopdf { 
background:none;
}

/* GREEN NAVS
========================================*/


#greennavs
{
	width: 980px;
	height:55px;
	margin: 12px auto;
	background: transparent url(../images/bg_greenbar.jpg);
	text-align:center;	
}

#greennavs .greenbtn { margin: 4px 1px 0px 0px; padding: 0px;}



/* FOOTER ITEMS
========================================*/


#footercontainer
{
	width: 100%;
	height: auto;
	margin: 0px;
	background: #bebebe url(../images/bg_footer.jpg) repeat-x;
	text-align:center;
	float:left;
	position:relative;
	border:0px solid #ff0000;
}

.footer 
{
	width:980px;
	margin: 20px auto;
	text-align:center;
	clear:both;
	position:relative;
	z-index:80;
	border:0px solid #ccc;
}






/* UNORDERED LISTS
========================================*/

#contentcol ul
{
	margin: 5px 0 15px 5px; 
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}


#contentcol ul li /* basic lists in content area */
{ 
	background: url(../images/bullet.gif) no-repeat 0 5px;
	padding: 0px 0px 5px 15px;
	position:relative;
}


ol
{
	margin: 5px 0 15px 20px; 
	padding: 0px 0 0 10px;
	display: block;
}


ol li /* basic lists in content area */
{ 
	margin: 0;
	padding: 6px 6px;

       /*--The bevel look is styled with various colors in the border properties below--*/
	
	

}




#rightcol ul
{
	margin: 5px 0 10px 10px; 
	padding: 0px 0 0 0px;
	list-style-type: none;
	display: block;
}




#rightcol ul li /* basic lists in content area */
{ 
	background: url(../images/bullet_sm.gif) no-repeat 0 2px;
	padding: 0px 0px 5px 10px;
	position:relative;
}



ul.smlist
{
	margin: 5px 0 10px 5px; 
	padding: 0px 0 0 0px;
	list-style-type: none;
	display: block;
}

ul.smlist li /* basic lists in content area */
{ 
	background: url(../images/bullet_sm2.gif) no-repeat 0 3px;
	padding: 0px 0px 0px 8px;
	position:relative;
	font-size:10px;
}



/* MAIN NAVIGATION
======================================== */

#mainnavs
{
	margin: 13px 0px 0px 130px;
	padding: 0px;
	text-align:left;
	float:right; position:relative;clear:both;
	
	
}

#mainnavs ul
{
	margin: 0px;
    padding: 0px;
    list-style-type: none;
	text-align:left;
}


#mainnavs li
{	
	display: inline;
    margin: 0px 15px;
    padding: 0px;
    background:none;
}


/* MAIN NAVIGATION
======================================== */
body#home #corenavs {display:none;}


#corenavs
{
	margin: 30px 0px 0px 170px;
	padding: 0px;
	text-align:left;
	float:left; position:absolute;
	top:0px; left:250px;
	
}

#corenavs ul
{
	margin: 0px;
    padding: 0px;
    list-style-type: none;
	text-align:left;
}


#corenavs li
{	
	display: inline;
    margin: 0px 15px;
    padding: 0px;
    background:none;
}




/* SUB NAVIGATION
======================================== */


#subnavcol #subnav ul
{
	margin: 0px 0px 0px 0px;
	width: 140px;
	padding: 0;
	list-style-type: none;
	font:11px/14px Arial, Helvetica, sans-serif;
}


#subnavcol #subnav ul li
{
	margin: 4px 0px 0px 0px;
	padding: 0;
}

#subnav ul li a
{
	display: block;
	padding: 3px 0px 3px 0px;
	width: 130px;
	text-align:right;
	
}

#subnav ul li a:link { color: #555;text-decoration: none;}

#subnav ul li a:visited { color: #444444; text-decoration: none;}

#subnav ul li a:hover { background:#fdfdfd; color: #222;}

.submenu { display: none;}

body#business #subnav .submenu.subbusiness { display: block;}
body#nonprofits #subnav .submenu.subnonprofits { display: block;}
body#schools #subnav .submenu.subschools { display: block;}
body#individuals #subnav .submenu.subind { display: block;}
body#about #subnav .submenu.subabout { display: block;}




body.pgnonprofitmain li.subnonprofits,
body.pgbusiness li.subbusiness,
body.pgbusresource li.subbusresource,
body.pgschools li.subschools,
body.pggreenvision li.subgreenvision,
body.pgcampus li.subcampus,
body.pgneighborhoods li.subneighborhoods,
body.pgactivities li.subactivities,
body.pgfarmers li.subfarmers,
body.pgcontact li.subcontact,
body.pgsustainability li.subsustainability,
body.pgabout li.subabout,
body.pgsteering li.substeering


{background:#e3e3e3;}



/* FORMS
========================================================================*/   
#calform {font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;}

#calform .submit {
	height: 29px;
	padding-top: 5px;
	
	clear: both;
	margin-left:90px;
} 

#calform .input {
	background-color: #ddd;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #ffffff;
	width:140px;
	height:15px;
	
}

#calform .textarea {
	border: 1px solid #ffffff;
	background-color: #ddd;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	width:140px;
	margin: 4px 0 5px 8px;
}



/* HOME PAGE STYLES
========================================*/

#hmleftcol /*big photo area */
{
	float: left;
	position:relative;
	width: 550px;
	height:320px;
	margin: 0px 15px 5px 10px;
	border: 0px solid #000;
	overflow:hidden;
}

#hmrightcol 
{
	width: 405px;
	height:290px;
	margin: 0px 0px 25px 0px;
	padding:0px;
	float: left;
	position:relative;
	text-align:left;
	border: 0px solid #000;
}

#stories { background:transparent url(../images/bg_stories.jpg) no-repeat; float:left;text-align:center; width:445px;}
#stories .storyone { width:118px; position:relative; margin:10px 27px 5px 14px; float:left;}
#stories .storytwo { width:118px; position:relative; margin:10px 25px 5px 5px; float:left;}
#stories .storythree { width:118px; position:relative; margin:10px 0px 5px 7px; float:left;}

img.border {
	border:4px solid #d9d8d4;

}

a.smalllink:link, a.smalllink:active, a.smalllink:visited  { color: #006607; text-decoration:underline;font-weight:bold;font-size:11px;}
a.smalllink:hover {color: #222222; text-decoration:underline;}


.ftcolone {width:80px; height:40px; float:left;position:relative; margin:0px 10px 5px 25px; padding:5px 15px 0 0;border-right:1px solid #999;text-align:right;}

.ftcoltwo {width:150px; height:65px;border:0px solid #c3c2c0; float:left;position:relative; margin:0px 20px 5px 10px; padding:0 15px 0 0;}

.ftcolthree {width:350px; float:left; position:relative; border:0px solid #c3c2c0; color:#ccc;}



/* TABLE STYLES
========================================*/
.forumcomments {border-top:1px solid #ccc; padding:5px;}
.forumcomments div { padding:5px 0 0 0;margin:0px;}
.commentname {font-size:13px; color: #555;font-weight:bold;}
.comments {background:#eeeeee;padding:0px 5px; border:1px solid #ccc;}
.forumpic {background:#ffffff;padding:5px 5px; border:1px solid #ddd;width:45px; text-align:center; float:left; position:relative;margin:0px 10px 0 0;}

/* Tag Cloud STYLES
========================================*/
.cloud_link a:link, .cloud_link a:visited, .cloud_link a:active, .cloud_link a:hover
{
text-decoration:none;
line-height:16px;
}


/* Footer
===============*/



.slide-panel {
	z-index: 25;
	width: 5px;
	position: absolute;
}

.bottom {
	bottom: 0;
}

.right {
}

.left {
	position: absolute;
	left: 0;
}

.top {
	top: 0;
}

.content {
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	background-color: #343434;
	height: 0;
	width: 100%;
	color: #fff;
}

.slide-button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 150px;
	z-index: 20;
	cursor: pointer;
	height: 30px;
	padding-top: 10px;
	text-align: center;
}

.slide-button:hover {
	color: #9f9d8e;
}




.copyright p {width:500px;margin:0px 10px 0px 0px; color:#eee;text-align:right;float:right;font-size:9px;}


.btncontact {float:left; position:relative;width:112px;margin:0px 0 0 0px; padding:0px;}

/* FORMS
========================================================================*/

#title {
	width: 285px;
	height: 26px;
	color: #5A698B;
	font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}


form#contact {
	
	background: transparent url(../images/bg_form.jpg) no-repeat;
	width:530px;font-size: 11px;
	line-height: 14px;
	z-index:6;
	position:relative;
}

form#relations {
	
	background: transparent url(../images/bg_form.jpg) no-repeat;
	width:257px;font-size: 11px;
	line-height: 14px;
}

.col1, .col1b {
	text-align: right;
	width: 65px;
	height: 20px;
	margin: 0;
	float: left;
	margin-right: 2px;
	padding-top:3px;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	
}

.col1b {
	
	font-size: 11px;
	line-height: 14px;
	color:#333; 
	
}

.col2 {
	width: 170px;
	height: 23px;
	display: block;
	float: left;
	margin: 0;

}

.col2comment {
	width: 170px;
    margin: 0;
	display: block;
	float: left;
	
}

.col1comment {
	text-align: right;
	width: 65px;
	float: left;
	display: block;
	margin-right: 2px;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
}

div.row {
	clear: both;
	width: 250px;
}

.submit {
	height: 29px;
	padding-top: 5px;
	clear: both;
	margin-left:90px;
} 

.input {
	background-color: #ddd;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #ffffff;
	width:140px;
	height:15px;
	
}

.textarea {
	border: 1px solid #ffffff;
	background-color: #ddd;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	width:140px;
	margin: 4px 0 5px 8px;
}

/* Rounded Corner Tables
========================================================================*/


.rounded-corner
{
	margin: 20px 0 15px 0px;
	width: 580px;
	text-align: left;
	border-collapse: collapse;
}
.rounded-corner th.rounded-top-left { background: #ccc url('../images/table-left.png') left -1px no-repeat; }
.rounded-corner th.rounded-top-right { background: #ccc url('../images/table-right.png') right -1px no-repeat; }
.rounded-corner th {
	padding: 6px;
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
	color: #555;
	background: #ccc;
}
.rounded-corner td
{
	padding: 6px;
	background: #e1e1e1;
	border-top: 1px solid #fff;
	color: #555;
}

.rounded-corner td a
{
	display:block;border:1px solid #000;
}
.rounded-corner tfoot td.rounded-foot-left { background: #ccc url(../images/table-botleft.png) left bottom no-repeat; }
.rounded-corner tfoot td.rounded-foot-right { background: #ccc url(../images/table-botright.png) right bottom no-repeat; }

/*.rounded-corner tbody tr:hover td
{
	background: #f2f2f2;
}*/

	
/* calendar
=====================================================================*/

#calendar  {
	background: transparent url(../images/bg_purple.jpg) repeat-x 0 0px;
	margin:0;
	padding:4px 0 0 0; /*needs this so top orange bar doesn't get covered by hover*/
	width: 100%;
	display:block;
}

#contentcol #calendar ul
{
	list-style-type: none;
	background: none;
	margin: 0px 0 0 0px;
}

#contentcol #calendar li
{
	display: inline;
	list-style-type: none;
	background: none;
	border-bottom: 1px solid #ffffff;
	width: 100%;
	float: left;
	position:relative;
	background:#ddd;
	padding:0px;/*this must be zero so whole row highlights w/o margins*/
	margin: 0px; /*this must be zero so whole row highlights w/o margins*/
}

#contentcol #calendar li.calheader
{
	display: inline;
	list-style-type: none;
	background: #ccc;
	border-bottom: 1px solid #ffffff;
	float: left;
	padding: 5px 0px 5px 0px;
	position:relative;
	font-weight: bold;
	font-size: 11px;
	text-transform:uppercase;
	color: #555;
	margin: 0px 0px 0px 0px; /*this must be zero so whole row highlights w/o margins*/
}

#calendar li a  /*styles here will apply to both sides*/
{ 
	display: block; /*needs this to highlight whole row*/
	text-decoration: none;
	color: #006607;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
	background:#ddd url(../images/gradback.jpg) repeat-x;
	
	
}

#calendar li a:hover { background:#f2f2f2 url(../images/gradhover.jpg) repeat-x; }


#calendar li  b
{
	display: inline;
	float: left;
	padding: 0 5px 0 5px;
	width:130px;
	font-weight:normal;
}

#calendar li  em
{
	display: block;
	width: 80px;
	margin:  -15px 0 0px 490px;
	font-style: normal;
}


blockquote.pullquote {
	padding:12px 0 12px 12px;
	margin: 5px 0px 8px 0;
	float:left;
	width:180px;
	text-align: center;
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
        border-left:0px solid #ddd;
        border-right:0px solid #ddd;
	line-height:2em;
        background:#f2f2f2;
        
}
blockquote.pullquote.right {
	margin: 5px 0 8px 15px;
	float:right;
}
blockquote.pullquote p {
	margin:0 !important;
	font-size:15px;
	line-height:1.2em;
	color:#095f32;
	font-weight:normal;
}




.stathead {float:left; position:relative;background:transparent url(../images/stathead_bg.png);margin:0px 0px 0px 0px;padding:0px;}

.stathead_wide {width:100%;text-align:center;float:left; position:relative;background:transparent url(../images/stathead_bg.png) repeat-x;margin:0px 0px 0px 0px;padding:0px;}
.stat {width:50px; float:left; position:relative;border:0px solid #000;margin:9px 0px 6px 0px;padding:7px 0px;font-size:11px;padding:0px; text-align:center;}
.statsubject {width:570px; float:left; position:relative;border:0px solid #000;font-size:11px;line-height:14px;margin:9px 0px 6px 10px; padding:0px 0px;}
.statsubject_wide {width:400px; float:left; position:relative;border:0px solid #000;font-size:11px;line-height:14px;margin:9px 0px 6px 10px; padding:0px 0px;}


.statsubjectmain {width:185px; float:left; position:relative;border:0px solid #000;font-size:11px;line-height:14px;margin:9px 0px 6px 10px; padding:0px 0px;}




/*---end stats--*/


/*---main page stats panel--*/
.forumstats {width:100%;float:left; position:relative;background:transparent url(../images/stats_bg.jpg) repeat-x 0 32px; border:0px solid #ff0000;}
.stathead_main {width:100%;text-align:center;float:left; position:relative;background:transparent url(../images/stathead_bg.png) repeat-x;margin:0px 0px 0px 0px;padding:0px;}
.statblock {border-top:1px solid #ccc;float:left; position:relative; margin:0px; padding:0px;/*background:transparent url(../images/statpost_bg.jpg);*/}
.statblock p {font-size:11px;clear:both; display:block;margin:0px 0px 0px 60px;}

.statsubject_widemain {width:560px; float:left; position:relative;border:0px solid #336699;font-size:11px;line-height:14px;margin:9px 0px 6px 10px; padding:0px 0px;}



.statblock a:link, .statblock a:active, .statblock a:visited  { color: #006633; text-decoration:underline;font-weight:bold;font-size:13px;}
a:hover {color: #222222; text-decoration:underline;}

/*--- sliding stats main page --*/





.statblockmain {border-top:1px solid #ccc;float:left; position:relative; margin:0px; padding:0px;width:610px;clear:right;}





/*----Slides----------*/

#minicontainer {

	z-index:200;
	position:relative;
	width:100%;
	padding:0px;
	clear:both;
	float:left;
	margin:0px 0px 0px 0px;
	background: transparent url(../images/stats_bg_scoreboard.jpg) repeat-x 0px 0px;
	border:0px solid #ff0000;
	
	}
	
	


	#contentcol ul.slidenav{
		list-style-type: none;
		width:100%;
		height:28px;
		margin:0px 0px 0px 0px;
		padding:0px;
		float:left;
		color:#ffffff;
		/*background:#bbb;*/
		border-bottom:1px solid #ccc;
	}
	#contentcol ul.slidenav li{
		float: left;
		margin: 0px 0px 0px 0px;
		list-style-type:none;
		color:#ffffff;
		background:none;
		padding:0px 0px 8px 0px; /*sets the space between words and bullets*/}
		
		
	
	.SlideTab {margin:0px 0px 0px 0px;overflow:auto; padding:7px 0 0 0 ; border:0px solid #ffff00; position:relative;width:100%;border:0px solid green;}
	
	
	
	.indent {margin:0px 0px 0px 0px;}
	
	/*---------------------*/

div.SlideTab#Tab0  {background:url(../images/slide_marker.png) no-repeat 7px -1px;}
div.SlideTab#Tab1  {background:url(../images/slide_marker.png) no-repeat 119px -1px;}
div.SlideTab#Tab2  {background:url(../images/slide_marker.png) no-repeat 230px -1px;}

.credit, .credit a {font-size:11px; line-height:14px;text-decoration:none;}

/*
    AnythingSlider v1.4

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	
	margin: 0 auto;
	position: relative; 
	border:0px solid #000;
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #777;
}
div.anythingSlider .anythingWindow {
	border: 3px solid #bbb;width: 540px;
}
/* Active State */
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	background-color: #bbb;
}
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #bbb;width: 540px;overflow:hidden;position:relative;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for naviagation */


/* anythingSlider base UL */
ul.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0; left: 0;
	margin: 0;
	padding:0;
}
ul.anythingBase li.panel {
	background: transparent;
	display: block;
	float: left;
	padding: 0;
	border: 0px solid #336699;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: none;
}
div.anythingSlider .arrow a {
	display: block;
	height: 120px;
	margin-top: -60px;
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(../images/arrows.png) no-repeat;
	text-indent: -9999px;
}
/*div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }*/

/* Navigation Links */
div.anythingSlider .thumbNav { margin: 0; }
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	font: 10px/18px Arial, Helvetica, sans-serif;;
	display: inline-block;
	text-decoration: none;
	color:#666;
	padding: 0px 6px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../images/slider_navbg1.gif);
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
}
div.anythingSlider .thumbNav a:hover { background-image: url(../images/slider_navbg2.gif); }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	font: 10px/18px Arial, Helvetica, sans-serif;;
	z-index: 10;
	background: #ddd;
	color: #666;
	padding: 0px 3px;
	margin: 0 0px 0 0px;
	width: 25px;
	height: 18px;
	text-align: center;
	text-decoration: none;
	float: right;position:relative;
}
div.anythingSlider .start-stop.playing { background-color: #ddd; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; color: #666; }

div.anythingSlider .slidecaption {
padding: 0;
	border: 0px solid #336699;
	margin: -30px 0 0 0;
	padding:5px 10px;
	font-size:11px;
	line-height:12px;
	color:#eee;
	height:30px;
	background:#333;
	z-index: 400;
	position:relative;
}


/*-------End anything slider------------*/

#outerdiv {
height:550px;
overflow:hidden;
position:relative;
width:940px;
border:1px solid #ddd;
/*overflow:auto;*/
}

#outerdiv #inneriframe {
height:730px;
left:-35px;
position:absolute;
top:-144px;
width:975px;
}


/*-------Calculators------------*/
.calcmethodcol {background:#e2e2e2;padding:10px;border:1px solid #ccc;min-height:250px; width:93px;text-align:center;float:left; position:relative;}
.calcmiddlecol {background:#e2e2e2;padding:10px;border:1px solid #ccc;min-height:250px;float:left; position:relative;}
.calcmiddlecol p {font-size:11px;}
.calcfootprintcol {background:#e2e2e2;padding:10px;border:1px solid #ccc;min-height:250px; width:230px;float:left; position:relative;}


/* "Winter Blues" CSS theme for CSS Table Gallery (http://icant.co.uk/csstablegallery/) by Gunta Klavina (http://www.klavina.com) */

table.calcfootprint {font: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;padding: 0; margin: 0; border-collapse: collapse; color: #333; background: #F3F5F7; width:100%;}
table.calcfootprint p {font-size:11px; margin:10px 0 0px 0;}
/*table.calcfootprint a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}*/

.calctabs {border-bottom:2px solid #888; width:410px;font-weight:bold; font-size:10px; text-transform:uppercase;}

.spanbg {background:#fff;position:relative; float:left;}

table.calcfootprint a:visited {color: #777;}

table.calcfootprint a:hover {color: #000;}  

table.calcfootprint thead th {background: /*#545c64;*/ #726753 url(../images/bg_chipboard.jpg) repeat; padding: 8px 6px; color: #fff; text-align: left; font-weight: normal;}
table.calcfootprint thead th.alt {background: #999;color:#fff; padding: 6px 4px; text-align: left; font-weight: normal;}


table.calcfootprint tbody, table.calcfootprint thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

table.calcfootprint tbody {border-bottom: 1px solid #EAECEE;}
                      
table.calcfootprint tbody td {padding: 6px 5px; /*background: url("../images/td_back.gif") repeat-x;*/border-bottom:1px solid #ddd; text-align: left; font-size:11px;line-height:16px;}

table.calcfootprint tbody tr {background: #F3F5F7;}

table.calcfootprint tbody tr.odd {background: #F0F2F4;}

table.calcfootprint tbody  tr:hover {background: #EAECEE; color: #111;}

table.calcfootprint tfoot td, table.calcfootprint tfoot th, table.calcfootprint tfoot tr {text-align: left; font: 13px  "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; text-transform: uppercase; background: #fff; padding: 10px;}