body {
	margin:0;
	padding:0;
	border:0;						/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#575757;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
											/* The min-width property does not work in old versions of Internet Explorer */
}
#footer {
	background: #CCC;
	border-top: 15px #036 solid;
	width: 800px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 0;
	padding-top: 8px;
	padding-bottom: 8px;
		word-spacing:0.2em;
	letter-spacing: .02em;
	font-family: "Lucida Grande", Tahoma sans-serif;
}


#header {
	background: url(../../i/top_image.jpg) no-repeat center;
	height: 85px;
	width: 800px;
		padding: 0;
	margin-left: auto;
	margin-right: auto;

}

.hide   {
   position: absolute;
   left: -9999px;
   top: -9999px;
   overflow:hidden;
}
#navBar {
	width: 800px;
	background: #CCC;
	border: 0px #CCC solid;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

#Content {
	border: 1px #fff solid;
	background: #fff;
	width: 798px;
	padding: 0;
	margin: 0 auto;
		font-family:Verdana, Geneva, sans-serif; 
		max-width: 960px;
}
#Content p {
		text-indent: 1.5em;					
}
#Content{
min-height:600px;
}
/* mac hide \*/
* html #Content{height:600px}
/* end hide */
#pageText { 

	font-size: 0.9em;
	line-height: 1.3em;
	word-spacing:0.2em;
	letter-spacing: .02em;
	margin-right:2.5em;
	text-align: justify;	
	padding-left: 20px;
	padding-right: 20px;

}
#pageText {
	padding-top: 15px;
	padding-left: 200px;
	padding-right: 5%;
	padding-bottom: 25px;
	margin: 0;
}
#pageText img {
	background: url(../../i/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	border: 0px;
}
#pageText h1,
#pageText h2 { 
	line-height: 1.3em;
	word-spacing:0.25em;
	letter-spacing: .06em;
	text-align: left;	
}
#leftCol {
		float: left;
	}
#badge {
	margin: 5px;
	margin-top: 15px;
	width: 201px;
		background: url(../../i/badge.jpg) no-repeat center;
	height: 254px;
	width: 97px;
		padding: 0;
	margin-left: 0px;
	/*margin-right: auto;*/
}
#linkBox {
	margin: 5px;
	margin-top: 15px;
	width: 171px;
	background: #FFE;
	font-size: 0.7em;
	border: 1px dashed #DDD; 
	color:#006; 
	font-family: arial, sans-serif; 
	text-indent: 0;	

	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 


}	
#linkBox h1,
#linkBox h2 {
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	font-size: 1.1em;
	font-weight: bold;

	
}
#linkBox ul {	padding: 3px; margin:0; list-style: none; }
#linkBox li {
		text-align:left; 
	margin-bottom: 1.2em;
	padding-left: 8px;
	/* background: url(i/bullet_navleft.gif) left center no-repeat; */
}
/* for email obfuscation email@<span class="displaynone">nospam-</span>server.com */
span.displaynone { display:none; }
#Content a:hover {
	background: #036;
	color: #FFF;
}
#Content a[href^="http://"] {
   display:inline-block;
   padding-right: 12px;
   background: transparent url(../../i/external.png) no-repeat center right;
}
#Content a[href^="http://"]:hover {
   display:inline-block;
   padding-right: 12px;
   background: #036 url(../../i/external.png) no-repeat center right;
}
#Content a[href^="mailto:"] {
   display:inline-block;
   padding-right: 17px;
   background: transparent url(../../i/icon_mail.jpg) no-repeat center right;
}
#Content a[href^="mailto:"]:hover {
   display:inline-block;	
	padding-right: 17px;
	background: #036 url(../../i/icon_mail.jpg) no-repeat center right;
}
#Content a[href$='.pdf'] {
   display:inline-block;
   text-indent: 0;	
   padding-left: 40px;
   background: transparent url(../../i/ico-pdf.png) no-repeat center left;
   height: 42px;
}
#Content a[href$='.pdf']:hover {
	background: #036 url(../../i/ico-pdf.png) no-repeat center left;
}
#Content a[href$='.doc'] {
   display:inline-block;
   padding-left: 40px;
   height: 42px;
   text-indent: 0;	
   background: transparent url(../../i/ico-doc.png) no-repeat center left;
}
#Content a[href$='.doc']:hover {
	background: #036 url(../../i/ico-doc.png) no-repeat center left;
}
#Content a[href$='.jpg']:hover, 
#Content a[href$='.png']:hover,
#Content a[href$='.gif']:hover, 
#Content a[href$='.JPG']:hover, 
#Content a[href$='.PNG']:hover,
#Content a[href$='.GIF']:hover {
	background: transparent;
}
.fleft{
	float: left;
}
.fright {
	float: right;
}
#pageText .noindent {
		text-indent: 0;					
}
#pageText #calendar table {
	text-align: center;
	border-collapse: separate;
	border-style: outset;
	font-size: .9em;
}
#pageText #calendar tr td,
#pageText #calendar tr th
 {
	border-right: 1px dotted #006;
	border-bottom: 1px dotted #006;
}
#pageText #calendar tr th {
	border-top: 1px dotted #006;
	background: #CCC;
	color: #006;
	font-size: .75em;
}
#pageText #calendar tr:first-child td {
	border: 0;
}	
#pageText #calendar tr.header td {
	background-color: #FBE0E1;
	color: #444;
	font-weight: normal; 
}
#pageText #calendar tr td.left,
#pageText #calendar tr th.left
 {
	text-align: left;
}
.installation {
	background-color: #006;
	color: #fff; 
}
#pageText #calendar .nomeeting {
	background-color: #333;
}
#pageText #calendar tr H2 {
	padding: 0;
	margin: 0 ;
	margin-bottom: .5em;
		text-align: center;
	font-size: 1.1em;
}
ul.newsLinks {
	display:block; 
	list-style: none;
	text-decoration: none

}
ul.newsLinks li {
		padding-bottom: 1.5em;
		font-weight: bold;
	}

/**************** menu coding *****************/
/* common styling */
.menu {font-family: arial, sans-serif; height:22px; font-size:11px; z-index:100; padding-left: 1px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:131px; text-align:center; color:#006; border:1px solid #ccc; background:#ccc; line-height:20px; font-size:11px; }
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;	}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#006;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px; }
.menu ul li:hover ul li a.hide {background:#006; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#006; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ccc; color:#006;border-bottom: 1px #69c dotted; border-right: 1px #69C dotted;}
.menu ul li:hover ul li a:hover {background:#006; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:131px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-131px;}
.menu ul li:hover ul li:hover ul li a {display:block; background:#ccc; }

.menu ul li.active a {background: #575757; color:#fff;}
.menu ul li.active ul li.active a {background: #575757; color:#fff;}
.menu ul li.active ul li.active ul li.active a {background: #575757; color:#fff;}