/* creating my own default tag settings */
caption {text-align: center;}
th,td {vertical-align: top;}
.button {background: #FEFEFE url(../images/button_bg.gif) repeat-x top left; border: 1px solid #C4CCCC; color: #2B333C; cursor: pointer; font-weight: bold; line-height:1.35em; padding: 0.2em 1.5ex; *padding: 0.1em 0.75ex;}
.double-arrows {font-size: 130%;}
.disabled {color: silver;}

a.partial-underline {text-decoration: none;}
a.partial-underline > * {text-decoration: underline;}
a.partial-underline > *.double-arrows {text-decoration: none;}
/* end of creating my own default tag settings */

/* Pagination UI Pattern */
div.pagination {background-color: #f9f9f9; border: 1px solid #aaaaaa; font-size: 16px; padding: 5px; padding-bottom: 10px; text-align: center;}
div.pagination > span.page-numbers > * {border: 1px solid #312ea3; padding: 0px 5px;}
div.pagination > span.page-numbers > a {text-decoration: none;}
div.pagination > span.page-numbers > a {color: #312ea3;}
div.pagination > span.page-numbers > b {font-weight: normal;}
div.pagination > span.page-numbers > b {background-color: #312ea3; color: white;}
/* End Of Pagination UI Pattern */

/* creating project specific default tag settings (change from project to project) */
html {background-color: #E1E1E1;	font-family: Arial;	font-size: 1em;	font-style: normal;	font-weight: normal;}
body {min-width: 748px; margin: 50px 0px; text-align: center;} /* min-width needed for 800x600 resolution viewers (makes scrollable) */
h1, h2, h3, h4 {color: #005DAA; font-family: Arial; font-weight: bold;}
h1 {font-size: 1.3em; font-style: italic;}
h2 {font-size: 1.2em; font-style: italic; text-transform: uppercase;}
h3 {font-size: 1.3em; text-align: center;}
h4 {font-size: 1.2em; text-decoration: underline;}
h5 {font-size: 1.2em; font-weight: bold;}
  h5 a {text-decoration: none;}
  h5 a:hover {color: #0033aa; text-decoration: underline;}
/* end of creating project specific default tag settings (change from project to project) */

/* Sitemap */
ul.sitemap-level-1 li {list-style: none; margin: 0px;}
ul.sitemap-level-2 li {list-style: square outside none; margin-left: 2em;}
/* End of Sitemap *./

/* FAQ */
/* Layouts */
div#faq-menu-wrapper {width: 218px; *width: 220px;}
div#topics-left-qa-right {}
	div#topics-left-qa-right div#faq-menu-wrapper {float: left;}
	div#topics-left-qa-right div#faq-qa-wrapper {margin-left: 240px;}
div#topics-right-qa-left {}
	div#topics-right-qa-left div#faq-menu-wrapper {float: right;}
	div#topics-right-qa-left div#faq-qa-wrapper {margin-right: 240px;}
/* End Of Layouts */
div#faq-menu-wrapper {background-color: #f9f9f9; border: 1px solid #aaaaaa;}
div#faq-qa-wrapper div {margin-bottom: 20px;}
div.breadcrumbs {background-color: #f9f9f9; border: 1px solid #aaaaaa; margin-bottom: 20px; padding: 5px;}
	div.breadcrumbs a, div.faq-menu a {text-decoration: none;}
div.faq-menu {margin: 10px;}
div.faq-menu ul li {list-style: disc outside none; margin-left: 2em;}
div.faq-menu ul li.selected-question {list-style: circle outside none;}
/* End Of FAQ */

/* Layouts (contact us & driving directions) */
div#form-wrapper {width: 50%;}
div#form-right-content-left {} /* Form on Right, Content on Left */
	div#form-right-content-left div#content-wrapper {float: left;}
	div#form-right-content-left div#form-wrapper {float: right;}
div#form-left-content-right {} /* Form on Left, Content on Right */
	div#form-left-content-right div#content-wrapper {float: right;}
	div#form-left-content-right div#form-wrapper {float: left;}
div#form-bottom-content-top {text-align: center;} /* Form on Bottom, Content on Top */
	div#form-bottom-content-top div#content-wrapper {text-align: left; width: auto;}
	div#form-bottom-content-top div#form-wrapper {width: 75%; margin: 1em auto;}
/*End Of Layouts */

/* Driving Directions */
table.location-form {margin: 0em auto;}
table.location-form caption {font-weight: bold; margin: 0em auto; padding: 5px;}
table.location-form th, table.location-form td {padding: 2px 0px;}
table.location-form th {padding-right: 10px; text-align: right;}
div#driving-directions > img {background-color: white; border: 1px solid black; float: right; margin-bottom: 10px; margin-left: 10px; padding: 1px;}
div#driving-directions > ol > li {margin-left: 30px;}
div#driving-directions > a[rel=prev] {font-size: 16px; text-decoration: none;}
span.mileage-minutes {color: blue;}
/* End Of Driving Directions */

/* Contact Form */
table.contact-form {border-collapse: collapse; margin: 0em auto; table-layout: fixed;	width: 100%;}
table.contact-form th, table.contact-form td {white-space: nowrap; padding: 2px 20px 2px 5px;} /* right padding for required field marker */
table.contact-form th {padding:2px 0 2px 5px;	text-align:right;}
td.required, tr.required td {background:url("../images/req.gif") center right no-repeat;}
table.contact-form input[type=text], table.contact-form textarea {width:100%;} /* simply scale inputs to table cell size */
table.contact-form input.invalid {border: 2px solid red;}
td.input-group input {width:auto;} /* but not for radios or checks */
fieldset.grouping {background-color: #f7f7f7; border: 1px solid silver; margin-bottom: 10px; *margin-top: 7px; padding: 10px;}
fieldset.grouping legend {color: #005DAA; font-weight: bold; margin: 0px 6px; *margin: -17px 0px 10px 0px;}
input[type=checkbox]+label {padding-left: 10px;}
/* End Of Contact Form */

/* Main Menu */
div#navigation {background: black url(../images/menu-background.jpg) repeat-x top left;	border: 1px solid white; height: 28px; margin: 0px; position: relative;}
div#navigation ul {float: left; margin: 0px;}
div#navigation ul li {background: transparent url(../images/menu-seperator.gif) no-repeat center right; display: block; float: left; font-family: Verdana; font-size: 11px; font-weight: bold; height: 28px; line-height: 28px; list-style: none; margin: 0px; padding: 0px; text-transform: uppercase;}
div#navigation ul li a {color: silver; display: block; font-family: Verdana; margin: 0px; padding: 0px 10px; text-decoration: none;}
div#navigation ul li a.current {color: white;}

div#navigation ul li {position: relative;}
div#navigation ul ul {
	background: white;
	border: 1px solid black;
	display: none;
	left: 0px;
	padding: 1px;
  padding-bottom: 0px;
	position: absolute;
	top: 27px;
	z-index: 1;
}
div#navigation ul ul li {
	background: #005BA6;
  border-bottom: 1px solid white;
	display: block;
	width: 200px;
}
div#navigation ul ul li:first-child {background: transparent url(../images/menu-background.jpg) repeat-x top left;}
div#navigation ul li:hover ul {display: block;}
/* End Of Main Menu */

/* Footer */
#footer a {background; transparent; color: black; font-weight: bold; text-decoration: none;}
/* End Of Footer */

/* Search Styling */
div#search-wrapper input#search-box {width: 100px;}
div#search-wrapper input.inactive {color: #999999;}
div#search-wrapper input.active {color: black;}
/* End Of Search Styling */

/* Gallery */
div#gallery-wrapper {}
div#gallery-wrapper a {text-decoration: none;}
div#gallery-wrapper img {background-color: white; padding: 5px;}
div#gallery-menu-wrapper {float: left; margin-bottom: 5px; margin-right: 5px; width: 200px;}
div#gallery-menu {background-color: #f9f9f9; border: 1px solid #aaaaaa; padding: 5px;}
div#gallery-main-wrapper {text-align: right;}
div#gallery-thumbnail-wrapper {background-color: #f9f9f9; border: 1px solid #aaaaaa; clear: both; margin: 5px 0px; margin-top: 3px; padding: 5px; padding-bottom: 2px; text-align: center;}
div#gallery-thumbnail-wrapper img {border: 1px solid silver; padding: 3px; opacity: 0.5; *filter: alpha(opacity=50);}
div#gallery-thumbnail-wrapper a:hover > img {opacity: 1.0; *filter: alpha(opacity=100);}
div.gallery-page-navigation {background-color: #f9f9f9; border: 1px solid #aaaaaa; font-size: 16px; padding: 5px; text-align: center;}
div.gallery-page-navigation span.disabled {color: silver;}
span.page-numbers > * {border: 1px solid #312ea3; padding: 0px 5px;}
span.page-numbers > a {text-decoration: none;}
span.page-numbers > a {color: #534fc5;}
span.page-numbers > b {font-weight: normal;}
span.page-numbers > b {background-color: #534fc5; color: white;}
div#caption {background: white; margin-top: -4px;}
div#caption > p {color: #444444; padding: 15px; text-align: left;}
div#gallery-image-wrapper {border: 1px solid silver; float: right; margin-bottom: 10px;}
/* End Of Gallery */

/* Search Results */
div#search-results-view {padding-bottom: 10px;}
div#search-results-view > form {}
div#search-results-view > form > fieldset {border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding-bottom: 10px; padding-top: 5px; text-align: center;}
div#search-results-view > form > fieldset * {vertical-align: middle;}
div#search-results-view > form > fieldset > input[type=text] {border: 1px solid black; height: 16px; margin: 0px; padding: 6px; padding-bottom: 7px; padding-top: 5px; width: 300px;}
div#search-results-view > form > fieldset > button.button {margin: 0px; padding-bottom: 4px; padding-top: 4px;}
div#search-results-view > h1 {border-bottom: 1px solid #cccccc; font-size: 14px; font-weight: normal; margin-bottom: 10px; padding-bottom: 10px; text-align: right;}
div#search-results-view > h2 {font-weight: normal; text-align: center;}
div#search-results-view > ol {margin: 0px; padding: 0px;}
div#search-results-view > ol > li {border-top: 1px solid #cccccc; list-style: none; margin: 0px; margin-top: 10px; padding-top: 10px;}
div#search-results-view > ol > li:first-child {border: 0px; margin-top: 0px; padding-top: 0px;}
div#search-results-view > ol > li  > a {display: block; font-size: 15px; margin-bottom: 5px;}
div#search-results-view > ol > li  > p {font-size: 12px;}
div#search-results-view > ol > li  > p > span.searchTerm {font-size: 116.66%; font-weight: bold;}
div#search-results-view > div.pagination {border-top: 1px solid #cccccc; font-size: 16px; margin-top: 10px; padding-top: 10px;}
/* End Of Search Results */

/* Positioning (Layout) */
div#container {margin: 0px auto; text-align: left; width: 748px;} 
div#wrapper {background: white url(../images/top-background.jpg) no-repeat top left;}
div#header {padding: 25px 28px; padding-bottom: 0px;}
ul#top-right-contact-info {float: right; font-size: 0.9em; margin: 0px; padding: 0px;}
ul#top-right-contact-info li {font-weight: bold; list-style: none; text-align: right;}
div#search-wrapper {position: absolute; right: 5px; text-align: right; top: 3px;}
div#search-wrapper input {border: 1px solid gray; height: 18px; vertical-align: middle;}
div#main {background: transparent url(../images/bottom-background.gif) no-repeat bottom left; margin-top: 2px; padding: 0px 28px; padding-bottom: 6px; padding-left: 6px;}
table#table-layout {empty-cells: show; min-height: 320px; table-layout: fixed; width: 100%;}
table#table-layout td#content-column {background: transparent url(../images/content-background.gif) no-repeat top left; padding-left: 21px; padding-top: 5px;}
div#content {margin-left: 13px; margin-top: 10px;}
div#content-name {color: #eeeeee; font-size: 47px; font-weight: bold; line-height: 30px; margin-left: 15px; text-transform: lowercase;}
#content-header {margin-left: 30px; margin-top: -8px;}
td.highlight-column {margin: 0px 1px; background: #bcbcbc url(../images/fade-down-darker.gif) repeat-x top left; border: 1px solid blue; border-width: 0px 1px; padding: 0px 1px; width: 190px;}
div#footer {background-color: #E1E1E1; text-align: center;}
/* End Of Positioning */
