body {
	margin: 0;
	padding: 0;
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff url(../images/BG.jpg) repeat-x;
}

#outerHeader {
	margin: 0 auto;
	background: url(../images/topEdgenew.jpg) repeat-x;
	min-height: 56px;
}

#header {
	min-height: 50px;
	margin: 0 auto;
	width: 982px;
	border: #000 1px;
}
#outerStrap {
	min-height: 374px;
	width: 982px;
	margin: 0 auto;
}
#outerStrapMadison {
	min-height: 100px;
	width: 982px;
	margin: 0 auto;
}

#strap {
	background: url(../images/strapBGnew.jpg) no-repeat;
	width: 982px;
	margin: 0 auto;
	min-height: 374px;
}
#strapMadison {
	background: url(../images/strapBGMadison.jpg) no-repeat;
	width: 982px;
	margin: 0 auto;
	min-height: 200px;
}
/*#logo {
	position: absolute;
	left: 5px;
	top: 5px;
}*/
#contentWrapper {
	width: 982px;
	margin: 0 auto;
	font-size: 100%;
}

#content {
	width: 982px;
	margin: 0 auto;
	min-height: 400px;
	font-size: 100%;
}

#content img {
	padding: 2px;
	border: none;
}

#content table {
	margin-bottom: 40px;
	background-color: #FFF;
	border: #000 1px;
	width: 96%;
}
#content table th {
	text-align: left;
}
#content p {
	padding: 5px;
}
#content a.whiteText {
	color: #FFF;
}
#content table.Madison {
	background-color:#FFF;
}
#content table#crew th {
	text-align: center;
}
#leftcol {
	width: 150px;
	float: left;
	padding-top: 14px;
}

#rightcol {
	width: 175px;
	float: right;
	color: #4e4845;
	margin-top: 16px;
}

#footer {
	width: 100%;
	min-height: 50px;
	font-size: 85%;
	background-image: url(../images/footerBGnew.jpg);
	background-repeat: repeat;
	color: #FFF;
	width: 100%;
}

#footer p {
	text-align: center;
}

.clearAll {
	clear: both; 
}
/********** text and image elements ******************/

h1, h2, h3 {
	font-size: 140%;
	color: #000;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 120%;
	margin-bottom: 0;
}
img {
	border: none;
}
/********** Generic classes **********************/

.right {
	float: right;
	margin: 4px 0 2px 5px;
}
/********** header navigation *********************/

#header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 75%;
  float: left;
 }
  
#header li {
  float: left;		
  background: url("../images/right.gif") no-repeat bottom right;
  padding: 0 5px 0 3px;
  margin: 0 1px;
}
  
#header a {
  float: left;
  display: block;
  background: url("../images/left.gif") no-repeat left bottom;
  padding: 3px 8px 3px 16px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  margin-right: 3px;
}
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {
float: none;
}
/* End IE5-Mac hack */
#header a:hover, #header a:focus {
  color: #fff;
}
#header #current {
  background-image: url("../images/right_on.gif");
}
#header #current a {
  background-image: url("../images/left_on.gif");
  color: #666;
}
/* The code below sets up the "persistent page indicator", in other words it is how you "know where you are" on the site by looking at the navigation menu and seeing that the page section you are on is "indicated" by looking the same way it does when you "hover" over the navigation link.   */
body#aboutPage li#about, body#contactPage li#contact, body#organicPage li#organic, body#inorganicPage li#inorganic, body#madisonPage li#madison, body#homePage li#home {
  background-image: url("../images/right_on.gif");
}

body#aboutPage li#about a, body#contactPage li#contact a, body#organicPage li#organic a, body#inorganicPage li#inorganic a, body#madisonPage li#madison a, body#homePage li#home a {
  background-image: url("../images/left_on.gif");
  color: #666;
}
/********* Side Navigation ********************/

#leftcol ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#leftcol li {
	margin-bottom: 1px;
}

#leftcol li a {
	text-decoration: none;
	display: block;
	color: #fff;
	background-color: #666;
	padding: 2px 3px;
}

#leftcol li a:hover, #leftcol li .here {
	color: #000;
	background-color: #999;
}

.left {
	float: left;
	margin-top: 3px;
	margin-right: 7px;
}
#footer a {
	font-weight: bold;
	color:#fff;
	text-decoration: none;
}
#footer a:hover {
	color: #FC0;
}
	
/************ Column control ****************/

.twocol #rightcol {
	display: none;
}

.twocol #content {
	margin-right: 0;
	margin-left: 170px;
	width: auto;
}
/*******  Text Classes *******/


.tiniestText {
	font-size: 70%;
}
.superTinyText {
	font-size: 75%;	
}
.tinyText {
	font-size: 80%
}
.smallestText {
	font-size: 85%
}
.smallerText {
	font-size: 90%
}
.smallText {
	font-size:95%
}
.boldText {
	font-weight: bold;
}
.italicText {
	font-style: italic;
}
.brightRedText {
	color: #F00;
}
.brightBlueText {
	color:#00F;
}
.lightBlueText {
	color:#0CF;
}
.greenText {
	color: #090;
}
.mediumGreyText {
	color: #666;
}
.centerText {
	text-align: center;
}
.whiteText {
	color: #FFF;
}
.textRight {
	text-align: right;
}
/************ For IE mac ********************/

 /*\*//*/
 #header {
	height: 60px;
}

#outerStrap {
	height: 185px;
}

#strap {
	height: 184px;
	} 

 #outerContent {
	height: 300px;
}

#content {
	margin-left: -10px;
}

#leftcol {
    margin-right: 10px;
} 
 /**/