@charset "utf-8";


/* -------------------------------- */
/* RESET HTML TAGS					*/ 
/* -------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;	
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
/* -------------------------------- */
/* PAGE ELEMENTS 					*/ 
/* -------------------------------- */
/* Top Section	  					*/

#wrapper {
	width:738px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	
}


	/* -------------------------------- */
	/* HEADER							*/
	
	#header {
		width:100%;
		height:145px;
		position:relative;
		background:#DDB201 url(../images/ui/bg-header.jpg) no-repeat;
		z-index:9999;
	}
	
	#header h1 {
		display: none;
	}
	
	#header .logo {
		position:relative;
		top:18px;
		left:14px;
	}
	
	#header ul {
		text-indent:0px;
		margin:0px;
		padding:0px;
		display:block;
		position:absolute;
		bottom:0px;
		height:31px;
		border-top:1px solid #FFF;
		background:#23A3DD;
		width:100%;
		left:0;
		
		
	}
	
	#header ul li {
		display:block;
		float:left;
		width:14.28%;  /* 100 / number of menu items */
		text-align:center;
		background:url(../images/ui/bg-header-li.png) top right;
		position:relative;
	}
	
	#header ul li a {
		display:block;
		float:left;
		width:100%;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		text-decoration:none;
		font-size:15px;
	}
	
	#header ul li span {
		display:block;
		float:left;
		width:100%;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		text-decoration:none;
		font-size:20px;
		font-weight:bold;
		background:#004063;
	}
	
	#header ul li em a, #header ul li a:hover {
		background:#004063;
	}
	
	#header ul ul {
		position:absolute;
		top:31px;
		display:none;
		background:#FFFFFF;
		padding:2px;
		width:210px;
		z-index:99999;
		height:520px;
		padding-top:1px;
		
	}
	
	#header ul li:hover ul {
		display:block;
	}
	
	#header ul ul li {
		width:200px;
		display:block;
		float:none;
		background:#23A3DD;
	}
	
	#header ul ul li a, #header ul ul li span {
		font-size:12px;
		line-height:19px;
		text-align:left;
		padding:0 5px 0 5px;
		background:#23A3DD;
		border-bottom:1px solid #158FD0;
	}
	
	#header ul ul li span {
		background:#004063;
	}
	
	
	
	/* -------------------------------- */
	/* CENTER							*/
	
	#center {
		border-top:2px solid #fff;
	}
	
	#center .left p {
		margin-bottom:10px;
		margin-top:10px;
	}
	
	#center .left .block {
		background:#E5F1F8;
		color:#563D23;
		font-size:13px;
		padding:12px 22px;
		line-height:150%;
	}
	
	#center .left small {
		line-height:115%;
	}
	
	#center img.title {
		border-bottom:2px solid #FFF;
	}
	
	#center ul {
		list-style:disc;
		margin-left:30px;
	}
	
	#center form.search {
		background:#29ABE2;
		color:#FFF;
		font-size:11px;
		padding:22px;
		line-height:150%;
	}
	
	
	
	#center form.search .lCnt {
		display:block;
		font-weight:bold;
		height:35px;
		line-height:25px;
		font-size:15px;
		clear:both;
	}
	
	#center form.search .tArea {
		height:200px;
	}
	
	#center form.search .lCnt span {
		width:170px;
		text-align:right;
		display:block;
		float:left;
		margin-right:10px;
	}
	
	#center form.search .lCnt select, #center form.search .lCnt input, #center form.search .lCnt textarea {
		padding:2px;
		border:2px solid #006699;
	}
	
	#center form.search .submit {
		margin:5px 160px;
		border:0px;
	}
	
	#center .bar {
		display:block;
		line-height:36px;
		position:relative;
		background:#0071BC;
		color:#FFFFFF;
		font-size:15px;
		text-transform:uppercase;
		font-weight:bold;
		letter-spacing:-1px;
		border-bottom:2px solid #FFF;
		text-indent:14px;
	}
	
	#center .bar .logo {
		width:172px;
		height:36px;
		background:url(../images/misc/logo-small.png);
		text-indent:-1000px;
		position:absolute;
		display:block;
		top:0px;
		left:113px;
	}
	
	#center .bar .icons {
		position:absolute;
		right:2px;
		top:-10px;
	}
	
	#center .box p.quote {
		height:75px;
	}
	
	#center .box p {
		padding:5px 10px;
		font-size:13px;
		line-height:140%;
	}
	
	#center .box.yellow p {
		padding:5px 10px 20px 10px;
		font-size:13px;
		line-height:140%;
	}
	
	#center .box {
		border-bottom:2px solid #FFF;
		color:#FFFFFF;
	}
	
	#center .box ol {
		font-size:11px;
		text-transform:uppercase;
		margin:15px 15px;
	}
	
	#center .box ol li {
		padding-left:36px;
		height:36px;
		line-height:16px;
		background:url(../images/ui/green-bul.png) top left no-repeat;
		
	}
	
	#center .box ul {
		font-size:12px;
		padding:10px 10px 0px 10px;
		
	}
	
	#center .box ul li {
		margin:6px 0;
		list-style:disc;
		margin-left:14px;
	}
	
	#center .box.green {
		background:#7FBE4F;
	}
	
	#center .box.green .bar {
		background:#009245;
	}
	
	#center .box.yellow {
		background:#DDB201;
	}
	
	#center .box.yellow ul li {
	margin-left: 0px;
}
	
	#center .box.yellow .bar {
		background:#FBB03B;
	}
	
	#center .box.blue {
		background:#27A9E0;
		color:#FFFFFF;
	}
	
	#center .box.white {
		background:#FFF;
		color:#666666;
	}
	
	#center .box.white .bar {
		background:#29ABE2
	}
	
	#center .left {
		width:504px;
		float:left;
		border-right:1px solid #FFF;
		min-height:820px;
		background:#E5F1F8;
	}
	
	#center .result {
		width:100%;
		float:left;
		border-right:1px solid #FFF;
		min-height:760px;
		background:#E5F1F8;
		padding-top:10px;
		min-height:200px;
		text-align:center;
	}
	
	#center center {
		text-align:center;
		display:block;
		margin-left:20px;
	}
	
	#center .result td {
		padding:3px;
	}
	
	#center .result table td {
		color:#333333;
		font-size:12px;
		line-height:140%;
	}
	
	#center .result table td b {
		color:#003366;
		font-size:15px;
	}
	
	#center .result table table table .mediumarial b {
		font-size:22px;
		font-weight:bold;
	}
	
	#center .right {
		width:233px;
		float:left;
	}
	
	#parkmark p {
		padding:10px;
		font-size:12px;
		color:#333333;
	}
	
	#center .block .list2 {
		width:48%;
		float:left;
		margin:0px;
		text-indent:20px;
		list-style:none;
	}
	
	#center .list2 li {
		background:url(../images/ui/bg-li-tick.png) top left no-repeat;
	}
	
	#center .list2 li a {
		color:#003366;
		text-decoration:none;
	}
	
	
	#center .list3 {
		margin:15px;
		text-indent:20px;
		list-style:none;
	}
	
	#center .list3 li {
		background:url(../images/ui/bg-li-tick.png) top left no-repeat;
	}
	
	#center .list3 li a {
		color:#003366;
		text-decoration:none;
	}	
	#center .error {
		color:#FFF;
		font-weight:bold;
		border:2px solid #FFF;
		margin:5px;
		background:#990000;
		padding:10px;
		text-align:center;
		margin-bottom:20px;
	}
	
	#center .error li {
		list-style:none;
	}
	
	#center .good {
		color:#FFF;
		font-weight:bold;
		border:2px solid #FFF;
		margin:5px;
		background:#79BE40;
		padding:10px;
		text-align:center;
		margin-bottom:20px;
	}
	
	#center .good li {
		list-style:none;
	}
	
	
	#center .block h2 {
		font-weight:bold;
		margin-bottom:5px;
		font-size:16px;
		color:#000000;
	}
	
	
	
	
	/* -------------------------------- */
	/* FOOTER							*/
	
	#footer {
		clear:both;
		line-height:51px;
		font-size:11px;
		color:#FFFFFF;
		background:#0071BC;
		position:relative;
		text-indent:10px;
		border-top:2px solid #fff;
	}
	
	#footer ul {
		position:absolute;
		right:10px;
		top:0px;
		font-size:11px;
	}
	
	#footer ul li {
		float:left;
		text-align:center;
		padding:0 0 0 3px;
	}
	
	#footer ul li a {
		color:#FFFFFF;
		text-decoration:none;
		padding-right:10px;
		border-right:1px solid #fff;
	}
	
	
/* DATEPICKER STUFFS */

/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* The wrapper div */
div.datePicker
        {
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/0.8em Verdana, Sans-Serif;
        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(../images/date/cal.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }

#center form.search .lCnt a.date-picker-control span {
 width:16px;
}
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:1.8em;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(../images/date/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:100%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:pointer;
        background:#fff url(../images/date/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em !important;
        height:2.8em;
        outline:none;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(../images/date/backstripes.gif);
        border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(../images/date/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(../images/date/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }