@charset "utf-8";


/* CSS Style Sheet for Parking By Design */
/* Paul Davis, May 8, 2011 */

/* Color Guide
The following colors are used on this site:

#262626 - almost black, default font color
#333 - was font color, but looked a little too light using Safari on a Mac
#000 - black background for #header, #navigation, #footer 
#FF0 - yellow for accent type
#FF9 - pale yellow, double-line border of #wrapper 
#999 - medium gray, background for #subhead_text
#ccc - gray type (non-links, current page) used in #navigation
#090 - green that will used in navigation signs
*/

body {
	margin: 0px;
	padding: 0px;
	color: #262626;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #666;
}


/*Gray box note used on introduction.html*/
.note {
	color: #000;
	background-color: #CCC;
	border: 2px solid #000;
	margin-right: 20px;
	margin-left: 20px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 0.85em;
}

/*Visited links will be dark gray, except in #navigation (see below).*/
a:visited {
	color: #666;
}

#wrapper {
	height: auto;
	width: 910px;
	background-color: #000;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	/* [disabled]margin-bottom: 1em; */
	border: 8px double #FF9;
	padding-bottom: 1em;
}

/* #main_header appears only on the Welcome page. All other pages use #page_header. */
#main_header {
	background-color: #000;
	height: auto;
	width: 660px;
	color: #FF0;
	font-size: 2.5em;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	float: none;
	margin-left: 200px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
}

/* The following 3 styles are used to modify type in the main header */
#main_header p {
	margin: 0px;
	padding: 0px;
}

.welcome_text {
	font-size: .5em;
	padding: 0px;
	margin: 0px;
}

.tm_text_format {
	font-size: 0.25em;
	font-style: normal;
	font-weight: normal;
	color: #FF9;
}

#page_header {
	background-color: #000;
	height: auto;
	width: 660px;
	color: #FF0;
	font-size: 2em;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	float: none;
	margin-left: 200px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#page_header p {
	margin: 0px;
	padding: 3px;
}

#navigation {
	background-color: #000;
	text-align: center;
	float: left;
	height: auto;
	width: 200px;
	color: #666;
	font-size: 0.8em;
	clear: left;
	padding-top: 10px;
	font-weight: normal;
}

/* The following keeps the link color used in #navigation white, except yellow and bold during a hover. 
Unvisited links used in the other areas will behave normally (default).*/
#navigation p a:link {
	color: #FFF;
}

#navigation p a:visited {
	color: #FFF;
}

#navigation p a:hover {
	color: #FF0;
	font-weight: bold;
}
#detailing_link_box {
	width: 80%;
	border: thick double #FFF;
	margin-right: auto;
	margin-left: auto;
	font-style: italic;
	color: #FFF;
}

/*Used for numbers on selection.html.*/
.red_and_bold {
	font-size: 1.1em;
	color: #900;
}

/* Inactive link of the current page */
.current_page {
	background-color: #666;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
}

/*The following is only used on the index page.*/
#last_modified {
	font-size: 0.75em;
	color: #666;
	text-align: left;
}

/* Format the word "Contents" in #navigation */
.contents_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	color: #FF0;
}

#navigation hr {
	height: 3px;
	color: #FF0;
	margin-right: auto;
	margin-left: auto;
	width: 70%;
	background-color: #FF0;
}

#footer {
	background-color: #000;
	height: 105px;
	width: 690px;
	margin-bottom: 10px;
	clear: none;
	margin-left: 210px;
	float: none;
}

.content_table {
	background-color: #FFF;
	height: auto;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

/*The content table formatting:*/
.col1 {
	width:30%;
	text-align: center;
	vertical-align: top;
	padding-top: 6px;
	font-style: italic;
} 

.col2 {
	width:70%;
	text-align: left;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 20px;
	vertical-align: top;
} 

.content_table tr .col1 p {
	padding-bottom: 2em;
}

.subhead_row {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #333;
	font-style: italic;
	font-weight: bold;
	background-color: #999;
	line-height: 1.5em;
	vertical-align: middle;
}

#go_back_sign {
	background-color: #000;
	float: left;
	height: 118px;
	width: auto;
	text-align: left;
	vertical-align: middle;
	color: #FFF;
	font-size: 0.75em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#go_next_sign {
	background-color: #000;
	float: right;
	height: 118px;
	width: auto;
	text-align: right;
	vertical-align: middle;
	color: #FFF;
	font-size: .75em;
	margin: 0px;
}

.no_link_border {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
}

.sign_table {
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	
.sign_table_center {
	background-color: #009900;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #FFF;
	width: 40%;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

.sign_table_other_cells {
	border: 0px none #FFF;
	width: 30%;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

.sign_table_center_test {
	background-color: #009900;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #FFF;
	width: 40%;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

.sign_table_other_cells_test {
	background-color: #009900;
	border: 0px none #FFF;
	width: 30%;
	text-align: center;
	color: #FFF;
	text-decoration: none;
}

/* The following is an invisible box to add some padding below the #wrapper - some browsers did not seem to recognize the bottom margin of the #wrapper. */
#after_footer {
	height: 1em;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* Smaller text. Used in "visitors" block. */
.image_effects {
	border: 6px solid #FFF;
	margin-bottom: 6px;
}

.smaller_text {
	font-size: 0.75em;
}


#wrapper ol li {
	margin-bottom: 0.5em;
}

#wrapper ul li {
	margin-bottom: 0.5em;
	padding-left: 0px;
	margin-left: -10px;
}


.indented_quote {
	font-style: italic;
	padding-right: 20px;
	padding-left: 30px;
}


/* I think all of the following can be deleted after the site is tested.

Delete #go_back and #go_next when the navigation signs are placed. Replaced below. 
Deactived May 6
 
#go_back {
	background-color: #000;
	float: left;
	height: 118px;
	width: 120px;
	padding-top: 5px;
	margin-left: 5px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: 0.75em;	
}

#go_next {
	background-color: #000;
	float: right;
	height: 118px;
	width: 120px;
	padding-top: 5px;
	margin-right: 0px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-size: .75em;
}

*/
/*I don't think I need the following:
#go_next a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 75px;
	width: 75px;
}

#go_back a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 75px;
	width: 75px;
}

I don't think I need this anymore 4/21/11
.green_sign_text {
	color: #FFF;
	background-color: #009900;
	border: 1px solid #FFF;
	padding-right: 4px;
	padding-left: 4px;
}

I don't think I need the follow  - it changes the navigation sign links to white with no underline  
.sign_table tr .sign_table_center a {
	color: #FFF;
	text-decoration: none;
}*/