body     {
	font-family : "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-image: url(gfx/back_grey.gif);
}
	
/* box layout */

/* boxwrap is the white bordered layout around the outside of the layout */
.boxwrap   { 
	width: 720px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	border: 15px solid #FFFFFF;
	background-color: #FFFFFF;
}


 /* boxbody encapsulates boxleft and boxcenter */
 
.boxbody   { width: 550px; float: left; }

.boxcenter { width: 400px; float: right; vertical-align: top; margin-bottom: 15px; }
	.boxcenter h1 { color: #8E9E9C; margin-top:25px; margin-bottom: 15px; }
	.boxcenter h2 { color: #000000; font-size:14px; line-height: 19px; padding-left: 9px; }
	.boxcenter p {
	font-family : "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 6px;
}
	.boxcenter a { color: #2B557F; text-decoration: none; font-weight: bold; }
	.boxcenter a:hover { color: #8E9E9C; text-decoration: underline; }
	.boxcenter a:visited { color: #8E9E9C; }

.boxleft   {
	width: 130px;
	float: left;
	border: 1px dotted #CCCCCC;
	vertical-align: top;
	margin-bottom: 15px;
}
	.boxleft h3 { font-size: 11px; line-height: 13px; text-align: left; font-weight: bold; padding-left: 7px; }
	.boxleft p { font-size: 11px; line-height: 13px; text-align: left; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; }
	.boxleft a { color: #003366; text-decoration: none; }
	.boxleft a:hover { color: #003399; text-decoration: underline; }
	.boxleft a:visited { color: #8E9E9C; }

.boxright  { width: 150px; float: right; margin-top:100px; }
	.boxright p { font-size: 11px; line-height: 15px; color: #000000; border-bottom-width: 1px; 
	border-bottom-style: dotted; border-bottom-color: #999999; padding-top: 25px; padding-bottom: 25px; 
	border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; margin-bottom: 15px; }
	.boxright img {
	margin: 0;
	padding: 0;
	border: 0px none #FFFFFF;
}


.boxheader { width: 720px; height: 160px; background: #CDD6D2; }
	.boxheader h1 {	text-indent: -999em; margin: 0;	display: none; }
	.boxheader h2 {	text-indent: -999em; margin: 0;	display: none; }
	.boxheader p {	margin: 0; padding: 0;	}
	
.boxfooter { width: 100%;  clear: both;  }
	.boxfooter p { font-size: 10px; line-height: 15px; padding-top: 9px; margin-top: 15px; border-top: 1px dotted #999999; }
	.boxfooter a { color: #2B557F; text-decoration: none; font-weight: bold; }
	.boxfooter a:hover { color: #8E9E9C; text-decoration: underline; }
	
		
.breadcrumbs {
	font-family : "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	color: #666666;
	padding-left: 9px;
	margin-top: 9px;
}
	.breadcrumbs a { color: #2B557F; text-decoration: none; }
	.breadcrumbs a:hover { color: #8E9E9C; text-decoration: underline; }
	.breadcrumbs a:visited { color: #2B557F; }



.boxclear  { clear: both; line-height: 0px }

/* ie hack: */
/*

     .iehackwrap { text-align: center;  }
     .boxwrap    { text-align: justify; }     
 */
 
    
div { margin: 0px; padding: 0px; }



h1 { padding: 2px 10px; margin: 0px;}
p  { padding: 5px 10px; margin: 0px;}



h1 { font-size: 1.3em; }
p, li  { font-size: 0.8em; }


#scrolling div.boxleft, #scrolling div.boxright
   { overflow: auto; height: 4em;}
	
.title { font-size: 16px; color: #445566; padding-bottom: 15px; }