body {
	color: #000000;
	background-color: #ccc;
	border-style: none;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	text-align: left;
	margin: 20px auto;
	padding: 0;
}

h1 {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h2 {font-size: 1.0em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}


#wrapper {
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	width: 768px;
	background: #fff;
}

html img { border: 0; }

.spacer { clear: both; }
p.spacer { clear: both; margin: 0; padding: 0; }

#bannerwrapper { background: #fff; }
#banner { background: #fff; width: 100%; height: 50px;}
#banner img { float: left;  padding: 10px;}
#banner p { margin: 0; padding: 0;}

#tools {
	float: right;
	margin: 0;
	padding: 5px;
	background: #fff;
}

#tools ul { margin: 0; padding: 0; list-style-type: none;}
#tools ul li { display: inline; padding: 0 3px; margin: 0; font-size: 0.7em;}
#tools a:link, #tools a:visited { color: #D3D3D3; text-decoration: none; }
#tools a:active, #tools a:hover { color: #D3D3D3; text-decoration: underline; }

#bodywrapper { background-color: #fff; margin: 0 0 50px 0; padding: 0;}

/* breadcrumbs */
#breadcrumbs { clear:both; margin: 0 0 10px -5px; padding: 0; font-size: 11px; color: #fff;}
#breadcrumbs span.seperator { margin: 0 5px; padding: 0 5px 0 5px; }
#breadcrumbs a:link, #breadcrumbs a:visited  { margin: 0; padding: 0 5px 0 5px; color: #fff; text-decoration: none;}
#breadcrumbs a:hover, #breadcrumbs a:active { text-decoration: underline; }
#breadcrumbs a.home { }
#breadcrumbs span.bread { color: #999; padding-left: 5px; }
/* end breadcrumbs */

/* 2pane specific */
#bodywrapper p { font-size: 0.8em; line-height: 1.2;}

#leftpane {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
}
#leftpane img { padding: 0; margin: 0; border-bottom: 1px solid #fff; }
#leftpane p { margin: 0; padding: 0; }

#subnav { margin: 0; padding: 0; width: 180px; border-bottom: 1px solid #fff;}

#subnav ul { list-style-type: none; margin: 0; padding: 0; border-top: 0;}

#subnav ul li { margin: 0; padding: 0; border-bottom: 1px solid #eee;}

#subnav a {
	margin: 0;
	min-height: 12px;
	display: block;
	padding: 5px 10px;
	background-color: #69c;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
}

html>body #subnav li a { width: auto; }

#subnav li a:hover
{
	background-color: #ccc;
	color: #fff;
}

#subnav ul ul li { margin: 0; padding: 0; padding-left: 20px; border-top: 0; background-color: #eee;}

#subnav ul ul a
{
	display: block;
	margin: 0;
	/*padding: 2px 10px 0px 0px;*/
	width: auto;
	color: #333;
	background-color: #fff;
	font-weight: normal;
	text-decoration: underline;
	background: none;
	text-transform: none;
}

#subnav ul ul a:hover
{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	background-color: #ccc;
	background: none;
}


#content {
	float: left;
	width: 587px;
	border-left: 1px solid #fff;
	margin: 0;
	padding: 0;
}

#contentheader { background: #ccc; margin: 0; padding: 10px 0 0 20px; }
#contentheader h1 { color: #fff; font-family: verdana, arial, helvetica; font-size: 23px; text-transform: uppercase; font-weight: normal; margin: 20px 0 20px 0; padding: 0; }
#content ul, #content ol { list-style-type: normal; }
#content ul li, #content ol li { font-size: 0.8em; padding: 2px; }
#bodycontent { margin-left: 20px; padding: 0; }
#bodycontent h1, h2, h3 { font-size: 14px; color: #369; margin: 20px 0 10px 0; text-transform: uppercase;}
#bodycontent p, #bodycontent ul li, #bodycontent ol li { font-size: 11px; color: #666; padding: 0;}
#bodycontent a:link, #bodycontent a:visited { color: #69c; text-decoration: none; }
#bodycontent a:active, #bodycontent a:hover { text-decoration: underline; }

/* end 2pane specific */
#footer { clear:both; height: 30px; margin: 30px 0 0 0; padding: 0;}
#footer p { font-size: 0.7em; margin: 0; padding: 0;}

div.related { font-size: 11px; }
div.related ul { margin: 0; padding: 0; list-style-type: none; }
div.related ul li { padding: 2px 0; }

.mac-clearfix { clear: both; }
/* float clearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */