body {
	margin: 0px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;			
}

h3 {
	margin-top: 0px;
	margin-bottom: 14px;	
	padding-bottom: 8px;
	font-size: 1.8em;
	border-bottom: 1px dotted #CCCCCC;	
}

a {
	text-decoration: none;
	color: black;
}

img {
	border: 0px;
}

h4 {
	margin-top: 0px;
}

#canvas {

	width: 1200px;
	margin: 0px 0px 0px -600px;
	background-color: #F6F6F6;
	position: relative;
	top: 20px;
	left: 50%;
	border: 2px solid #CCCCCC;	
}

#header
{
	width:100%;
	height:220px;
	background: url(../img/header_1200_220.jpg) no-repeat 0px 0px;
	background-color: #FFFFFF;		
	border-bottom: 2px solid #CCCCCC;	
}

#navi
{
	float: left;
	width: 240px;
	/*height:607px; /* 610 minus border-bottom: 3px solid #009966;  */ 
	background-color: #ECECEC;
}

#navi div.caption img {
	/*padding: 30px 5px 5px 5px;*/
}

div#navi div.caption p {
	margin: 0px;
	text-align: center;
	font-size: 0.8em;
	margin-top: -4px;
	margin-bottom: 8px;
}

#navi img.shadow {
	padding: 0px;
	margin: 60px 5px 5px 5px;
	border: 1px solid black;
	border-left: 0px;
	border-top: 0px;	
}

div#navi a {
	color: #000000;
}

#content {
	/*width: 934px; /* 1200 - 2x2(border) - 240(navi) - 2x10(padding */
	padding: 10px;
	margin-left: 240px;
	font-size: 14px;	
	line-height: 1.5em;
}

#content img {
	padding: 0px 5px 5px 0px;
}

div.caption p {
	margin: 0px;
	text-align: center;
	font-size: 0.8em;
	margin-top: -4px;
	margin-bottom: 8px;
}

div.caption a {
	color: #000000;
}

#content img.shadow {
	padding: 0px;
	margin: 0px 5px 5px 5px;
	border: 1px solid black;
	border-left: 0px;
	border-top: 0px;		
}

div#content ul li {
	margin-bottom: 5px;
}

#marginal
{
	float:right;
	width:230px;
	/*height:607px; /* 610 minus border-bottom: 3px solid #009966;  */ 
	background-color: #F6F6F6;
	display: inline;
	padding: 0px 5px 0px 5px;
}

#footer
{
	width: 1200px;
	clear: both;
	border-top: 1px solid #CCCCCC;	
	text-align: center;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.8em;
	padding: 5px 0px 5px 0px;	
}

/* Navigation */
div#navi ul {
	margin: 0;
	padding: 0;
	padding-top: 12px;	
	list-style: none;
	width: 240px; /* Width of Menu Items */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #ECECEC;
}

div#navi ul li {
	position: relative;
	border-bottom: 1px dotted #CCCCCC;
	margin-right: 5px;
	width: 230px; /* IE: repositiong with margin */
}

/* Styles for Menu Items */
div#navi ul li a {
	display: block;
	text-decoration: none;
	/* IE6 Bug */
	color: #000000;
	font-size: 1.1em;
	padding: 5px 2px 5px 4px;
}

/* Fix IE. Hide from IE Mac \*/
* html div#navi ul li { float: left; height: 1%; }
* html div#navi ul li a { height: 1%; }
/* End */

div#navi ul li a:hover {
	color: #009966; background: #FFFFFF; 
} /* Hover Styles */

/* Submenu level */
div#navi li ul {
	position: absolute;
	left: 179px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}
		
div#navi li ul li a {

} /* Sub Menu Styles */
		
div#navi li:hover ul, li.over ul {
	display: block;
} /* The magic */
