/* Body selector has a background image of a blue gradient thats repeated horizontally  */
body {margin: 0px; padding: 0px; font-family: Arial, Verdana, sans-serif; background: #00356C url(../images/background-page.jpg) repeat-x left top;}
.bodytext {background-color:white;font-family:Arial, Verdana, sans-serif;font-size:10pt;padding: 0px; }

/* Created to clear floated element */
.clr {clear: both;}

/* HEADINGS */
/* Has a 1 pixel  thin bottom border. The rest is self-explanatory. */
h1,.Heading_1 {width:96%;font: bold 20px "Arial, Verdana, sans-serif"; color: #1264A7; margin: 20px 15px 0px 15px; padding: 0px; text-align: left; line-height: 125%; border-bottom: 1px solid #ddd;}
.Heading_2 {
		font-family:Arial, Verdana, sans-serif;
		font-size:12pt;
		font-style:italic;
		font-weight:bold;
		color:#1264A7;
		}

#logoheader {width: 802px; height: 100px; margin: 0 auto; background-image: url("../images/central-logo-header.jpg"); background-position: top left; background-repeat: no-repeat;}

/* Defines the input text  field and submit styles */
#searchwebsite {padding: 70px 20px 0px 440px;}
#searchwebsite form {padding: 0px; margin: 0px;}
#searchwebsite input text {width: 140px; border: 1px solid #989280; background: #fff; padding: 1px; margin: 1px; font: bold 12px Arial, Verdana, Sans-serif; color: #000;}
#searchwebsite #submitbutton {width: 34px; height: 20px; border: none; margin: 0px 5px; background: #FCF17E url(../images/go.gif) no-repeat left;}
.searchbutton {width: 34px; height: 20px; border: none; margin: 0px 5px; background-color: #FCF17E; vertical-align:middle;}
.SearchBar {margin-left:90px;Border: solid 0px black;}

/* Has a very wide image with the Central Parking logos on two sides.
This creates the two columns of the logos - one to the left and one to the right.
The background image is a transparent gif that allows the background blue gradient / blue color to be visible */
#everything {width: 1000px; margin: 0 auto; background-image: url(../images/background-central-logo.gif);}

/* Defines the two think 11 pixel borders for the rest of the page.
Defined  as a class because it is used repeatedly 
WHY?
So that the page can be rendered quickly in the browser. */
.container {width: 780px; margin: 0 auto; border-right: 11px solid #231F20; border-left: 11px solid #231F20; background-color: #fff;}

/* Defines the web site main navigation - these are rules for an HTML unordered list.
Please change styling as required.
Please add dynamic drop down code to the HTML document and define the styles here */
#sitenav h5 {display: none;}
#sitenav ul {padding: 8px 0px; margin: 0px; font: bold 12px Arial, Verdana, Sans-serif; background: #231F20; text-align: center;}
#sitenav ul li {list-style: none; display: inline;}
#sitenav ul li a {padding: 7px 12px; margin: 0; background: #231F20; font: bold 12px Arial, Verdana, Sans-serif; text-decoration: none; border-top: 1px solid #231F20; border-bottom: 1px solid #231F20;}
#sitenav ul li a:link {color: #fff;}
#sitenav ul li a:visited {color: #fff;}
#sitenav ul li a:link:hover, #sitenav ul li a:visited:hover {background: #FFDE00; color: #231F20; border-top: 1px solid #fff; border-bottom: 1px solid #DAB910;}

#homepageimage {width: 778px; border: 1px solid #fff;}

#yellowbar {width: 778px; background: #FFE100; border: 1px solid #fff; border-top: none; border-bottom: none;}

#maincontents {border: 1px solid #fff; background: #fff url(../images/background-maincontents.gif) repeat-y left top;}

#subpagemaincontents {border: 1px solid #fff; background: #fff url(../images/background-subpagemaincontents.gif) repeat-y left top;}

#subpagemaincontents2 {border: 1px solid #fff;background: #fff url(../images/background-subpagemaincontents2.gif) repeat-y left top;padding:0px 12px 6px 12px;}

/* Floated left column for News and Events */
#homepagenewsevents {float: left; width: 204px; border-right: 1px solid #fff;}

/* Floated column for the homepage contents.
It itself contains a paragraph element that's floated left and an div containing the two ../images that's floated right */
#homepagecontents {float: left; width: 562px; padding-left: 10px; background: #fff url(../images/background-homepagecontents.jpg) repeat-x left top;}
#homepagecontents p {font: 14px "Times New Roman", Serif; color: #000; padding: 20px; margin: 0px; text-align: left; line-height: 125%;}
#homepagecontents #twoimages {width: 130px; float: left; padding: 20px 0px 0px 10px;}
#homepagecontents #homepagetext {width: 420px; float: left;}

/* The subpage columns for the menu and the contents */
#menuleftcol {float: left; width: 146px; border-right: 1px solid #fff; text-align: center;}
#subpagecontents {float: left; width: 620px; padding-left: 10px; padding-bottom: 30px; background: #fff url../images/background-homepagecontents.jpg) repeat-x left top;}
#subpagecontents p {font: 14px "Times New Roman", Serif; color: #000; padding: 7px 15px; margin: 0px; text-align: left; line-height: 140%;}

/* The "explore our corporate web site section on the homepage */
#explore {width: 534px; border: 10px solid #FED900; background-image: url(../images/background-explore.jpg); background-repeat: repeat-y; background-position: top right;}
#explore p {line-height: 125%; padding: 10px; margin: 0px;}
#explore img {float: left; padding: 0px 10px 0px 0px;}

/* Defines the styles for the footer */
#footer {background: #6a6a6a url(../images/background-footer.jpg) repeat-x bottom left; width: 780px; height: 39px; text-align: center;}
#footer p {font: 11px Arial, Verdana, Sans-serif; color: #fff; padding: 11px 0px 0px 0px; margin: 0px; text-align: center; line-height: 100%;}
#footer a {font: 11px Arial, verdana, Sans-serif; color: #fff; text-decoration: none;}
#footer a:link, #toptab a:visited {color: #fff; text-decoration: none;}
#footer a:link:hover, #footer a:visited:hover {color: #FEDD16; text-decoration: none;}

/* Defines the News and Events column */
#newsevents p {display: none;}
#newsevents {height:400; padding: 0px 0px 60px 0px; margin: 0px; font-family: Arial, Verdana, Sans-serif; color: #000; width: 195px; background-image: url(../images/background-news-events.gif);}
#newsevents ul {list-style: none; margin: 0px; padding: 0;}
#newsevents ul li {font: normal 12px Arial, Verdana, Sans-serif; margin: 0px; padding: 12px 0px 0px 20px; background-image: url(../images/bullet-news.gif); background-repeat: no-repeat; background-position: top left; text-align: left; line-height: 150%;}
#newsevents ul li a {padding: 0px; margin: 0px; color: #A30606; font-size: 12px; text-decoration: none;}
html>body #newsevents ul li a {width: auto;}
#newsevents ul li a:hover {text-decoration: underline;}

/* Defines the News and Events column */
.newseventsclass {padding: 0px 0px 0px 0px; margin: 0px; font: normal 12px Arial, Verdana, Sans-serif; color: #000; width: 195px;text-align: left; line-height: 150%;}
.newseventsclass a {margin: 0px; color: #A30606; font-size: 12px; text-decoration: none;}
html>body .newseventsclass a {width: auto;}
.newseventsclass a:hover {text-decoration: underline;}

/* Styles for the subpage navigation */
#subpagenav p {display: none;}
#subpagenav {padding: 0px; margin: 0px 10px; font-family: Arial, Verdana, Sans-serif; color: #000; width: 125px;}
#subpagenav ul {list-style: none; margin: 0px; padding: 0;}
#subpagenav ul li {font: normal 12px Arial, Verdana, Sans-serif; margin: 0px; padding: 4px 0px 4px 30px; background-image: url(../images/bullet-subpagenav.gif); background-repeat: no-repeat; background-position: left; text-align: left; border-bottom: 1px solid #E9D98A;}
#subpagenav ul li a {padding: 0px; margin: 0px; color: #252525; font-size: 12px; text-decoration: none;}
html>body #subpagenav ul li a {width: auto;}
#subpagenav ul li a:hover {text-decoration: none; color: #8f7700;}

.PrintLink {text-decoration:underline;font:10pt Arial, Verdana, Sans-serif;color:Blue;}
.PrintLink:hover {cursor:pointer;}