body {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	td {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	th {
		font-family: Arial, Helvetica, sans-serif;
	}
	p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-style: normal;
		line-height: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		color: #003366;
	}

/*
 *  FORMS
 */
	.form {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		width: 100%;
		color: #003366;
		border-collapse: collapse;
	}


	.divLform { float:left; width:30%; }
	.divRform { float:left; width:65%; }
	.divLnone { display:none; float:left; width:30%; }
	.divLbloc { display:block; float:left; width:30%; }
	

	p.footer {
	background:#003366;font:9pt Arial; color:white;
	}
	p.footer a {
	font:9pt Arial; color:white;
	}
	p.reference {
	font:9pt Arial; color:#336699; text-align:center;
	}
	p.news_box {font:10pt; color:#666666; position:relative; top:0;left:0; margin-left:30px; margin-right:20px; padding:10px; border: double #003366; text-align: left;
	}
	h1 {
	text-align:center; background:#003366; color:white; font: normal 22pt "Arial"; border: thick double #003366;
	}
	h2 {
	text-align:center; color:#003366; font: normal 18pt "Arial";
	}
	h3 {
	text-align:left; color:#003366; font: normal 16pt "Arial";
	}
	h4 {
	text-align:left; color:#666666; font: normal 14pt "Arial";
	}
	a:link {
 	color:#666666; font: normal 11pt "Arial"; // text-decoration:none;
	}
	a:visited {
	color:#666666; font: normal 11pt "Arial"; // text-decoration:none;
	}
	.link a {
	text-decoration: none;
	}
	#header-image a {
	text-decoration: none;
	}
	a:hover {
	color:#840000; text-decoration:underline;
	}
	a.navigation {
	color:#336699; font: normal 10pt "Arial"; // text-decoration:none;
	}
	a.navigation:visited {
	color:#336699; font: normal 10pt "Arial"; // text-decoration:none;
	}
	a.navigation:hover {
	color:#666666; font: normal 10pt "Arial"; // text-decoration:none;
	}
	a.toplink {
	color:#666666; font-size: 10pt; float:right; text-decoration:underline;
	}
	a.foot {
	background:#003366; color:white; font-size:9pt; text-decoration:none;
	}
	a.next {
	background:#000000; position:absolute; right:0; top:10;
	}
	span.linkheading {
	color:#336699; font-size: 10pt; font-weight:bold;
	}
	#breadcrumbs {
 	font: 70% Verdana, Arial, Helvetica, sans-serif;
	 color: #666666;
	}
	#breadcrumbs a {
 	color: #666666; font-size: 9pt;
	}
	img.left {
	position:relative; top:0;left:0; float:left; padding-right:10px; margin-right:10px;
	}
	img.left2 {
	position:relative; top:0;left:0; float:left; padding-right:5px; margin-right:5px;
	}
	img.acenter {
	position:relative; top:0;left:0; margin-left:30px; margin-right:20px;
	}
	img.aleft {
	position:relative; top:0;left:0; float:left; padding-left:10px; padding-right:10px; margin-right:50px;
	}
	img.center {
	text-align: center; margin-left:10em; margin-right:10em; padding: 0.5em; border: 1px solid gray;
	}	
	img.gallery {
	text-align: center; margin-left:10em; margin-right:10em; padding: 0.5em; border: 1px solid gray;
	}
	img.right { float:right; 
	}
	table {
	width:100%; border:0;
	}
	td.left{
	width:20%; text-align:right; 
	}
	td.center{
	width:65%; text-align:justify;
	}
	td.right{
	width:10%; text-align:center;
	}
	td.link{
	width:200px; height:30px; text-align:left; background:url(/images/navigation_00.gif);
	}
	td.sublink{
	width:200px; height:30px; text-align:left; background:url(/images/navigation_00.gif);
	}
	td.margin{
	width:20px; background:url(/images/navigation_01.gif);
	}
	td.board{
	width:350px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#eeeeff; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777; 
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	
	td.performance1{
	width:150px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#eeeeff; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777; 
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	td.performance2{
	width:300px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#eeeeff; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777; 
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	td.performance3{
	width:100px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#eeeeff; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777; 
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	td.performance4{
	width:500px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#eeeeff; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777; 
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	
	/*
 *  PROJECTS TABLE
 */
	td.department{
	width:350px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#e0e0e0; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777;
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	td.members{
	width:350px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#ffff9c; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777;
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	td.members_template{
	width:350px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#c6deff; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777;
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	td.members_details{
	width:350px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#ffffff; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777;
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	td.department{
	width:350px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #003366; background:#e0e0e0; 
	border-right: 1px solid #777777; border-bottom: 1px solid #777777; border-left: 1px solid #777777; border-top: 1px solid #777777;
	vertical-align: middle; padding-top: 4px; padding-left:8px; padding-right: 8px; padding-bottom:4px;
	}
	img.community{float:left; padding-left:10px; padding-right: 10px; padding-top:5px; 
	}
	.community1 {background-color: #ffffff; height: 160px; width: 600px; border-top: 1px solid #003366; border-left:1px solid #003366; 
	border-bottom: 1px solid #003366; border-right: 1px solid #003366; padding: 10px;
	}
		/*
 *  training workshop layout
 */
	
	.training1 {background-color: #e0e0e0; height: 225px; width: 850px; border-top: 1px solid #003366; border-left:1px solid #003366; 
	border-bottom: 1px solid #003366; border-right: 1px solid #003366; padding: 10px;
	}
	.training2 {background-color: #e0e0e0; height: 280px; width: 850px; border-top: 1px solid #003366; border-left:1px solid #003366; 
	border-bottom: 1px solid #003366; border-right: 1px solid #003366; padding: 10px;
	}
	.training3 {background-color: #e0e0e0; height: 360px; width: 850px; border-top: 1px solid #003366; border-left:1px solid #003366; 
	border-bottom: 1px solid #003366; border-right: 1px solid #003366; padding: 10px;
	}
	.training4 {background-color: #e0e0e0; height: 440px; width: 850px; border-top: 1px solid #003366; border-left:1px solid #003366; 
	border-bottom: 1px solid #003366; border-right: 1px solid #003366; padding: 10px;
	}
	ol {
	color:#666666;
	}
	ul {
	list-style-type:square; color:#666666;
	}
	p.indent {text-indent:20px;
	}
	p.double_indent {text-indent:40px;
	}
	p.triple_indent {text-indent:60px;
	}
	p.alert {color:#840000;
	}
	legend {
	color:#003366;
	}
	div.news_box {font:normal 10pt; color:#666666; position:relative; top:0;left:0; margin-left:20px; margin-right:10px; padding:1px 10px 5px 0px; border: double #003366; text-align: left;
	}
	h3.news_box {color:#666666;
	}
	a.news_box {color:#666666; font: normal 10pt "Arial"; text-decoration:none;
	}
	a.news_box:hover {color:#840000; font: normal 10pt "Arial"; text-decoration:none;
	}
	
	/* layout for home page */ 
#container {float: left; width: 99%; height: 660px; position: relative; margin-bottom: 10px; 
} 
.col1 { height: 630px; width: 54%; float: left; border-right: 1px solid #e0e0e0; 
} 
.col2 { height: 630px; width: 44%; float: left; 
} 
.intro { height: 610px; width: 98%; 
} 
.news { height: 180px; width: 98%; padding: 10px; 
} 
.training { height: 180px; width: 98%; border-top: 1px solid #e0e0e0; padding: 10px; 
} 
.other { height: 220px; width: 98%; border-top: 1px solid #e0e0e0; padding: 10px; 
} 
#margin { clear:both; 
} 

div.training_box {font:normal 10pt; color:#666666; position:relative; top:0;left:0; margin-left:20px; margin-right:10px; padding:1px 10px 5px 0px; text-align: left;
	}
	h3.training_box {color:#666666;
	}
	a.training_box {color:#666666; font: normal 10pt "Arial"; text-decoration:none;
	}
	a.training_box:hover {color:#840000; font: normal 10pt "Arial"; text-decoration:none;
	}

	/* layout for training page */ 
#training-container {float: left; width: 99%; height: 660px; position: relative; margin-bottom: 10px; 
} 
.col1 { height: 630px; width: 45%; float: left; 
} 
.col2 { height: 630px; width: 45%; float: left; 
} 
.workshops { height: 300px; width: 95%; padding: 10px;
} 
.slides { height: 300px; width: 95%; padding: 10px;
} 
.how-tos { height: 300px; width: 95%; padding: 10px; 
} 
.websites { height: 300px; width: 95%; padding: 10px; 
} 
#margin { clear:both; 
} 

p.status { font:11pt Arial; color:#299C39; 
} 
p.status2 { font:11pt Arial; color:#FF3118; 
} 
p.status3 { font:11pt Arial; color:#FFCC00; 
} 

p.caption {font:11pt Arial; color:#336699; text-align:center; 
} 

	/* header & footer styles */
	
	#header td { background-color: #003366; height: 96px}
	body { margin: 0; padding: 0;}
	#header td h1 { background-color:transparent; border:0; text-align:left; font-family:Georgia; font-weight:normal; font-size:150%; margin:0; padding:0; }
	#top-nav { font-size: 13px; color: #ccc; padding: 0.3em 0.5em 0.5em 0.5em }
	#top-nav a, #top-nav a:visited {  font-size: 100%; font-weight: bold; color: #00346c;   }
	#header-image { background: url(/images/header-image.JPG) no-repeat right top}
	#header a  { background-color: #003366 }
	h2 { text-align: left; margin-top: 1em; }

	#shadow { height:7px; }
/*
	#shadow { background: url(/images/shadow.GIF); height: 7px}
	#content td { padding-bottom: 1em } 
*/
	#footer td { background-color: #003366; padding: 10px 0; margin-top: 50px }	
	#footer p.footer { margin: 0 10px 0px 0; padding: 0 }
	#bottom-nav { font-size: 13px; color: #ccc; padding: 0.3em 0.5em 0.5em 0 }
	#bottom-nav a, #bottom-nav a:visited {  font-size: 100%; font-weight: bold; color: #00346c;   }