/*================================================================================
				TITLE:	Default Style Sheet
		   CLIENT:	LFUCG Parking Authority
  TARGET SPEC:	CSS 2
		 MODIFIED:	2008.06.17
 	  AUTHOR(S):	Graham Wheeler / NetMediaOne - www.netmediaone.com
==================================================================================*/

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

a { color: #06c; cursor: pointer; text-decoration: underline; }
a:hover { color: #06c; cursor: pointer; text-decoration: none; }

html, body, div, img, table, li { margin: 0px; padding: 0px; border: 0px; }
html, body { height: 100%; }

html { background: #036 url("bg_html.gif") top center repeat-y; }
body { background: url("bg_body.gif") repeat-x; font: normal 11px/1.63 Verdana, Arial, Helvetica, sans-serif; color: #000; min-height: 100%; }

table { font: inherit; }

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

h1, h2, h3, h4 {
	padding: 0px;
	margin: 20px 0px 20px 0px;
	line-height: 1.63;
}

h1 { font-size: 17px;	margin: 0px; color: #008d6a; }

h2 { font-size: 14px; color: #008d6a; }

h3 { font-size: 12px; color: #0367a9; }

h4 { font-size: 11px;	margin-bottom: 0px; }
.HomePage h4 { color: #fff; padding-left: 10px; position: relative; left: -10px; }
.HomePage h4 img { position: absolute; top: .38em; left: 0px; }

p.FirstChild, h2.FirstChild, h3.FirstChild, h4.FirstChild, ul.FirstChild { margin-top: 0px; }
.LastChild { margin-bottom: 0px !important; }

label { font-weight: bold; }

ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 1em; }
li { padding: 0px; margin-left: 10px; }


/*
	==================================  CUSTOM CLASSES AND LAYOUT ELEMENTS	================================
*/

.AudioPlayerWrapper { position: relative; left: 5px; top: 5px; }
.AudioPlayer { height: 20px; }

.ArrowBullets { list-style: none; margin: 0px; padding: 0px; }
.ArrowBullets li { padding: 0px 0px 0px 10px; margin: 0px; background: url("bullet1.gif") left .6em no-repeat; }
.ArrowBullets a { text-decoration: none; }
.ArrowBullets a:hover { text-decoration: underline; }

.BannerAd { margin: 0px; }
.BannerAd img { display: block;  }

.Bordered { padding: 4px; background: #fff; border: 1px solid #d0d0d0; }

table.ColumnWrapper { width: 100%; padding: 0px; }
div.Column { display: inline; float: left; }
td.Column { vertical-align: top; }

.Chart { width: 100%; padding: 0px; }
.Chart th, .Chart td { padding: 5px 10px 5px 10px; vertical-align: top; }
.Chart th { font-weight: bold; text-align: left; background: #f4f4f4; vertical-align: middle; }

.Fines td { text-align: center; }
.Fines td.Citation { text-align: left; width: 240px; }

.Rate { margin-left: 0px; border-left: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; }
.Rate td, .Rate th { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
.Rate th {width: 160px;}

.ContentBox { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; background: #f0f0f0; padding: 5px 14px 5px 14px; }

.NoBullets { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; }
.NoBullets li { list-style: none; margin: 10px 0px 10px 0px; padding: 0px; }

.HeaderImg { display: block; margin: 20px 0px 20px 0px; }

.ImportantNoticeBox { background: #fc0; padding: 0px; line-height: 1.36; }
.ImportantNoticeBox h3 { margin: 5px 10px 5px 10px; color: #900; font-size: 11px; padding: 0px; }
.ImportantNoticeBox p { margin: 5px 10px 5px 10px; }
.ImportantNoticeBox .BoxCap { display: block; height: 5px; }

.Left { display: inline; float: left; margin: 5px 30px 10px 0px; }

.JSOnly { display: none; }
.HasJS .JSOnly { display: block; }
.HasJS .HideIfJS { display: none; }

.Right { display: inline; float: right; margin: 5px 0px 10px 30px; }

.FailedValidation { border-color: #fc0 !important; padding-left: 20px; background: url("icon_error.gif") 3px 3px no-repeat; }

.PhotoGallery { list-style: none; margin: 0px; padding: 0px; display: inline; float: left; width: 600px; }
.PhotoGallery li { list-style: none; margin: 15px 30px 15px 0px; padding: 0px; display: inline; float: left; }
.PhotoGallery .Bordered { border-color: #e0e0e0; padding: 0px; }

.ValidationErrorMessage {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 5px;
}

.SubHead { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #0367a9; background: #f0f0f0; }

.TextBox { border: 1px solid #369; font: normal 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px 5px 2px 5px; }
#contactForm .TextBox { margin-left: 10px; margin-bottom: 5px; }

#bgWrapper { background: url("bg_bgwrapper.jpg") top center no-repeat; }

#layoutWrapper { 
	width: 750px;
	margin: 0px auto 0px auto;
	position: relative;
	padding-top: 50px;
}

#imgLogo { position: absolute; top: 17px; left: 10px; z-index: 9999; }
#tagLine { position: absolute; top: 5px; right: 0px; color: #008d6a; margin-left: 80px; }

#topSection h1 { position: absolute; top: 55px; left: 30px; z-index: 100; }
#imgSigBlock { position: absolute; top: 0px; right: 0px; z-index: 100; }

#navSection { position: relative; background: url("bg_navbar.gif") no-repeat; width: 750px; height: 42px; margin-bottom: 28px; }
#primaryNav { position: absolute; top: 0px; right: 0px; margin: 0px; padding: 0px; list-style: none; }
#primaryNav li { display: inline; margin: 0px; padding: 0px; float: left; }
#primaryNav a { outline: none; text-decoration: none; }
#primaryNav a:hover { outline: none; text-decoration: underline; }

#bannerSection { padding: 0px; position: relative; margin-bottom: 28px; }
.HomePage #bannerSection { padding: 0px; }
#bannerSection h1 { position: absolute; right: 20px; top: 15px; color: #fff; }

#bannerLinks { display: block; overflow: auto; list-style: none; margin: 8px 0px 0px 0px; padding: 0px; }
#bannerLinks li { display: inline; float: left; margin: 0px 0px 0px 10px; padding: 0px; height: 52px; }
#bannerLinks li.FirstChild, #bannerLinks li:first-child { margin-left: 0px; }
#bannerLinks a, #bannerLinks img { display: block; height: 52px; outline: none; }

#contentSection { overflow: auto; padding: 0px 0px 30px 0px; background: #fff; border-bottom: 1px solid #ccc; }

#subNav { list-style: none; margin: 0px; padding: 0px; }
#subNav li { border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; padding: 5px 0px 5px 10px; margin: 0px; background: url("bullet1.gif") left 1.1em no-repeat; }
#subNav li.FirstChild { padding-top: 5px; border-top: 0px; }
#subNav li.LastChild { padding-bottom: 0px; border-bottom: 0px; }
#subNav a { text-decoration: none; }
#subNav a:hover { text-decoration: underline; }
#subNav li ul { list-style: square outside; font-size: 90%; color: #00694f; margin: 0px; padding: 0px 0px 0px 10px; }
#subNav li li { border: 0px; padding: 1px 5px 1px 0px; background: none; }

#footerSection {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 2px 0px 30px 45px;
	font: normal 10px/1.6 Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #ccc;
}

#footerLogo { position: absolute; top: 15px; left: 0px; }

.HomePage .Column { width: 180px; }
.HomePage .Col2 { width: 330px; padding: 0px 30px 0px 30px; }

.SubPage .Col1 { width: 180px; padding-right: 30px; }
.SubPage .Col2 { width: 540px; }

#headlines { list-style: none; margin: 0px; padding: 0px; }
#headlines li { margin: 10px 0px 0px 0px; padding: 8px 0px 0px 90px; border-top: 1px solid #d0d0d0; position: relative; }
#headlines li.FirstChild { margin-top: 0px; padding-top: 0px; border-top: 0px; }
#headlines h2 { margin: 0px; padding: 0px; }
#headlines img {
	position: absolute;
	top: 19px;
	left: 11px;
	height: 48px;
	width: 56px;
}
#headlines li.FirstChild img { top: .6em; }