/*========================================*/
/*  Skin styles  by Accuraty Soluntions   */
/*  for Park District of Franklin Park    */
/*========================================*/

body {
	margin: 0px;
	padding: 0px;
	color: #888;
}
Body {
	color: #444;
	font-weight: normal;
	font-size: 11px;
	background: url(images/bodycolor.jpg) fixed top left repeat-x #f2f4fa;
}
th, td, div {
	color: #888;
	font-weight: normal;
}
a, a:link, a:visited, a:active {
	color: #E14000;
	text-decoration: underline;
}
a:hover {
	color: #952A00;
	text-decoration: none;
}
/*========================================*/
/*  Skin Layout                           */
/*========================================*/
.normal, .Normal {
	line-height: 1.5em;
}
.Head {
	color: #000;
}
.SubHead {
	color: #888;
}
.CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {
	color: #E14000;
	text-decoration: none;
	font: bold 9pt Tahoma, Arial, Helvetica, sans-serif;
	padding: 0 3px;
}
A.CommandButton:hover {
	color: #000;
	text-decoration: none;
}
.dnnwrapper {
	width: 780px;
	margin: 0 auto;
}
.dnnspace {
	height: 20px;
	width: 100px;
	overflow: hidden;
}
.clear {
	clear: both;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.Settings {
	text-align: left;
}
#dnn_ctr_Login_pnlLogin table {
	float: none;
	margin: 0 auto;
}
#dnn_ctr_ManageUsers_pnlUser {
	text-align: left;
}
#dnn_ctr_ManageUsers_pnlUser .Normal {
	line-height: 20px;
}
#dnn_ctr_Terms_lblTerms, #dnn_ctr_Privacy_lblPrivacy {
	line-height: 20px;
}
#dnn_ctr_Terms_lblTerms .SubHead, #dnn_ctr_Privacy_lblPrivacy .SubHead {
	font-size: 14px;
	color: #E14000;
	line-height: 26px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#dnn_ctr979_LogViewer_dlLog td {
	text-align: left;
	white-space: normal;
	border: 1px #fff solid;
}
#dnntop_left {
	background: url(images/top_left.png) left top no-repeat;
}
#dnntop_right {
	background: url(images/top_right.png) right top no-repeat;
}
#dnntop_box {
	background: url(images/top_bg.png) right top no-repeat;
	margin: 0 18px;
}
#dnnhead_box {
	min-height: 100px;
}
* html #dnnhead_box {
	height: 100px;
}
.logo {
	width: 21%;
	float: left;
	margin: 7px 0px 0px 0px;
}
.account {
	text-align: right;
	color: #777;
	width: 77%;
	float: right;
}
.dnnbreader {
	width: 100%;
	background: #fff;
	height: 24px;
}
#dnnbreader_box {
	background: #FFDFCE;
	height: 29px;
	border-top: 2px solid white;
	border-bottom: 4px solid white;
}
#dnnbreader_box .breader {
	width: 60%;
	height: 29px;
	color: #E14000;
	padding-left: 7px;
	background: url(images/brl.gif) top left no-repeat;
	font-size: 11px;
}
#dnnbreader_box .searchbox a:link, #dnnbreader_box .searchbox a:active, #dnnbreader_box .searchbox a:visited {
	color: #fdb903;
}
#dnnbreader_box .searchbox a:hover {
	color: #FFFFFF;
}
#dnnmenu_box {
	background: #000;
	height: 38px;
	clear: both;
}
.option {
	width: 1px;
	position: relative;
}
.option a:link, .option a:active, .option a:visited {
	position: absolute;
	right: 3px;
	top: 4px;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
}
.option a:hover {
	color: #FFFFCC;
	background: url(images/themeon.gif) center center no-repeat;
}
#dnncontent_left {
	background: url(images/content_left.png) left top repeat-y;
}
#dnncontent_right {
	background: url(images/content_right.png) right top repeat-y;
}
#dnncontent_box {
	background: #fff;
	margin: 0px 15px;
	min-height: 100px;
}
* html #dnncontent_box {
	height: 100px;
}
#dnncopyright_left {
	background: url(images/content_left.png) left top repeat-y;
}
#dnncopyright_right {
	background: url(images/content_right.png) right top repeat-y;
}
#dnncopyright_box {
	background: url(images/copy_bg.png) right top repeat-x #fff;
	margin: 0 21px;
	height: 70px;
}
.bot_img {
	background: url(images/bot_img.png) right top no-repeat;
	height: 70px;
	width: 200px;
}
#dnnbot_left {
	height: 19px;
	background: url(images/bot_left.png) left top no-repeat;
}
#dnnbot_right {
	height: 19px;
	background: url(images/bot_right.png) right top no-repeat;
}
#dnnbot_box {
	height: 19px;
	background: url(images/bot_bg.png) left top repeat-x;
	margin: 0 19px;
}
#ftlinks {
	color: #E14000;
	text-align: center;
	font-size: 10px;
}
/*========================================*/
/*  Content Panes                         */
/*========================================*/
.ContentPane {
	padding: 0px;
	margin: 0px;
}
.LeftPane {
	width: 24%;
	padding-right: 1%;
}
.RightPane {
	width: 24%;
	padding-left: 1%;
}
.toppane {
	float: left;
	width: 100%;
}
.TopLeftPane, .BottomLeftPane, .TopRightPane, .BottomRightPane {
	width: 49.5%;
}
.ContentLeft65Pane, .ContentRight65Pane {
	width: 64.5%;
}
.ContentLeft35Pane, .ContentRight35Pane {
	width: 34.5%;
}
.bannerpane {
	margin: 0px;
	padding: 0px;
	border-top: 2px #fff solid;
}
.bannerpane p {
	margin: 0px;
	padding: 0px;
}
.boxapane {
	width: 24%;
	float: left;
	margin-right: 1%;
}
.boxbpane {
	width: 24.5%;
	float: left;
	margin-right: 1%;
}
.boxcpane {
	width: 24.5%;
	float: left;
}
.boxdpane {
	width: 24%;
	float: right;
}
.dnnpanes {
	clear: both;
}
.headpane {
	min-height: 70px;
}
* html .headpane {
	height: 70px;
}
.menubotpane {
	clear: both;
	margin-top: 10px;
}
/*=========================*/
/*  Skin Object            */
/*=========================*/
.Breadcrumb, a.Breadcrumb:link, a.Breadcrumb:active, a.Breadcrumb:visited {
	color: #E14000;
	line-height: 27px;
	padding: 0 3px;
	font-size: 11px;
}
a.Breadcrumb:hover {
	color: #333;
}
.user, a.user:link, a.user:active, a.user:visited {
	color: #E14000;
	font-size: 11px;
	line-height: 28px;
	padding: 0 10px;
	white-space: nowrap;
	font-weight: bold;
}
a.user:hover {
	color: #333;
}
.links, a.links:link, a.links:active, a.links:visited {
	color: #E14000;
	font-size: 11px;
	line-height: 20px;
	padding: 0 3px;
}
a.links:hover {
	color: #333;
}
.login, a.login:link, a.login:active, a.login:visited {
	color: #E14000;
	font-size: 11px;
	line-height: 28px;
	padding: 0 10px;
	font-weight: bold;
}
a.login:hover {
	color: #333;
}
.copyright, a.copyright:link, a.copyright:active, a.copyright:visited {
	color: #E14000;
	line-height: 20px;
	margin: 0 5px;
}
a.copyright:hover {
	color: #333;
}
.privacy, a.privacy:link, a.privacy:active, a.privacy:visited {
	color: #E14000;
	line-height: 20px;
	margin: 0 5px;
}
a.privacy:hover {
	color: #333;
}
.terms, a.terms:link, a.terms:active, a.terms:visited {
	color: #E14000;
	line-height: 20px;
	margin: 0 5px;
}
a.terms:hover {
	color: #333;
}
.Language {
	margin-top: -3px;
}
.CurrentDate {
	color: #E14000;
	line-height: 28px;
	font-size: 10px;
}
/*===========================*/
/*Search SkinObject Styles   */
/*===========================*/
#dnn_dnnSEARCH_txtSearch {
	margin-top: 3px;
	border: 1px #E14000 solid;
	width: 110px;
	font-size: 11px;
	padding: 2px 3px;
}
.searchbox {
	width: 150px;
	color: #E14000;
	position: relative;
	z-index: 80;
	background: url(images/brr.gif) top right no-repeat;
	height: 29px;
	font-weight: bold;
	font-size: 11px;
}
.searchbox a:link {
	display: block;
	position: absolute;
	right: 10px;
	top: 2px;
}
.ServerSkinWidget {
	font-size: 11px;
}
div.SearchContainer {
	white-space: nowrap;
	height: 26px;
}
div.SearchBorder {
	width: 200px;
	height: 20px;
	border: solid 1px #282828;
	position: absolute;
	right: 35px;
	background-color: White;
	white-space: nowrap;
	top: 2px;
}
div.SearchIcon {
	float: left;
	width: 31px;
	height: 20px;
	cursor: pointer;
	z-index: 11;
	background: no-repeat 2px 2px;
	text-align: right;
}
div.SearchIcon img {
	margin-top: 3px;
}
input.SearchTextBox {
	float: left;
	z-index: 10;
	border: 0px;
	width: 150px;
	height: 18px;
	margin-left: 3px;
}
#SearchChoices {
	display: none;
	border: solid 1px #C3D4DF;
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	background-color: #F3F7FA;
	position: absolute;
	top: 22px;
	left: 0px;
	z-index: 4000;
}
#SearchChoices li {
	cursor: pointer;
	margin: 0;
	padding: 2px 2px 0 2px;
	padding-left: 25px;
	height: 18px;
	text-align: left;
	background-color: #F3F7FA;
	background-repeat: no-repeat;
	background-position: 2px center;
	list-style: none;
	list-style-image: none;
	border: none;
	display: block;
}
#SearchChoices li.searchHilite {
	background-color: #CE0D0D;
	color: #ffffff;
	border: none;
}
#SearchChoices li.searchDefault {
	background-color: #F8FAFF;
	border: none;
}
/*=======================*/
/*  CSS Menu1 Style      */
/*=======================*/
.HMB {
	width: 100%;
	margin: 0 auto;
	background: url(images/menubg.gif) left top repeat-x;
	clear: both;
}
.HMB .Box {
	background: url(images/menuright.gif) right top no-repeat;
	padding-right: 13px;
	height: 36px;
}
.HM2 {
	position: relative;
	height: 36px;
	float: left;
	background: url(images/menuleft.gif) left top no-repeat;
}
.HM2, .HM2 ul, .HM2 ul li, .HM2 ul li a, .HM2 ul li a span {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
}
.HM2 span {
	padding: 0 15px;
	white-space: nowrap;
	display: block;
	font-size: 9pt;
	font-weight: normal;
}
.HM2 ul {
	margin: 0 0 0 10px;
	padding: 0px;
	display: block;
	float: left;
}
.HM2 li {
	list-style: none none outside;
	float: left;
	position: relative;
	margin: 0px;
}
.HM2 ul li {
	background: url(images/menu2.gif) top left no-repeat;
	float: left;
}
.HM2 ul li a {
	background: url(images/menu2.gif) right -40px no-repeat;
	height: 36px;
	display: block;
	float: left;
}
.HM2 ul .current {
	background: url(images/menu2.gif) left -80px no-repeat;
	margin: 0px;
}
.HM2 ul .current a {
	background: url(images/menu2.gif) right -120px no-repeat;
	color: #333;
}
.HM2 ul .current span {
	color: #E14000;
}
.HM2 ul .current .slide span {
	background: transparent;
}
.HM2 ul a:link, .HM2 ul a:active, .HM2 ul a:visited {
	width: auto;
	color: #E14000;
	text-decoration: none;
	line-height: 36px;
	display: block;
	cursor: pointer;
}
.HM2 ul a:hover {
	color: #333;
	background: url(images/menu2.gif) left -160px no-repeat;
	float: left;
}
.HM2 ul a:hover span {
	background: url(images/menu2.gif) right -200px no-repeat;
	float: left;
}
.HM2 .downarrow {
	display: none;
}
.HM2 .rightarrow {
	position: absolute;
	right: 2px;
	top: 10px;
}
.HM2 .slide {
	display: none;
	float: left;
	overflow: hidden;
	position: absolute;
}
.HM2 .slide .icon {
	position: absolute;
	left: 2px;
	top: 3px;
}
.HM2 .slide .Group {
	background: #fff;
	border: 1px #dfdfdf dotted;
	display: none;
	left: 0px;
	float: left;
	position: relative;
	margin: 0px;
}
.HM2 .slide ul li {
	clear: both;
	background: #fff;
	display: block;
}
.HM2 .slide ul li span {
	color: #666666;
	display: block;
	padding: 0 20px 0 20px;
}
.HM2 .slide ul li a {
	background: #fff;
	height: 24px;
	display: block;
}
.HM2 .slide ul .subcurrent span {
	background: #E14000;
	color: #FFFFFF;
}
.HM2 .slide ul a:link, .HM2 .slide ul a:active, .HM2 .slide ul a:visited {
	width: auto;
	text-decoration: none;
	line-height: 24px;
	display: block;
	cursor: pointer;
}
.HM2 .slide ul a:hover {
	background: #E14000;
	width: 100%;
}
.HM2 .slide ul a:hover span {
	background: #E14000;
	color: #FFFFFF;
}
.leftmenu {
	width: 22%;
	float: left;
}
.rightbox {
	width: 77%;
	float: right;
}
.VM1 {
	float: left;
	white-space: nowrap;
	position: relative;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
.VM1, .VM1 ul, .VM1 ul li, .VM1 ul li a, .VM1 ul li a span {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
}
.VM1 span {
	padding: 0 10px;
	white-space: nowrap;
	display: block;
	font-weight: bold;
	font-size: 8pt;
	color: #E14000;
}
.VM1 ul {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 100%;
}
.VM1 li {
	list-style: none none outside;
	float: left;
	position: relative;
	clear: both;
	width: 100%;
	margin: 0px;
}
.VM1 ul li {
	background: url(images/hm.gif) left -68px no-repeat;
	float: left;
}
.VM1 ul li a {
	background: url(images/hm.gif) right -101px no-repeat;
	height: 32px;
	display: block;
	float: left;
	width: 100%;
	line-height: 32px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}
.VM1 ul .current {
	background: url(images/hm.gif) left top no-repeat;
	margin: 0px;
}
.VM1 ul .current a {
	background: url(images/hm.gif) right -34px no-repeat;
	color: #fff;
}
.VM1 ul li a:hover {
	color: #E14000;
	background: url(images/hm.gif) left top no-repeat;
}
.VM1 ul a:hover span {
	background: url(images/hm.gif) right -34px no-repeat;
	color: #E14000;
}
.VM1 .downarrow {
	display: none;
}
.VM1 .rightarrow {
	position: absolute;
	right: 2px;
	top: 10px;
}
.VM1 .slide {
	display: none;
	float: left;
	overflow: hidden;
	position: absolute;
}
.VM1 .slide ul {
	width: auto;
}
.VM1 .slide img {
	padding: 0 3px 0 0;
}
.VM1 .slide ul .subcurrent span {
	background: #E14000;
	color: #FFFFFF;
}
.VM1 .slide .Group {
	background: #fff;
	border: 1px #ddd solid;
	display: none;
	left: 0px;
	float: left;
	position: relative;
}
.VM1 .slide ul li {
	clear: both;
	background: #fff;
	display: block;
	height: 24px;
}
.VM1 .slide ul li span {
	color: #E14000;
	display: block;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	padding: 0 20px 0 10px;
}
.VM1 .slide ul .current {
	background: #000;
}
.VM1 .slide ul li a {
	background: #fff;
	height: 24px;
	display: block;
	line-height: 24px;
}
.VM1 .slide ul a:hover span {
	color: #fff;
	background: #E14000;
}
/*=======================*/
/* 	 Misc Overrides      */
/*=======================*/

.Container-3 .containerpane .Normal, .Container-3 .containerpane .Head, .Container-3 .containerpane .SubHead, .Container-3 .containerpane td.Container-3 .containerpane p {
    color: #FFD885!important;
}
span.notice {
    background: url("typo/notice.png") no-repeat scroll 10px 50% #FFD885!important;
    border: 1px solid #E14000!important;
    color: #952A00!important;
}