/*----- GENERAL -----*/

* { margin: 0px; padding: 0px; }
.clear { clear: both; height: 0; font-size: 0; margin:0; padding:0; overflow:hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}
img { border:0; }
html { height:100%; }
body {
	height:100%;
	background:#ccc;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	}
.wrapper {
	width:864px;
	margin:0 auto;
	background:#fff;
	min-height:100%;
	position:relative;
	}
	
a, a:active, a:visited  {
	color:#666;
	text-decoration:underline;
	outline:none;
	}
a:hover { text-decoration:none; }

a.gray, a.gray:active, a.gray:visited  {
	color:#666;
	text-decoration:underline;
	}
a.gray:hover { text-decoration:none; }

.fl-left { float:left; }
.fl-right { float:right; }

.mB5 { margin-bottom:5px; }
.mB10 { margin-bottom:10px; }
.pT10 { padding-top:10px; }

.centerAl { text-align:center; }
.jText { text-align:justify; }
/* HEADER */
.header {
	height:109px;
	width:864px;
	background:url(images/headerBg.gif) left bottom no-repeat;
	}
.header img { width:864px; height:108px; }
ul.simple {
	list-style-position:inside;
	}

/* NAVIGATION */
ul.nav {
	list-style:none;
	background:url(images/navBg.gif) left bottom no-repeat;
	}
ul.nav li { float:left; }
ul.nav li.date {
	background:url(images/navBg2.gif) top left repeat-x;
	height:21px;
	padding-top:5px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#666;
	width:201px;
	text-align:center;
	}
ul.nav li a, ul.nav li a:active, ul.nav li a:visited, ul.nav li a:hover  {
	display:block;
	height:0;
	overflow:hidden;
	padding-top:26px;
	background:url(images/nav.gif);
	}
	/*divisions*/
ul.nav li.divisions a, ul.nav li.divisions a:active, ul.nav li.divisions a:visited  {
	width:177px;
	background-position:0 0; }
ul.nav li.divisions a:hover, ul.nav li.divisionsOn a, ul.nav li.divisionsOn a:active, ul.nav li.divisionsOn a:visited {
	width:177px;
	background-position:0 -36px; }
	/*services*/
ul.nav li.services a, ul.nav li.services a:active, ul.nav li.services a:visited  {
	width:162px;
	background-position:-177px 0; }
ul.nav li.services a:hover, ul.nav li.servicesOn a, ul.nav li.servicesOn a:active, ul.nav li.servicesOn a:visited {
	width:162px;
	background-position:-177px -36px; }
	/*community*/
ul.nav li.community a, ul.nav li.community a:active, ul.nav li.community a:visited  {
	width:166px;
	background-position:-339px 0; }
ul.nav li.community a:hover, ul.nav li.communityOn a, ul.nav li.communityOn a:active, ul.nav li.communityOn a:visited {
	width:166px;
	background-position:-339px -36px; }
	/*about*/
ul.nav li.about a, ul.nav li.about a:active, ul.nav li.about a:visited  {
	width:158px;
	background-position:-505px 0; }
ul.nav li.about a:hover, ul.nav li.aboutOn a, ul.nav li.aboutOn a:active, ul.nav li.aboutOn a:visited {
	width:158px;
	background-position:-505px -36px; }
	
/* CONTENT */
.content {
	padding:10px 0 50px 0;
	width:864px;
	}
.left {
	width:180px;
	padding:0 10px 0 7px;
	float:left;
	}
.center {
	width:460px;
	padding:0 10px 0 0;
	float:left;
	}
.right {
	width:190px;
	padding:0 7px 0 0;
	float:right;
	}
	/*boxes*/
.boxBlue, .boxGray, .boxBlue2, .boxYellow1 {
	position:relative;
	color:#fff;
	margin-bottom:10px;
	}

.boxHalloween {
	position:relative;
	color:#ee8f00;
	margin-bottom:10px;
	}

.boxBlue span, .boxGray span, .boxBlue2 span, .boxYellow1 span {
	position:absolute;
	bottom:0; left:0;
	margin-bottom:-1px;
	}
	/*blue box*/
.boxBlue {
	width:166px;
	padding:9px 7px;
	background:#021d8f url(images/blueT.gif) top left no-repeat;
	}
.boxBlue span {
	background:url(images/blueB.gif) bottom left no-repeat;
	height:4px; width:180px;
	}
	/*Gray box*/
.boxGray {
	width:190px;
	padding:9px 0 15px 0;
	background:#d9d9d9 url(images/grayT.gif) top left no-repeat;
	color:#666;
	}
.boxGray span {
	background:url(images/grayB.gif) bottom left no-repeat;
	height:4px; width:190px;
	}
	/*Blue box 2*/
.boxBlue2 {
	width:176px;
	padding:9px 7px;
	background:#021d8f url(images/blueT2.gif) top left no-repeat;
	color:#fff;
	}
.boxBlue2 span {
	background:url(images/blueB2.gif) bottom left no-repeat;
	height:4px; width:190px;
	}
	/*box Yellow*/
.boxYellow1 {
	width:616px;
	padding:0 15px;
	background:#ffce50 url(images/yellowT.gif) top left no-repeat;
	color:#fff;
	font:bold 36px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	line-height:36px;
	letter-spacing:-2px;
	margin-left:8px;
	float:left;
	}
.boxYellow1 span {
	background:url(images/yellowB.gif) bottom left no-repeat;
	height:4px; width:646px;
	}
	/*white box*/
.boxWhite {
	position:relative;
	background:url(images/whiteM.gif) top left repeat-y;
	width:437px;
	padding:10px 10px 20px 10px;
	margin-bottom:10px;
	}
.boxWhite span.bt {
	width:457px;
	height:5px;
	position:absolute;
	top:0;
	left:0;
	background:url(images/whiteT.gif) no-repeat;
	}
.boxWhite span.bb {
	width:457px;
	height:5px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(images/whiteB.gif) no-repeat;
	_margin-bottom:-11px;
	}
.boxWhite .left {
	float:left;
	width:145px;
	padding:0 10px 0 0;
	}
.boxWhite .right {
	float:left;
	width:275px;
	}
dl.news { line-height:18px; }
dl.news dt { float:left; padding-right:15px; clear:both; }
dl.news dd { float:left; }

	/*halloween box*/
.boxHalloween {
	position:relative;
	background:#000000;
	width:437px;
	padding:10px 10px 20px 10px;
	margin-bottom:10px;
	}
.boxHalloween span.bt {
	width:457px;
	height:5px;
	position:absolute;
	top:0;
	left:0;
	background:url(images/whiteT.gif) no-repeat;
	}
.boxHalloween span.bb {
	width:457px;
	height:5px;
	position:absolute;
	bottom:0;
	left:0;
	background:url(images/whiteB.gif) no-repeat;
	_margin-bottom:-11px;
	}
.boxHalloween .left {
	float:left;
	width:145px;
	padding:0 10px 0 0;
	}
.boxHalloween .right {
	float:left;
	width:275px;
	}

dl.news { line-height:18px; }
dl.news dt { float:left; padding-right:15px; clear:both; }
dl.news dd { float:left; }


	/*blue List*/
ul.blueList { list-style:none; }
ul.blueList li a, ul.blueList li a:active, ul.blueList li a:visited  {
	color:#fff;
	text-decoration:none;
	background:url(images/arrowWhiteOnBlue.gif) left no-repeat;
	padding-left:8px;
	}
ul.blueList li a:hover { text-decoration:underline; }
	/*white List*/
ul.linksWhite { list-style:none; padding-left:7px; }
ul.linksWhite li {
	color:#666;
	background:url(images/dottedLine.gif) bottom left repeat-x;
	padding:10px 0;
	}
ul.linksWhite li.title {
	background:none;
	list-style-image:none;
	padding:0;
	}
	/*Gray list*/
ul.list-3 { list-style:none; }
ul.list-3 li {
	border-bottom:1px solid #ececec;
	padding:3px 5px;
	font-weight:bold;
	position:relative;
	}
ul.list-3 li.first {
	font-size:13px;
	text-align:center;
	padding-bottom:8px;
	font-weight:normal;
	}
ul.list-3 li.first span {
	font-weight:bold;
	position:relative;
	font-size:18px;
	}
/*FOOTER*/
.footer {
	background:url(images/footerIc.gif) 10px 0 no-repeat;
	padding:0 10px 20px 50px;
	width:804px;
	}
ul.fLinks1 {
	list-style:none;
	border-bottom:1px solid #ccc;
	padding:0 0 5px 0;
	}
ul.fLinks1 li {
	float:left;
	border-left:1px solid #8f8f8f;
	padding:0 4px;
	line-height:12px;
	color:#666;
	}
ul.fLinks1 li.first { border:none; padding-left:0; }
.footer a, .footer a:active, .footer a:visited  {
	color:#666;
	text-decoration:none;
	}
.footer a:hover { text-decoration:underline; }
.copy {
	float:left;
	font-size:11px;
	color:#999;
	padding-top:5px;
	}
ul.fLinks2 {
	list-style:none;
	float:right;
	padding:5px 0 0 0;
	}
ul.fLinks2 li {
	float:left;
	border-right:1px solid #8f8f8f;
	padding:0 7px;
	line-height:12px;
	color:#666;
	}
ul.fLinks2 li.last { border:none; padding-right:0; }
/*Left nav*/
dl.leftNav { color:#666; }
dl.leftNav dt {
	font-weight:bold;
	background:url(images/dottedLine.gif) top left repeat-x;
	padding:5px 0 0 0;
	margin-top:5px;
	}
dl.leftNav dt.first {
	background:none;
	padding:0;
	margin-top:0;
	}
dl.leftNav dd {
	background:url(images/arrowGray.gif) 3px 3px no-repeat;
	padding:0 0 0 12px;
	}
dl.leftNav dt a, dl.leftNav dt a:active, dl.leftNav dt a:visited  {
	color:#666;
	text-decoration:none;
	display:block;
	}
dl.leftNav dt a:hover, dl.leftNav dt.on a, dl.leftNav dt.on a:active, dl.leftNav dt.on a:visited {
	background:#e6e6e6;
	display:block;
	text-decoration:none;
	}
dl.leftNav dd a, dl.leftNav dd a:active, dl.leftNav dd a:visited  {
	color:#666;
	text-decoration:none;
	}
dl.leftNav dd a:hover, dl.leftNav dd.on a, dl.leftNav dd.on a:active, dl.leftNav dd.on a:visited {
	color:#666;
	text-decoration:underline;
	}

/*FORM ELEMENTS*/
select.select-170 {
	width:170px;
	font:11px Arial, Helvetica, sans-serif;
	border:none;
	background:#fff url(images/selectBg.gif) top left repeat-x;
	color:#666;
	margin:3px 0;
	}