body{
margin:0;
padding:0;
background:#004400;
}

#container
{
width: 800px;
margin: 5px auto;
text-align: justify;
background: #fafafa;
padding: 5px;;
border: 1px solid gray;
}




#top{
background: #f1f1f1;
height: 120px; /*Height of top section*/
padding: .5em;


}





#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

font-size:10pt;
font-family: verdana;
color: #004400;

}


#rightnav .words {
font-size:10pt;
font-family: verdana;
color: #004400;
}
#leftnav{
float: left;
width: 180px; /*Width of left column*/
margin-left: -100%;
border-right: 1px solid gray;
}

#rightnav{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left marginto -(RightColumnWidth)*/
background: #f1f1f1;

}

#rightnav ul li a {text-decoration:none; color:#004400;}
#footer{
clear: left;
width: 100%;
background: #9caa9c;
color: #004400;
text-align: center;
padding: 4px 0;
font-size:8pt;
}


#footer a{
color: #004400;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubex{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
#hrzcontainer ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;

	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	background:transparent url("../images/OFF.gif") repeat-x top         left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #004400;
	border-top:1px solid #004400;

}
#hrzcontainer ul li{
	display:block;
	float:left; 
	margin:0;
	padding:0;
		display:table-cell;

	}
#hrzcontainer ul li a{
	display:block;
	float:left; 
	color:#004400;
	text-decoration:none;
	font-weight:bold;
	padding:12px 10px 0 10px;


	height:24px;
	background:transparent url("../images/DIVIDER.gif") no-repeat top left;
	}
#hrzcontainer ul li a:hover{
	background:transparent url("../images/HOVER.gif") no-repeat top right;	
	}
	
.urbangreymenu{
width: 160px; /*width of menu*/

}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: #f1f1f1;
background: #004400 ; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 5px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: #f1f1f1;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #004400;
background: #efefef url(../images/arrowbullet.png) no-repeat 8px 6px;
display: block;
padding: 5px;
line-height: 14px;
padding-left: 28px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #004400;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #004400;
background: #ccc  url(../images/arrowbullet1.png) no-repeat 143px 6px;
}	
#tipscontent{

background:#f1f1f1;
color:#004300;
font-size: 10pt;
text-align:justify;
padding: 5px;
}
#tipscontent body {
background:#f1f1f1;
}
#programs table { 
width:400px; 
border-top:1px solid #004400; 
border-right:1px solid #004400; 
border-left:1px solid #004400; 
margin:auto; 
      background-color: #eee;
border-collapse:collapse; 

} 

#programs td.tdleft {
text-align: left;
border-left: 1px solid #004400;
border-bottom: 1px solid #004400;

font: .8em;
}

#programs td { 
color:#004400; 
border-bottom:1px solid #004400; 
border-left:1px solid #004400; 
padding:.3em 1em; 
text-align:center; 
font: .9em;
} 

#programs thead th { 
background:#004400; 
text-align:center; 
font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
color:#f1f1f1; 
} 

#programs td.odd {
background:#99cc99; 
text-align:center; 
font:.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
color:#f1f1f1; 
}

#programs td.even {
background:#cccccc; 
text-align:center; 
font:.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
color:#f1f1f1; 
}

#programs  tbody tr.even td {
      background-color: #eee;

font:.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
    }
#programs  tbody tr.odd  td {
      background-color: #ccc;

font:.8em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; 
}	
#programs img {border:"0";}

.ddtable {font-size:10pt;
font-family: verdana;
color: #004400;}