@charset "iso-8859-1";
/* ~~~~~~~~~~ HTML BASE STYLES ~~~~~~~~~~ */
address, blockquote, body, button, caption, center, cite, dd, dfn, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, .hnav, hr, html, img, input, label, li, #masthead, menu, ol, p, #pageWrapper, samp, select, small, sub, sup, textarea, td, tfoot, th, thead, tt, ul {
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	position:left;
}

/* ~~~~~~~~~~ LINK STYLES ~~~~~~~~~~ */
a, a:link, a:visited{cursor: pointer; text-decoration: underline; color: #0000bb;}
a:hover, a:active {
	color: #0000bb;
	font-size: 16px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: normal;
	line-height: normal;
}
#utilities a {color: #ffffff; text-decoration:none;}
/* ~~~~~~~~~~ STANDARD STYLES ~~~~~~~~~~ */
body {
	background: #ffffff;
	color: #000000;
	font-size: 14px;
	text-align:center;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
button {cursor: pointer;}
address, big, blockquote, caption, cite, code, dfn, dd, dl, dt, pre {margin-left: 1em;}
caption {}
cite, dfn, samp {font-style: italic;}
code{font-family:"Courier New", Courier, mono}
form{}
h1 {
	font-size: 24px;
	line-height: normal;
	font-family: Tahoma, Geneva, sans-serif;
} /**** page titles only****/
h2 {
	margin: 0 0 0 -2em;
	padding: 2em 0 2em 2em;
	background: url("star.gif") no-repeat 0 16px;
	font-size: 16px;
	font-weight: bold;
	color: #00C;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
} /**** section titles only ****/
h3 {
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
} /**** sub titles only ****/
h4 {font-size: 1em; font-weight: bold; margin: 1.5em 0 0.5em 0; color: #666666;} /**** sub-sub headers only****/
h5 {font-size: 0.8em; font-style: italic;} /**** small notes only ****/
h6 {font-size: 0.8em; color: #888888;} /**** footer only ****/
hr {height: 1px; color: #cccccc;}
img{border: 0;}
input {cursor: auto; vertical-align:middle; line-height: 11px; }
kbd {font: 1em monospace;}
label {cursor:default; display: block; margin: 0; padding-bottom: 1px;}
li {
	margin-bottom: 3px;
	line-height: 15px;
	color:#000000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
} 
ol {list-style: decimal; margin: 0 0 10px 17px;}
p {
	margin: 0px 0px 15px 0px;
	line-height: 16px;
	font-weight: lighter;
	font-size: 10pt;
}
select {cursor: auto;}
samp {color: #777777;}
small, sub, sup {font-size: 10px;}
span{margin: 0; padding: 0;}
table {}
td, th, tr {vertical-align: top; padding: 0 5px 0 5px; margin:0; }
th{font-weight: bold;}
textarea {cursor: text; line-height: 13px;}
tbody{}
th{}
thead{}
tfoot{}
tt {}
ul {list-style: disc; margin: 0 0 10px 17px;}

/* ~~~~~~~~~~ LAYOUT STYLES ~~~~~~~~~~ */
#page-wrapper{
	width: 955px;
	border: 15px solid #d9dff3;
	margin: 0 auto 0 auto;
	background: #7a8aba;
	color: #FFF;
	position:relative;
}
	#content{margin-top: 130px; padding: 40px 350px 30px 50px; background:#ffffff; color: #000000;}
	#content_home{background: #ffffff url("white_corner_l.gif") no-repeat bottom left; margin: 0; padding: 0; }
		#footer{padding: 30px 0 0 0;}
	#banner{}
	#menu{position: absolute; top: 100px; left: 0; width: 955px; background: url("new-menu-bar.jpg") top left repeat-x; height:30px;}
	#action{position: absolute; top: 130px; left: 640px; width: 315px; background: #3E4D77; }
		#action img{
	position: relative;
	width: 315px;
	height: 315px;
	background-image: url(Facilitator);
}
	
#logo{position: absolute; top: 28px; left: 48px;}
#utilities{position: absolute; top: 10px; left: 640px; color: #D7DEF2; }
	#utilities span {padding-right: 5px;}

		#home_pic{margin: 0; height: 200px; width: 40%; background: #999999 url("jim-mclaughlin.jpg"); float: left;  } /* border-right: 0px solid #bacbef !important; border-right/*: 1px solid #bacbef; */
		#home_hotlinks{height: 175px; background: #bacbef; width: 54%; float: right; padding: 25px 1.99% 0 4%;}
		#home_left{width: 40%; float:left; }
			#promo{background: #bbbbbb url("grey-fade.jpg") repeat-y; border-bottom: 1px solid #000000;}
				#grey-star{background: url("grey-star.gif") no-repeat -30px -50px; padding: 35px 30px 30px 40px;}
				#home-other{background: #ffffff; padding: 35px 30px 30px 40px;}
		#home_right{clear: right; margin-left: 40%; padding: 40px 3% 30px 7%;}
		#zone_pic{margin: 0; height: 200px; width: 40%; background: #999999 url("jim-mclaughlin.jpg"); float: left;  } /* border-right: 0px solid #bacbef !important; border-right/*: 1px solid #bacbef; */
		#zone_hotlinks{height: 175px; background: #ffffff; width: 54%; float: right; padding: 25px 1.99% 0 4%;}
		#zone_content{clear: both; padding: 50px 60px 30px 70px; background: #eff3fa url("white_corner_l.gif") no-repeat bottom left; }

/* ~~~~~~~~~~ LOGO ~~~~~~~~~~ */
#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active {background: url("logo.gif"); width: 127px; height: 39px; margin:0; padding:0; float:left;}
#logo a:hover{background: url("logo_over.gif");}
#logowords{display:none;}

/* ~~~~~~~~~~ VERTICAL NAV ~~~~~~~~~~ */
#menu ul {margin-left: 0;}
#menu1 {position: absolute; left:0; width: 640px;}
#menu2 {position: absolute; left:640px;}
#menu ul li{list-style-type:none; display:inline;}
#menu ul li a, #menu_sel {text-decoration: none; font-weight: bold; color: #3E4D77; float: left; height: 23px; padding: 7px 0.5em 0 0.5em; border-left: 1px solid #DDE6F4; border-right: 1px solid #7A93BA;}
#menu ul li a:hover, #menu_sel{background: #ffffff; }

/* ~~~~~~~~~~ CONTENT STYLES ~~~~~~~~~~ */
h1 span {font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer p{color: #000000; margin: 0;}
#footer p a, #utilities a{text-decoration:none;}
#footer p a:hover, #utilities a:hover{text-decoration:underline;}

#action p, #action form {margin: 0 5px 15px 20px;}
#action h3{margin: 20px 5px 10px 20px; color: #d7def2;}
#action input {width: 155px;}
#action .button{width: auto;}

#home_hotlinks div, #zone_hotlinks div {margin: 0 0 10px 30px;}
#home_hotlinks a, #zone_hotlinks a {font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url("button-circle-home.gif") no-repeat; padding: 5px 0 10px 30px; margin: 0 0 0 0px;}
#home_hotlinks a:hover, #zone_hotlinks a:hover {text-decoration: underline; background: url("button-circle-home-over.gif") no-repeat;}
#zone_hotlinks a {background: url("button-circle-zone.gif") no-repeat; }
#zone_hotlinks a:hover {background: url("button-circle-zone-over.gif") no-repeat; }

.small{font-size: 0.7em;}
.medium{font-size: 1em;}
.large{font-size: 1.3em;}

/* ~~~~~~~~~~ NORMAL FORMS ~~~~~~~~~~ */
.form_table{border: 1px solid #dddddd;}
.form_td{border: 1px solid #ffffff; background: #f5f5f5; color:#000000;}
.form_td2{border: 1px solid #ffffff; background: #dddddd; color:#000000;}
.w250{width: 240px;}
.h80{height: 100px;}


/* ~~~~~~~~~~ ACCESSIBILITY TRICKS ~~~~~~~~~~ */
#masthead h1, #masthead p  {display: none;}

/* ~~~~~~~~~~ USEFUL CLASSES ~~~~~~~~~~ */
.clear {clear: both; margin-bottom: -1px; padding-bottom: 1px}
.hide {display: none; height: 0; width: 0;}
.inside {padding: 0;}
.centre{text-align: center;}
.group{border: 1px solid #cccccc; background-color:#eeeeee; padding: 5px;}
.sunk{border: 1px solid #999999; border-color:  #999999 #dddddd #dddddd #999999; padding: 1px 0 1px 0;}
.inactive{color:#999999;}
a.actionButton a.actionButton:link, a.actionButton:visited, a.actionButton:hover, a.actionButton:active{border:1px solid #ffffff; border-right:1px solid #666666; border-bottom: 1px solid #666666; margin: 2px 0 0 0; padding: 2px 5px 2px 5px; text-decoration:none; background: #dddddd;}
a.actionButton:hover, a.actionButton:active{border: 1px solid #ffcc00; background: #ffffff;}
.alert{color: #ee0000; background: #ffdddd;}
.white{color:#ffffff;}