/*================================================================================
TITLE: Default Style Sheet
CLIENT: Nicholasville/Jessamine County Parks & Recreation
TARGET SPEC: CSS-2
MODIFIED: 2007.10.04
AUTHOR(S): Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

/*
	====================================  ELEMENT DEFAULTS  =========================================
*/

a { color: #05d; cursor: pointer; text-decoration: underline; }
a:hover { color: #05d; cursor: pointer; text-decoration: none; }

html, body, div, img, table, form, li { margin: 0px; padding: 0px; border: 0px; }
html, body { height: 100%; }
html { background: #073 url("images/bg_page.gif") top center repeat-y; }
body {
	font: normal 12px/1.66 Arial, Helvetica, sans-serif;
	color: #202020;
	background: url("images/bg_body.jpg") top center no-repeat;
	margin-left: -1px;
	padding-bottom: 30px;
}

table { font: inherit; }
td { padding: 0px 20px 5px 0px; }

p { margin: 10px 0px 5px 0px; }

h1 { font: bold 18px Arial, Helvetica, sans-serif; color: #073; margin: 0px 0px 20px 0px; padding: 0px; }
h2 { color: #073; font: bold 15px Arial, Helvetica, sans-serif; margin: 0px 0px 1px 0px; padding: 20px 0px 5px 0px; border-bottom: 1px solid #c0c0c0; }
h2:first-child { padding-top: 0px; }
h2.ImageHeader { padding: 0px 0px 8px 0px; border-bottom: 3px solid #bbe; margin-bottom: 15px; }
h3 { color: #073; font: bold 14px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
h4 { color: #073; font: normal 12px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 0px 0px 0px; }

hr { background: url("images/sepdot.gif") repeat-x; height: 2px; padding: 0px; margin: 10px 0px 10px 0px; border: 0px; }

form { display: block; }
fieldset { overflow: auto; border: 1px solid #c0c0c0; margin-bottom: 10px; }
legend { font-weight: bold; color: #c00; font-size: 12px; }

ul { margin: 0px; padding: 0px 0px 0px 0px; }
ul li { padding: 2px 0px 2px 0px; }
ul li a { padding: 0px; }

ul.NoBullets { list-style: none; padding: 0px; }
ul.NoBullets li { padding: 2px 0px 8px 0px; }
ul.NoBullets li a { padding: 0px; }

p:first-child, p.FirstChild { margin-top: 0px; padding-top: 0px; }


/*
	====================================  LAYOUT & SPECIAL ITEMS  =========================================
*/

#layoutWrapper { position: relative; margin: 0px auto 0px auto; width: 760px; padding: 0px 30px 0px 30px; background: #fff; }

#topSection { height: 215px; position: relative; }
#topSection img {	display: block; }
#imgLogo { position: absolute; left: 0px; top: 30px; }

#secondaryNav, #primaryNav { position: absolute; right: 0px; }
#secondaryNav a, #primaryNav a { display: inline; float: left; text-decoration: none; }
#secondaryNav { background: #dcefe2 url("images/topnav_corners.gif") bottom left no-repeat; width: 590px; }
#secondaryNav a { float: right; border-left: 1px solid #f5faf6; border-right: 1px solid #c6e3d0; padding: 7px 15px 8px 15px; }
#secondaryNav a:hover { text-decoration: underline; }
#primaryNav { top: 65px; }
#primaryNav a { margin-left: 10px; outline: none; }

a#navHome { border-left: 0px; }
a#navContact { border-right: 0px; }

#contentSection { padding: 0px 0px 15px 0px; position: relative; }

#contentSection, .ColumnWrapper { overflow: auto; }

#column1 { width: 150px; }
#column2 { width: auto; float: none; display: block; margin-left: 170px; margin-bottom: 20px; }

#footerSection {
	background: url(images/bg_footer.gif) repeat-x;
	font-size: 10px;
	line-height: 1.5;
	padding-left: 170px;
	position: relative;
	padding-bottom: 30px;
}
#footerLogo { position: absolute; top: 5px; left: 0px; }


/*
	====================================  CUSTOM CLASSES  =========================================
*/

.Bordered { display: block; padding: 4px; border: 1px solid #bbe; background: #fff; }

.Caption { font-weight: bold; font-size: 10px; text-align: center; }

.Chart, .ProductList { width: 100%; }
.Chart th, .ProductList th { background: #fff; color: #c00; text-align: left; font-size: 14px; }
.Chart td, .Chart th, .ProductList td, .ProductList th { border-bottom: 1px solid #c0c0c0; padding: 5px 10px 5px 10px; }
.Chart td, .ProductList td { background: #f8f8f8; }
.Chart tr.AltRow td, .ProductList tr.AltRow td { background: #fff; }
.Chart tr.Disabled { display: none; }
.Chart tr.Disabled td { color: #666; background: #fcc; }

.Column { display: inline; float: left; overflow: visible; }

/* Rounded 5x5 corners */
.CornerTL, .CornerTR, .CornerBL, .CornerBR  { position: absolute; width: 5px; height: 5px; background-repeat: no-repeat; }
.CornerTL { top: -1px; left: -1px; background-image: url("images/corner_tl.gif"); }
.CornerTR { top: -1px; right: -1px; background-image: url("images/corner_tr.gif"); }
.CornerBL { bottom: -1px; left: -1px; background-image: url("images/corner_bl.gif"); }
.CornerBR { bottom: -1px; right: -1px; background-image: url("images/corner_br.gif"); }

.FirstChild { margin-top: 0px; }
.LastChild { margin-bottom: 0px; }

.Left { float: left; margin-right: 30px; margin-top: 5px; margin-bottom: 15px; }
.Right { float: right; margin-left: 30px; margin-top: 5px; margin-bottom: 15px; }

.RoundedCorners { position: relative; }

.TextBox {
	border: 1px solid #c0c0c0;
	background: #f8f8f8;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}