html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body {
	margin:0px;
	background:#F4FFE4;
	}
	
td {
	font:0.76em/1.8 Verdana,"Lucida Grande","Lucida Sans Unicode",Geneva,sans-serif;
	color:#666666;
	vertical-align:top;
	}
	
a {color: #993300;}
a:hover {color: #5C743D;}
#ccol p {
	margin-top: 9px;
	text-align: left;
	font: 1em/1.8 Verdana,"Lucida Grande","Lucida Sans Unicode",Geneva,sans-serif;
	color:#666666;
}
.normal {font:13px/1.8 Verdana,"Lucida Grande","Lucida Sans Unicode",Geneva,sans-serif;}
.hang {
	margin-top: 0;
	padding-left:28px;
	text-indent:-28px;
	text-align:left;
	clear:both;
}
.hang p, .hang li  {text-indent:0;}

.hang strong {color:#990033;}
.hang img {
	float:left;text-indent:0;
	margin:6px 16px 5px -28px;
	border:1px solid #993300;
}
.hangp p {margin-left:10px;}

/* ID Styles */

#header {
	display: table-cell;
	height: 100px;
	padding: 0 0 0 20%;
	text-align:left;
	vertical-align: middle;
	color: #5C743D;
	background: #D5EDB3 url(../img/bg-header.jpg) no-repeat;
}
#header #montage {
	height: 100px;
	margin-left:0px;
	background: #D5EDB3 url(../img/bg-header.jpg) no-repeat;
}
#main {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
	border-collapse: collapse;
	border: none;
	empty-cells: hide;
}
#main td#null {
	font-size: 1px;
	line-height: 0px;
	height: 0; /* ie still shows space if the page gets longer  */
	background: #5C743D;
}
#ccol {
	position: relative;
	padding: 10px 4px;
	width: 80%;
	text-align: center;
	background: transparent url(../img/shadow1.gif) repeat-x 0 -5px;
	z-index: 1;
}
#ccol.twocol {width:80%;}
#lcol, #rcol {
	position: relative;
	/*display: table-cell;
	width: 20%;*/
	text-align: center;
	vertical-align: top;
}
#lcol {
	height: 100%;
	background: #5C743D url(../img/purple20.gif) repeat-y;
	z-index: 50;
	overflow: visible;
}
#rcol {
	/*padding: 3px 4px 4px 16px;*/
	z-index: 2;
	overflow: hidden;
}
.pagetitle 	{
	/*display:inline;*/
	margin-top:12px;
	font:24px/1 Arial, Helvetica, sans-serif;
	color: #5C743D;
	/*background: #D5EDB3;*/
	text-align:center;
	vertical-align:middle;
	letter-spacing:0.2em;
}

#tagline, .pagetitle small {	
	padding:0;
	font:11px/1.5 Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.25em;
	text-transform:uppercase;
}
		
.date {
	font:bold 1em Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */
.limitw {
	width: 90%;
	max-width: 45em;
	/*width: expression(document.body.clientWidth >= 828? "45em": "90%" );*/
	width: expression(this.offsetWidth >= (Math.round(parseInt(document.body.currentStyle.fontSize) * 0.917) * 45) ? (Math.round(parseInt(document.body.currentStyle.fontSize) * 0.917) * 45) + "px" : "90%"););
	text-align: center;
	margin: 0 auto;
}
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName, #ccol h2 {
	margin-top: 0.8em;
	font: 1.6em/1.2 Arial, Helvetica, sans-serif;
	color: #99CC66;
	letter-spacing:0.04em;
	text-transform:uppercase;
	}
h3 {
	margin:12px auto -4px auto;
	font-size:1.5em;
	text-align:left;
}
.subHeader, #ccol h4 {
	margin-top:1em;
	margin-bottom:0.8em;
	text-align: left;
	color: #993300;
	font:bold 0.9em/1.5 Arial, Helvetica, sans-serif;
	letter-spacing:.2em;
	text-transform:uppercase;
	}
h5 {font-size:1.1em;text-align: left;}
#ccol ul {margin-left:20px;}
#ccol ul.flush{margin-left:0;}
#ccol li {
	padding-left:12px;
	font-size:0.9em;
	list-style:none;
	text-align: left;
	background: transparent url(../img/purpledot.gif) no-repeat 0 0.7em;
}
.bullet {
	padding-left:24px;
	background:transparent url(../img/greendot.gif) no-repeat 12px 0.4em;
} 

.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}

/* site navigation */
#nav {
	position:relative;
	_margin-top: -2px;
	padding: 0;
	border-top: 0px;
	border-bottom: 1px solid #F4FFE4;
	text-align: center;
	background: #5C743D;
	
}
#nav li {
	position: relative;
	display: block;
	width: 100%;
	line-height: 2.5;
	color:#fff;
	list-style: none;
	margin: 0;
	border: 0;
	border-top: 1px solid #F4FFE4;
	background: #5C743D;
}
.topnav {
	margin:0;
	line-height:1.3;
	border-left:20px solid #aaaabb;
	padding:10px 0 0px 0;
	font-size:xx-small;
	color:#fff;
}
.topnav a, .topnav a:visited {
	display:block;
	width:9em;
	margin:10px auto;
	font-size:1.1em;
	font-weight:bold;
	line-height: 1.5;
	color: #993300;
	background:#99CC66;
	border:1px solid #9999CC;
	text-decoration:none;
}
#nav li a {
	display: block;
	width: 100%;
	padding: 4px 8px 4px 12px;
	font-size: 0.85em;
	color: #D5EDB3;
	letter-spacing:.1em;
	border: 0px;
	border-left: 20px solid #aaaabb;
	background: #5C743D;
	text-decoration: none;
	text-align: left;
	font-weight:bold;
}

#nav li a:link { color: #D5EDB3; }
#nav li a:visited { color: #D5EDB3; }
#nav li a:hover, .topnav a:hover {
	border-color: #993300;
	background: #99CC66;
	color:#993300;
}
#nav li a.current, #nav li a:visited.current, #nav li a:hover.current {
	color:#9999CC;
	border-color:#9999CC;
	background: #5C743D;
	cursor: default;
}

.subnav {
	display: none;
	position: absolute;
	clip: rect(0, 0, 0, 0);
	top: -24px;
	left: 110px;
	width: 15em;
	z-index: 20;
}
.subnav div, .subnav a {
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	font: bold 0.97em/1.25 Verdana,"Lucida Grande","Lucida Sans Unicode",Geneva,sans-serif;
	color: #fff;
	text-decoration: none;
	z-index: 60;/*border: 1px solid red;*/
}
.subnav a {width: 100%;padding:1px 3px;z-index: 5;}
#headbar {
	position: relative;
	padding: 0;
	background: #99CC66;
	z-index: 50;
}
#headbar .hr {
	background: #5C743D;
	height: 2px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
	z-index: 500;
}
/* horizontal buttons */
#headbar ul {
	max-width: 100%;
	list-style: none;
	margin: 0 auto;
	_margin: 0;
	padding: 0 0 2px 0;
	_padding: 2px 0 1px 0;
	text-align: center;
}
#headbar ul li {
	position: relative;
	display: inline;
	width: auto;
	list-style: none;
	left: 0px;
	line-height: 1.5em;
	padding: 0;
	margin: 0 8px;
	text-align: center;
	overflow: hidden; /* iemac only shows the last item */
}
#headbar ul li a {
	display: inline;
	line-height: 1.5em;
	height: 1.5em;
	margin: 0;
	padding: 2px 1em 4px 1em;
	_padding: 0 1em 2px 1em;
	font-size:0.9em;
	text-decoration: none;
	white-space: nowrap;
	background: #D5EDB3;
	color: #5C743D;
	border: 1px solid;
	border-color: #ffe #aaab9c #669999 #fff;
}
#headbar ul li a:visited {
	background: #D5EDB3;
	color: #5C743D;
}
#headbar ul li#active a {
	background: #B2B2FF;
	color: #cc0000;
}
#headbar ul li a:hover, #headbar ul li#active a:hover {
	color: #cc0000;
	background: #ccccff; /*rollover color*/
	border-color: #aaab9c #fff #fff #aaab9c;
}
.navtable {
	margin: 0 auto;
}
.navtable td {
	padding:0 12px;
}
.center, #ccol h4.center, #ccol p.center {text-align:center;}
.callout {
	margin-top:1em;
	margin-bottom:0.8em;
	padding:6px;
	font-size:0.9em;
	background: #ECE9D8;
	border:1px solid #FFCC33;
}
#lcol .callout {
	width:18em;
	margin:2em auto;
	padding:6px;
	text-align:left;
	font-size:0.8em;
	background: #ECE9D8;
	border:1px solid #FFCC33;
}
#lcol .callout p {
	margin:0;
	text-align:left;
}
h4 img {
	float:left;
	margin-right:16px;
	border:1px solid #993300;
}
.hr {
	border:none;
	height:24px;
	background: transparent url(../img/etm-hr.gif) no-repeat center center;
	clear:both;
}
hr { 
	border: none; /* For Internet Explorer */
	color: #DED0D6;
	height: 1px;
	text-align: center;
	margin: 20px auto;
	width: 100%;
}
html>body hr { 
	background-color: #DED0D6;
	border: 0px solid #DED0D6; /*For Opera and Gecko-based browsers*/
	height: 1px;
	margin: 20px auto;
	width: 100%;
}

#ccol p.toplink, .toplink a {text-align:right;font-variant:small-caps;clear:both;}
