/* 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. */
.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;}
h1 {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/header4.jpg'); 
background-position: left top; 
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 {border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 34px; 	height: 20px; 	margin: 0px 5px; background: #FCF17E url('images/go.gif') no-repeat left 50%;
}
.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 */

/* 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;}

/* 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:visited:hover {background: #FFDE00; color: #231F20; border-top: 1px solid #fff; border-bottom: 1px solid #DAB910;}

#sitenav ul li a:link: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: right top;
}
#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 left bottom; 
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;}
#toptab a:visited {color: #fff; text-decoration: none;}
#footer a:link {color: #fff; text-decoration: none;}
#footer a:visited:hover {color: #FEDD16; text-decoration: none;}

#footer a:link: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 {margin: 0px; padding: 12px 0px 0px 20px; background-image: url('images/bullet-news.gif'); 
background-repeat: no-repeat; background-position: left top; 
text-align: left; line-height: 150%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Verdana, Sans-serif;
}
#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;}