/* ----- common ----- */
* {
   padding:0;
   margin:0;
}
html, body {
	height: 100%;

}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#3e3e3e;
	background:#fff url(../_img/_templates2/mainBackground.gif) top left repeat-x;
}

a{
	color:#6392D2;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a span {
	cursor: pointer;
}

h1 {
	font-size:1.7em;
	font-weight: bold;
	color:#E2001A;
	margin-bottom: 1em;
}

h2 {
	font-size:1.5em;
	font-weight: bold;
	color:#E2001A;
	margin-bottom: 1em;
}
h3 {
	font-size:1.3em;
	font-weight: bold;
	color:#E2001A;
	margin-bottom: 1em;
}
img{
	border:0;
}
p{
	margin-bottom:1em;
}

.clear{
	clear:both;
}
.left{
	float:left;
}
.right{
	float:right;
}
.hide {display: none;}


/* ----- accessibility ----- */
#skipToNav {position: absolute; left: -9999px; font-size: small;}
#skipToNav a:hover {color: #f00;}
#skipToNav a:focus {display: block; position: absolute; top: -120px; left: 9990px; font-size: large; background: #fff; border: solid 2px #1B6BD8; padding: 10px; width: 15em; z-index: 1;}


/* ----- wrappers ----- */
#wrapper{
	width:998px;
	margin:0 auto;
	background-color:#fff;
}
	#wrapper2{
		width:996px;
		margin:0 auto;
	}

/* ----- header ----- */
#header{
	width:996px;
	height:223px;
	background:url(../_img/_templates2/topBackground.jpg) right top no-repeat;
}
	#logo {
		padding:34px 0 0 39px;
		width:157px;
		height:158px;
	}

/* ----- menu ----- */
#side{
	width:244px;
	float:left;
	display:inline;
}
#menu li, #menu a, #menu span {
	font-family:Arial, Helvetica, sans-serif;
}

#menu{
	background:#fff url(../_img/_templates2/menuBackground.png) 0 0 no-repeat;;
	width:223px;
	padding:28px 11px 10px 10px;
}
	#menu ul {
	 list-style: none;
	}

	#menu li{
	 width: 223px;
	 float:left;
	}

	#menu span{
	 display: block;
	 margin: 0 0 0 12px;
	 width: 195px;
	 padding:10px 5px 5px 11px;
     min-height: 19px;
	 height: auto;
	 _height: 19px;
	 background: url(../_img/_templates2/menuDot.gif) 0 50% no-repeat;
	}

	#menu ul li{
	 background: #efefef url(../_img/_templates2/menu1a.png) 0 0 repeat-x;
	}
	#menu ul li a {
		color:#a0a0a0;
		text-decoration:none;
		display:block;
		pointer:cursor;
		font-weight:normal;
	}
	#menu ul li a:hover {
		background: #E2001A url(../_img/_templates2/menu3a.png) 0 0 repeat-x;
		color:#fff;
		font-weight:bold;
		pointer:cursor;
	}
	#menu ul li.selected {
	 background: #E2001A url(../_img/_templates2/menu3a.png) 0 0 repeat-x;
	}
	#menu ul li.selected a {
		color:#fff;
		font-weight:bold;
	}

	#menu ul li.selected span,
	#menu ul a:hover span{
		background: url(../_img/_templates2/menuDot2.gif) 0 50% no-repeat;
	}

	#menu ul li ul span{
	 margin: 0 0 0 22px;
	 width: 185px;
	 padding:10px 0 5px 11px;
	}
	#menu ul li ul li ul span{
	 margin: 0 0 0 32px;
	 width: 175px;
	 padding:10px 0 5px 11px;
	}
	#menu ul li ul li ul li ul span{
	 margin: 0 0 0 42px;
	 width: 165px;
	 padding:10px 0 5px 11px;
	}



	#menu ul li ul li.selected span,
	#menu ul li ul li a:hover span{
		background: url(../_img/_templates2/menuDot2.gif) 0 50% no-repeat;
	}

	/* subMenu */
	#menu ul li ul li{
	 background: #D6E37F url(../_img/_templates2/menu2a.png) 0 0 repeat-x;
	}
	#menu ul li.selected ul li a {
		color:#fff;
		font-weight:normal;
		text-decoration:none;
		display:block;
		pointer:cursor;
	}
	#menu ul li ul li.selected a {
		color:#fff;
		font-weight:bold;
	}
	#menu ul li ul li.selected,
	#menu ul li.selected ul li a:hover {
		background: #E2001A url(../_img/_templates2/menu3a.png) 0 0 repeat-x;
		color:#fff;
		font-weight:bold;
		pointer:cursor;
	}

	/* subMenu2 */
	#menu ul li ul li ul li{
	 background: #93AAE5 url(../_img/_templates2/menu5a.png) 0 0 repeat-x;
	}
	#menu ul li.selected ul li.selected ul li a {
		color:#fff;
		font-weight:normal;
		text-decoration:none;
		display:block;
		pointer:cursor;
	}
	#menu ul li.selected ul li.selected ul li.selected a {
		color:#fff;
		font-weight:bold;
	}
	#menu ul li.selected ul li.selected ul li.selected,
	#menu ul li.selected ul li.selected ul li a:hover {
		background: #E2001A url(../_img/_templates2/menu3a.png) 0 0 repeat-x;
		color:#fff;
		font-weight:bold;
		pointer:cursor;
	}

	/* subMenu3 */
	#menu ul li ul li ul li ul li{
	 background: #FBF8D1 url(../_img/_templates2/menu6a.png) 0 0 repeat-x;
	}
	#menu ul li.selected ul li.selected ul li.selected ul li a {
		color:#a0a0a0;
		font-weight:normal;
		text-decoration:none;
		display:block;
		pointer:cursor;
	}
	#menu ul li.selected ul li.selected ul li.selected ul li.selected a {
		color:#fff;
		font-weight:bold;
	}
	#menu ul li.selected ul li.selected ul li.selected ul li.selected,
	#menu ul li.selected ul li.selected ul li.selected ul li a:hover {
		background: #E2001A url(../_img/_templates2/menu3a.png) 0 0 repeat-x;
		color:#fff;
		font-weight:bold;
		pointer:cursor;
	}



	#boxTop {
		width:244px;
		height:56px;
		padding-top:14px;
		font-size:1.8em;
		background: url(../_img/_templates2/boxTop.gif) 0 0 no-repeat;
		text-align:center;
		font-weight:bold;
		color:#fff;
	}
		#boxTop h1 {
			color:#fff;
			text-align:center;
			font-size:.6em;
			margin-bottom:.5em;
		}
	#boxBottom {
		width:244px;
		height:15px;
		background: url(../_img/_templates2/boxBottom.gif) 0 0 no-repeat;
	}

/* ----- content ----- */
#main{
	width:745px;
	float:right;
	display:inline;
	line-height:1.5em;
	background: url(../_img/_templates2/contentBackground.png) top right no-repeat;
}
	#page {
		min-height: 380px;
		height: auto;
		_height: 380px;
		padding:34px 33px 10px 33px;
		background: url(../_img/_templates2/pageBackground.png) 10px 0 no-repeat;
	}
		#page ul {
		 list-style: none;
		 margin-bottom:1em;
		}

		#page li{
		 padding-left:11px;
		 background: url(../_img/_templates2/liDot.gif) 0 50% no-repeat;
		}
		#page img {
		 border:4px solid #f3f8e9;
		 margin:6px;
		}


/* footer */
#fWrapper {
	width:100%;
	background:#EEE url(../_img/_templates2/footerBackground.png) 0 0 repeat-x;
}
	#fWrapper2 {
		width:996px;
		margin:0 auto;
	}
		#footer{
			position: relative;
			padding:14px 24px 0 24px;
			height:30px;
			color:#8B8888;
			text-align:center;
			font-size:.94em;
		}
			#footer .left{
			position: absolute;
			left: 16px;
			top: 16px;
			}
			#footer .right{
			position: absolute;
			right: 16px;
			top: 16px;
			}
			#footer a{
				color:#8B8888;
				text-decoration:none;
				font-weight:normal;
			}
			#footer a:hover{
				text-decoration:none;
				color:#909090;
			}

