{# **** Top banner & logo **** #}
.headerTable {
	background: url("images/bgdPattern.gif") repeat-x;
	width: 98%;
  padding: 0%; margin: 1%; border: 0%;
}
.cell_spacer {
  display: table-cell;
  border: none; 
  padding: 10;
  margin-top: 0;
  height: 3.5em;
  width: 100%;
}

/* * Index page * */
.title1 {
  margin-top: 0.5em;
  {# margin-left: 1.2em; #}
  margin-left: 0.2em;
  {# margin-right: 2em; #}
  margin-bottom: 1em;
  padding-bottom: 1em;
  text-align: left;
  font-size: 2em;
  font-weight: bold;
  color: maroon;
  font-family: times-new-roman, serif;
	vertical-align: text-bottom;
}
.title2 {
	margin: 0 2em .5em 2em;
  text-align: left;
  font-size: 1.5em;
  font-weight: bold;
  color: maroon;
  font-family: times-new-roman, serif;
	//vertical-align: text-bottom;
}
.title3 {
  margin-left: 2em;
  text-align: left;
  font-weight: bold;
  color: #737CA1; {# slate blue #}
  font-family: times-new-roman, serif;
}
.title4 {
  font-family: times-new-roman, serif;
  font-size: large;
  font-weight: bold;
  text-align: left;
  color: maroon;
  margin-left: 2em;
  margin-right: 1em;
}
.title5 {
  font-family: times-new-roman, serif;
  font-size: 2em;
  font-weight: bold;
  color: maroon;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.title6 {
  margin-top: 0.5em;
  margin-bottom: .5em;
  //padding-bottom: 1em;
  text-align: center;
  font-size: x-large;
	vertical-align: text-bottom;
  //font-family: times-new-roman, serif;
  //font-family: Verdana, Arial, Helvetica, sans-serif;
  font-family: 'Almendra', cursive;  
  //color: maroon;
  color: #6F4E37;	/*Coffee*/
}
.title7 {
  width: 12em;
	font-family: Tahoma;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1em;
	text-align: left;
  color: #4863A0; /*steel blue*/
}
.text1 {
  font-family: Tahoma;
  font-size: large;
  margin-left: 1em;
  margin-right: 2em;
  text-align: left;
  color: #2C3539; {# gunmetal #}
}
.text2 {
  font-family: Tahoma;
  color: #222;
  font-size: small;
  text-align: left;
  margin-left: 2.2em;
  margin-right: 2em;
  margin-bottom: 1em;
	vertical-align: bottom;
}
.text3 {
  font-family: Tahoma;
  color: #222;
  font-size: smaller;
  text-align: left;
}
.text4 {
  font-family: Tahoma;
  font-size: medium;
  margin-left: 1em;
  margin-right: 2em;
  text-align: left;
  color: #2C3539; /*gunmetal*/
}
.text5 {
  font-family: Tahoma;
  font-size: 1em;
  //margin-left: 1em;
  //margin-right: 2em;
  margin: 4px 2em 0 1em;
	text-align: left;
  color: #4863A0; /*steel blue*/
}
.title_redirect {
	//margin: 0 2em 0 2em;
  text-align: left;
  font-size: large;
  font-weight: bold;
  color: #F04A00; /*Golden Gate Bridge*/
	text-align: center;
  font-family: times-new-roman, serif;
	//vertical-align: text-bottom;
}
p {
  font-family: Tahoma;
  color: #222;
  text-align: left;
  font-size: 12px;
}
.text-intro {
  font-family: Tahoma;
  color: #222;
  font-size: small;
  text-align: left;
  //margin-left: .5em;
  //margin-right: .5em;
  margin-bottom: .5em;
	vertical-align: bottom;
}
.text-waypoint {
  color: #E66C2C;	/*Halloween Orange*/
  font-weight: bold;
}
.text-list-label {
  color: #81B8E2; /*Hyperlink*/
  font-weight: bold;
}
.text-login {
  font-family: Tahoma;
  //font-size: small;
  font-size: .8em;
  text-align: left;
}
.text-auth {
  color: #737CA1; /*slate blue*/
}

/**** Title and login table construct ****/
.table_top {
  display: table;
	width: 95%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em; 
  //margin-bottom: 15px; 
}
.row_top {
  display: table-row;
  margin: 0px;
  padding: 0px;
}
.cell_blank {
	display: table-cell;
  //border: solid; border-width: thin;
	width: 3%;
  //padding-left: 2px; 
  //padding-right: 2px;
  text-align: left; 
}
.cell_title {
  display: table-cell;
  //border: solid; border-width: thin;
  border-collapse: collapse;        
	width: 75%;
  //padding-left: 0px; 
  //padding-right: 4px;
  text-align: center; 
}
.cell_login {
  display: table-cell;
  //border: solid; border-width: thin;
  border-collapse: collapse;        
	width: 25%;
  padding-left: 1em; 
  //padding-right: 4px;
  text-align: left; 
}

/**** Map table construct ****/
.table_map {
  display: table;
	width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .85em; 
  //margin-bottom: 15px; 
}
.row_map {
  display: table-row;
  margin: 0px;
  padding: 0px;
}
.cell_map {
  display: table-cell;
  //border: solid; border-width: thin;
  border-collapse: collapse;        
	width: 80%;
  //padding-left: 0px; 
  //padding-right: 4px;
  text-align: center; 
}
.cell_choices {
  display: table-cell;
  //border: solid; border-width: thin;
  border-collapse: collapse;        
	width: 20%;
  //padding-left: 1em; 
  //padding-right: 4px;
  text-align: left;
}

/**** Waypoint choices menu. ****/
.title_choices {
  width: 12em;
	font-family: Tahoma;
  font-size: .9em;
  font-weight: bold;
  //margin: .5em 1em 0 .5;
	text-align: left;
  color: #4863A0; /*steel blue*/
}
.text_choices {
  font-family: Tahoma;
  font-size: .8em;
  font-weight: normal
  //margin: 4px 2em 0 1em;
	text-align: left;
  color: #4863A0; /*steel blue*/
}
.checkbox {
  width: 11em;
  //font-family: Tahoma;
  font-size: small;
  margin: .5em 1em 0 .5;
	text-align: left;
  color: #4863A0; /*steel blue*/
}
ul.choicesMenu, ul.choicesMenu ul {
	list-style:none;
	margin: 0; 
	padding: 0;
	position: relative;
}
ul.choicesMenu ul { 
  display: block; /*initially menu item is hidden*/
  //position: absolute; /*absolute positioning is important for menu to float*/
	/* margin: top right bottom left */
	margin: 0% 0 0 5%;
}
ul#navlist li:hover ul#subnavlist li a {
  display: block;
  /*width: 10em;*/
  border: none;
  padding: 1px;
  color: #ffff00;
}
/* Displays grey block over drop-down menu. */
ul.choicesMenu li:hover li a {
  display: block;
  /*width: 10em;*/
  border: none;
  padding: 1px;
  color: #222;
	background-color: #ccc;
}
/* Hover effect for menu */
ul.choicesMenu li:hover > ul { 
	display:block;
}
//Submit button format.
.my-button .django-submit {
    padding: 2px;
    color: #fff;
    background: #f00;
		height: 16px;
}
/********************/

/**** Popup table construct ****/
/* One column, with one or no pictures */
.table_popup1 {
  display: table;
	width: 18em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em; 
  //margin-bottom: 15px; 
}
/* Two columns, with two pictures */
.table_popup2 {
  display: table;
	width: 36em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em; 
  //margin-bottom: 15px; 
}
.tbl_row {
  display: table-row;
  margin: 0px;
  padding: 0px;
}
.cell_popup {
	display: table-cell;
  //border: solid; border-width: thin;
	width: 100%;
  padding-left: 2px; 
  padding-right: 2px;
  text-align: left; 
}
.cell_pix {
  display: table-cell;
  //border: solid; border-width: thin;
  border-collapse: collapse;        
  //padding-left: 0px; 
  //padding-right: 4px;
  text-align: center; 
}

/**** List table construct ****/
.table_list {
  display: table;
	width: 90%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em; 
  //margin-bottom: 15px; 
}
.tbl_row {
  display: table-row;
  margin: 0px;
  padding: 0px;
}
.cell_label_title {
	display: table-cell;
  width: 18%;
  text-align: left;
  font-weight: bold;
  color: #737CA1; /*slate blue*/
  font-family: times-new-roman, serif;
  padding-bottom: 2px;
  //border-bottom: solid; border-width: thin;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #737CA1; /*slate blue*/
}
.cell_content_title {
	display: table-cell;
  width: 46%;
  text-align: left;
  font-weight: bold;
  color: #737CA1; /*slate blue*/
  font-family: times-new-roman, serif;
  padding-bottom: 2px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #737CA1; /*slate blue*/
}
.cell_address_title {
	display: table-cell;
  width: 24%;
  text-align: left;
  font-weight: bold;
  color: #737CA1; /*slate blue*/
  font-family: times-new-roman, serif;
  padding-bottom: 2px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #737CA1; /*slate blue*/
}
.cell_date_title {
	display: table-cell;
  width: 12%;
  text-align: left;
  font-weight: bold;
  color: #737CA1; /*slate blue*/
  font-family: times-new-roman, serif;
  padding-left: 3px;
  padding-bottom: 2px;
	border-style: dotted;
	border-width: 0 0 1px 0;
	border-color: #737CA1; /*slate blue*/
}
.cell_library_title {
	display: table-cell;
  width: 8%;
  text-align: left;
  font-weight: bold;
  color: #737CA1; /*slate blue*/
  font-family: times-new-roman, serif;
  padding-left: 3px;
  padding-bottom: 2px;
}
.cell_label_text {
	display: table-cell;
  width: 18%;
  font-family: Tahoma;
  color: #222;
  font-size: smaller;
  font-weight: bold;
  text-align: left;
  border-style: dotted;
  border-width: 1px 0 0 0;
  border-color: grey;
}
.cell_content_text {
	display: table-cell;
  width: 46%;
  font-family: Tahoma;
  color: #222;
  font-size: .8em;
  text-align: left;
	border-style: dotted;
	border-width: 1px 1px 0 1px;
	border-color: grey;
}
.cell_address_text {
	display: table-cell;
  width: 24%;
  font-family: Tahoma;
  color: #222;
  font-size: .8em;
  text-align: left;
	border-style: dotted;
	border-width: 1px 1px 0 0;
	border-color: grey;
}
.cell_date_text {
	display: table-cell;
  width: 12%;
  font-family: Tahoma;
  //color: #222;
  //color: #6F4E37; /*Coffee*/
  color: #493D26; /*Mocha*/
  font-size: x-small;
  text-align: left;
  padding-left: 3px;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: grey;
}
.cell_library_text {
	display: table-cell;
  width: 8%;
  text-align: left;
  //font-weight: bold;
  //color: #737CA1; /*slate blue*/
  font-family: times-new-roman, serif;
  font-size: x-small;
  padding-bottom: 2px;
  //border-bottom: solid; border-width: thin;
	border-style: dotted;
	border-width: 1px 0 0 0;
	border-color: grey;
}
.cell_library_text a:link {
	color: #E8A317; */School Bus Yellow*/
	text-decoration: none;
	font-weight: bold;
}
.cell_library_text a:hover {
	color: #4CC417; /*Green Apple*/
	text-decoration: underline;
	font-weight:bold;
}
.cell_library_text a:active { color: purple; text-decoration:none; font-weight:normal; }
.cell_library_text a:visited { color: red; text-decoration:none; font-weight:normal; }

.cell_garagesale_text {
	display: table-cell;
  width: 15%;
  text-align: left;
  font-size: smaller;
  font-weight: bold;
  //color: #737CA1; /*slate blue*/
  font-family: times-new-roman, serif;
  padding-right: 2px;
  padding-bottom: 2px;
  border-style: dotted;
  border-width: 1px 0 0 0;
  border-color: grey;
}
.cell_garagesale_text a:link {
	color: #C36241;	/*Rust*/
	text-decoration: none;
	font-weight: bold;
}
.cell_garagesale_text a:hover {
	color: maroon;
	text-decoration: underline;
	font-weight:bold;
}
.cell_garagesale_text a:active { color: purple; text-decoration:none; font-weight:normal; }
.cell_garagesale_text a:visited { color: red; text-decoration:none; font-weight:normal; }

.GPS_alert_bold {
  font-family: Tahoma;
  color: red;
  font-size: large;
	font-weight: bold;
  text-align: left;
}
.GPS_alert {
  font-family: Tahoma;
  color: red;
  font-size: medium;
  text-align: left;
}

/**** Pagination ****/
.pagination { 
  /*font-size: large;*/
	margin-top: 20px;
	text-align: center;
}
.step-links a { font-size: 0.89em; }
/********************/

/**** Sort, or order-by menu. ****/
.sort-wrapper {
	width: 50%;
	/*background: #999;*/
  text-align: center; 
}
ul.cssMenu, ul.cssMenu ul {
	list-style:none;
	margin: 0; 
	padding: 0;
	position: relative;
}
ul.cssMenu ul { 
  display:none; /*initially menu item is hidden*/
  position: absolute; /*absolute positioning is important for menu to float*/
	/* margin: top right bottom left */
	margin: 0% 0 0 15%;
}
ul#navlist li:hover ul#subnavlist li a {
  display: block;
  /*width: 10em;*/
  border: none;
  padding: 1px;
  color: #ffff00;
}
/* Displays grey block over drop-down menu. */
ul.cssMenu li:hover li a {
  display: block;
  /*width: 10em;*/
  border: none;
  padding: 1px;
  color: #222;
	background-color: #ccc;
}
/* Hover effect for menu */
ul.cssMenu li:hover > ul { 
	display:block;
}
/********************/

/**** Search Function & Misc. ****/
.button1 {
	width: 8em;
	background: #eee;
	/*background: #ff0000;*/
  font-size: medium;
	/*color: #333;*/
	/*Dark Slate Grey*/  
	color: #25383C;  
	text-align: center;
	border: 1px solid #000;
	border-radius: 6px;
	border-color: maroon;
  /*text-shadow: 1px 1px 1px #000;*/
	border-spacing: 1em;
	space: 1em;
	border-spacing: 10px;
}
.search_form {
  //display: table-row;
  float: right;
	//margin-left: 10em;
	padding-top: .5em;
	padding-right: 5em;
}

/********************/

/**** Google Fonts ****/
.title-Almendra {
  text-align: center;
  font-size: x-large;
  face: boulder;
  font-family: 'Almendra', cursive;  
  //color: maroon;
  color: #6F4E37;	/*Coffee*/
  //font-weight: bold;
	padding-bottom: 6px;
}
.title-Ewert {
  //margin-left: 1.2em;
  //margin-right: 2em;
  text-align: center;
  font-size: xx-large;
  //color: #8A4117;
  font-family: 'Ewert', cursive;  
	padding-bottom: 10px;
}
.title-Great_Vibes {
  //margin-left: 1.2em;
  //margin-right: 2em;
  text-align: center;
  font-size: x-large;
  //color: blue;
  font-family: 'Great Vibes', cursive;  
}
.title-Impact {
  //margin-left: 1.2em;
  //margin-right: 2em;
  text-align: center;
  font-size: large;
  //color: maroon;
  font-family: 'Impact', cursive;  
}
.title-Lobster {
  //margin-left: 1.2em;
  //margin-right: 2em;
  text-align: center;
  font-size: x-large;
  color: maroon;
  font-family: 'Lobster', cursive;  
}
.title-Pinyon_Script {
  text-align: center;
  font-size: x-large;
  face: boulder;
  font-family: 'Pinyon Script', cursive;  
  color: #2B65EC; /*ocean blue*/
  //font-weight: bold;
	padding-top: 6px;
}
.title-Romanesco {
  text-align: center;
  font-size: xx-large;
  face: boulder;
  font-family: 'Romanesco', cursive;  
  //color: #2C3539; /*gunmetal*/
  //color: #25383C;	/*Dark Slate Grey*/
  //color: #4863A0;	/*Steel Blue*/
  //color: #368BC1;	/*Glacial Blue Ice*/
  //color: #AF7817;	/*Dark Goldenrod*/
  color: #7F462C	;	/*Sepia*/
	padding-bottom: 6px;
}
.title-Rouge_Script {
  text-align: center;
  font-size: xx-large;
  face: boulder;
  font-family: 'Rouge Script', cursive;  
  color: #2C3539; /*gunmetal*/
}
.title-Sancreek {
  //margin-left: 1.2em;
  //margin-right: 2em;
  text-align: center;
  //font-size: x-large;
  font-size: 1.5em;
  //color: #8A4117;
  //color: #EAC117;	/*Golden brown*/
  color: #C68E17;	/*Caramel*/
  font-family: 'Sancreek', cursive;
	padding-top: 6px;  
}
.title-Tangerine {
  text-align: center;
  font-size: xx-large;
  face: boulder;
  color: #2B65EC; /*ocean blue*/
  font-family: 'Tangerine', cursive;  
	//padding-bottom: 3px;
}
/********************/

/* For Google Chrome */ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  Body {
    font-size: 11px;      
    }
}