/* ------------------------------------------------
  Eduardo A. Garica
  GarciaTrips.com
  June 2005
--------------------------------------------------- */

/* ------------------------------------------------
  THE WORKAROUND CODE EXAMPLE FOR INTERNET EXPLORER
--------------------------------------------------- */
/*This is for MSIE (SUCKS!) 
#sample {
}
/*This is for FIREFOX/OTHER BROWSERS 
html>body #sample {
}
/* ------------------------------------------------
--------------------------------------------------- */

/* ------------------------------------------------
  HERE ARE THE SITE COLORS:
--------------------------------------------------- 
 		  blue: #9eb1bf
		 white: #fff
	light-grey: #E9E9E9
old light-grey: #e9e6d9
 old dark-grey: #867f6a
 new dark-grey: #404040	 
   medium-grey: #d0cdc2
	 	yellow: #f0bf39
		orange: #DF3608
---------------------------------------------------
--------------------------------------------------- */

/* ------------------------------------------------
  ELEMENTS
--------------------------------------------------- */
.orange {
	color:#df3608 !important;
}
.small {
	font-size:10px;
}
.bold {
	font-weight:bold;
}
.big {
	font-size: 16px;
}
/* ------------------------------------------------
  MAIN PAGE STRUCTURE
--------------------------------------------------- */

/* The main container of the page */
#mainContainer {
  width: 710px;
  text-align:left;
  margin:0px;
  height:100%;
}

/* The conent container of the page */
#content {
  width:710px;
  text-align:left;
  position:relative;
  float:left;
  margin: 10px;
  margin-top: 5px;
  background: #fff;
  border: 1px solid #9eb1bf;
  height:100%;
}

/* The titlebar with the big garciaTrips.com banner */
#titleBar {
  width:700px;
  height:100px;
  position:relative;
  float:left;
  background: #fff url(/img/titleBar.jpg) no-repeat top left;
  border: 5px solid #fff;
  border-bottom: 0px;
}

/* ------------------------------------------------
  Navigation Bar
--------------------------------------------------- */
/* The navigation bar with icons - blue */
#naviBar {
	background: #9eb1bf;
	width:700px;
	position: relative;
	float: left;
	border: 5px solid #fff;
	border-bottom: 0px;
	color: #fff;
	font-size: 10px;
}
/* No idea what this does... sorry, im lazy... it works though */
#naviBarIcons {
	position: relative;
	float: left;
}
/* the formatting for the icons */
#naviBarIcons td.icon {
	padding: 5px;
	padding-right: 0px;
}
/* the formatting for the text */
#naviBarIcons td.txt {
	padding-right: 20px;
	font-size: 10px;
	color: #fff;
}
/* To make the text underline when you pass over it with the moust */
#naviBarIcons td.txt:hover {
	text-decoration: underline;
}
/* To make sure there are no frames around the icons */
#naviBar img {
	border:0px;
}
/* The formatting of the links */
#naviBarIcons a:link, #naviBarIcons a:focus, #naviBarIcons a:visited, #naviBarIcons a:active {
	color: #fff;
	text-decoration:none;
}
/* the formatting of the links */
#naviBar a:link, #naviBar a:focus, #naviBar a:active, #naviBar a:visited {
	color: #fff;
	text-decoration:none;
}
/* the formatting of the links on hover */
#naviBarIcons a:hover, #naviBar a:hover {
	color: #fff;
	text-decoration: underline;
}

/* ------------------------------------------------
  CommentTitle - This displays comments below Journal
--------------------------------------------------- */
/* Formatting of the title for comments */
#commentTitle {
	width:500px;
	font-size: 14px;
	font-weight:bold;
	position: relative;
	float: left;
	background: #9eb1bf;
	color: #fff;
	text-align: left;
	padding: 5px;
	border:5px solid #fff;
	border-left: 0px;
	color:#DF3608;
	margin-top:20px;
}
#postComment {
	width:498px;
	padding:5px;
	border:1px solid #867f6a;
	float:left;
	font-weight:100;
}
#individualComment {
	width:498px;
	padding:5px;
	border:1px solid #9eb1bf;
	float:left;
	font-weight:100;
	margin:10px 0px 0px 0px;
}
#commentName {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background:#9eb1bf;
	padding:3px;
}
#commentDate {
	font-size:10px;
	padding:3px;
}
#commentComment {
}


/* ------------------------------------------------
  JournalTitle - This displays whatever page is open
--------------------------------------------------- */
/* Formatting of the title */
#journalTitle {
	width:500px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	float: left;
	background: #E9E9E9;
	text-align: right;
	padding: 5px;
	border:5px solid #fff;
	border-left: 0px;
}

/* ------------------------------------------------
  JournalBody - This where the content goes!  Yay!
--------------------------------------------------- */
/* Main Formatting for the body */
#journalBody {
	display: inline;
	width:500px;
	position: relative;
	float: left;
	background-color: #FFF;
	color: #867f6a;
	border:5px solid #fff;
	border-left: 0px;
	border-top: 0px;
	text-align:justify;
	height:100%;
}
#journalItem {
	width:495px;
	float:right;
	background-color: #FFF;
	color: #867f6a;
	text-align:justify;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:0px;
}
#journalItem img {
	border:0px;
}
/* Paragraph formatting inside the journalBody */
#journalBody p {
	text-indent: 2em;
	margin: 5px;
	margin-right:0px;
}
/* Link formatting for the journal body */
#journalBody li a:link, #journalBody li a:visited, #journalBody li a:active {
	text-decoration: none;
  	font-size: 12px;
	color: #DF3608;
}
/* Link hover formatting for the journal body */
#journalBody li a:hover {
	text-decoration: underline;
  	font-size: 12px;
	color: #DF3608;
}
#journalBody img {
	border: 0px;
}

/* ------------------------------------------------
  The footer of the website - this is plain and boring
--------------------------------------------------- */
/* Footer formatting */
#footer {
	background: #9eb1bf;
	width:690px;
	position: relative;
	float: left;
	border: 5px solid #fff;
	color: #fff;
	font-size: 12px;
	padding: 5px;
	text-align: center;
}
/* Footer formatting for the links */
#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #fff;
}
/* Footer formatting for the links on hover */
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}

/* ------------------------------------------------
  Left Menu Bar... this has a bunch of crap...
--------------------------------------------------- */
/* Main Menu Bar */
#menubar {
	background: #E9E9E9 url(/img/menuFader.gif) no-repeat left bottom;
	width:175px;
	position: relative;
	float: left;
	padding: 5px;
	border: 5px solid #fff;
	border-bottom: 0px;
	padding-bottom: 40px;
}
/* Main Menu Bar image - so now frames appear */
#menubar img {
	border: 0px;
}
/* This is the main links */
#menubar h2 { 
  font-size:medium;
  font-weight: bolder;
  color: #867f6a;
  letter-spacing: .1em;
  margin: 0px;
}
/* These are the headings for the lists */
#menubar h3 {
  font-size:medium;
  font-weight: bolder;
  color: #867f6a;
  letter-spacing: .1em;
  margin: 0px;
  margin-top: 0px;
  border-bottom: 1px solid #867f6a;
  margin-bottom: 5px;
}
/* Link formatting for the main links */
#menubar h2 a:link, #menubar h2 a:visited, #menubar h2 a:active { 
  font-size:medium;
  font-weight: bolder;
  color: #867f6a;
  text-decoration:none;
}
/* hover link formatting for the main links */
#menubar h2 a:hover { 
  font-size:medium;
  font-weight: bolder;
  color: #f0bf39;
}
/* Link formatting for the main links */
#menubar h3 a:link, #menubar h3 a:visited, #menubar h3 a:active { 
  font-size:medium;
  font-weight: bolder;
  color: #867f6a;
  text-decoration:none;
}
/* hover link formatting for the main links */
#menubar h3 a:hover { 
  font-size:medium;
  font-weight: bolder;
  color: #f0bf39;
}
/* main menu list - will show a notepad beside it */
#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style: url(/img/notePad.gif) inside none;
}
/* main menu list - will show a notepad beside it */
#menubar li.year {
  	font-size: 12px;
	font-weight: bolder;
	letter-spacing: .5em;
	color: #867f6a; 
	padding: 5px;
	padding-bottom: 0px;
}
/* main menu list - will show a small plane beside it */
#menubar li.trip { 
	letter-spacing: 0.0em;
  	font-size: 10px;
	color: #6f6856;
	list-style: url(/img/smallPlane.gif) inside none;
	padding: 1px;
	margin-left: 10px;
}
/* main menu list - will show a shopping cart beside it */
#menubar li.buy { 
	line-height: 1em;
  	font-size: 12px;
	font-weight: bolder;
	color: #6f6856;
	list-style: url(/img/shoppingCart.gif) inside none;
	padding: 1px;
	margin-left: 10px;
}
/* main menu list link formatting */
#menubar li a:link, #menubar li a:visited, #menubar li a:active {
	text-decoration: none;
  	font-size: 12px;
	color: #6f6856;
	font-weight:normal;
}
/* main menu list link hover formatting */
#menubar li a:hover {
	text-decoration: underline;
  	font-size: 12px;
	color: #6f6856;
	font-weight:normal;
}

/* ------------------------------------------------
  Picture Bar - this holds the 5 pictures of each journal and other bars
--------------------------------------------------- */
/* Holder to allow multiple bars */
#pictureBarHolder {
  width: 185px;
  float: right;
  margin-left: 5px;
  text-align: center;
  margin-top: 5px;
}
/* Holder to allow multiple bars- FIREFOX */
html>body #pictureBarHolder {
  width: 185px;
  float: right;
  margin: 0px;
  margin-left: 20px;
  text-align: center;
  margin-top: 5px;
}
/* picture bar - for the pictures */
#pictureBar {
  width: 185px;
  border: 1px solid #d0cdc2;
  background: #E9E9E9;
  float: right;
  padding: 5px;
  margin-bottom: 5px;
  text-align: center;
}
/* picture bar - title */
#pictureBar h2 {
  font-size: 14px;
  font-weight: bold;
  color: #6f6856;
  padding-bottom: 5px;
  margin: 0px;
}
/* picture bar - i don't know if i use this... */
#pictureBar h5 {
  font-size: 10px;
  color: #6f6856;
  margin: 0px;
  margin-bottom: 5px;
}
/* picture bar - let's put a frame around the images */
#pictureBar img {
  padding: 5px;
  border: 1px solid #d0cdc2;
  margin: 5px;
}

/* ------------------------------------------------
  storeProduct - this holds store product's image 
  and price information
--------------------------------------------------- */
/* Holder to allow multiple bars */
#storeProduct {
  width: 90px;
  float: left;
  margin: 5px;
  margin-left: 3px;
  text-align: center;
}
/* Holder to allow multiple bars- FIREFOX */
html>body #storeProduct {
  width: 90px;
  float: left;
  margin: 5px;
  margin-left: 5px;
  text-align: center;
}
/* storeProductPicture - for the pictures */
#storeProductPicture {
  width: 90px;
  border: 1px solid #d0cdc2;
  background: #E9E9E9;
  float: right;
  margin-bottom: 5px;
  text-align: center;
}
/* storeProductPicture - title */
#storeProductPicture h2 {
  font-size: 14px;
  font-weight: bold;
  color: #6f6856;
  padding-bottom: 5px;
  margin: 0px;
}
/* storeProductPicture */
#storeProductPicture h5 {
  font-size: 10px;
  color: #6f6856;
  margin: 0px;
  margin-bottom: 5px;
}
/* storeProductPicture - let's put a frame around the images */
#storeProductPicture img {
  padding: 5px;
  background: #9eb1bf;
  border: 1px solid #867f6a;
  margin: 3px;
}

/* ------------------------------------------------
  Price Bar - this holds the price of the items
--------------------------------------------------- */
/* Price Bar - holds the items */
#priceBar {
  width: 86px;
  border: 1px solid #d0cdc2;
  background: #E9E9E9;
  float: right;
  padding: 2px;
  margin-bottom: 5px;
  text-align: center;
}
/* Price Bar - holds the items */
#priceBar h2 {
  font-size: 12px;
  font-weight:bold;
  color: #6f6856;
  margin: 0px;
}
/* price bar - text for the price bar */
#priceBar h5 {
  font-size: 10px;
  color: #6f6856;
  margin: 0px;
}
#priceBar h4 {
  font-size: 12px;
  color: #DF3608;
  margin: 0px;
}
/* price bar- link formatting */
#priceBar a:link, #priceBar a:focus, #priceBar a:visited, #priceBar a:active {
	color: #DF3608;
	font-size: 12px;
	text-decoration:none;
}
/* price bar - link hover formatting	 */
#priceBar a:hover {
	color: #DF3608;
	font-size: 12px;
	text-decoration: underline;
}

/* ------------------------------------------------
  Left Bar - this holds things with left justification
--------------------------------------------------- */
/* left bar - for other items needed to be displayed with text on the left */
#leftBar {
  width: 185px;
  border: 1px solid #d0cdc2;
  background: #E9E9E9;
  float: right;
  padding: 5px;
  margin-bottom: 5px;
  text-align: left;
}
/* left bar - titles of the left bar */
#leftBar h2 {
  font-size: 12px;
  font-weight:bold;
  color: #6f6856;
  margin: 0px;
  margin-bottom: 5px;
}
/* left bar - text for the left bar */
#leftBar h5 {
  font-size: 10px;
  color: #6f6856;
  margin: 0px;
  margin-bottom: 5px;
}
/* left bar - link formatting */
#leftBar a:link, #leftBar a:focus, #leftBar a:visited, #leftBar a:active {
	color: #6f6856;
	text-decoration:none;
}
/* left bar - link hover formatting	 */
#leftBar a:hover {
	color: #9eb1bf;
	text-decoration: underline;
}

/* ------------------------------------------------
  Navigate Side Bar - holds the navigation icons
--------------------------------------------------- */
/* the main container to hold the side icons */
#navSideBar {
  width: 185px;
  border: 1px solid #d0cdc2;
  background: #E9E9E9;
  float: right;
  text-align: center;
  margin-bottom: 5px;
  padding: 5px;
}
/* title for the nav bar */
#navSideBar h2 {
  font-size: 14px;
  font-weight: bold;
  color: #6f6856;
  margin: 0px;
  margin-bottom: 5px;
}
/* no frames on images! */
#navSideBar img {
  border: 0px;
  margin-right: 10px;
  margin-left: 10px;
}
/* left bar - link formatting */
#navSideBar a:link, #navSideBar a:focus, #navSideBar a:visited, #navSideBar a:hover, #navSideBar a:active {
	color: #6f6856;
	text-decoration:none;
}

/* ------------------------------------------------
  Picture Preview - this is for the recent journal
--------------------------------------------------- */
/* container for the pictures */
#pictureBarPreview {
  width: 65px;
  float: left;
  margin-right: 5px;
}
/* formatting of the pictures */
#pictureBarPreview img {
  border: 1px solid #867f6a;
  margin-bottom: 5px;
}
/* formatting of the pictures */
#pictureBarPreview img.noBorder {
  border: 0px;
  margin-bottom: 5px;
}
/* ------------------------------------------------
  Fieldsets - this gives the frame with a title bar
--------------------------------------------------- */
/* how is the fieldset going to look?? */
fieldset
{
	border: #d0cdc2 solid 1px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 5px;
	color: #867f6a;
	text-align: justify;
}
/* how is the legend (title bar) going to look?? */
legend
{
	border: #d0cdc2 solid 1px;
	color: #867f6a;
	font-weight:bold;
	padding: 1px 10px;
}

/* ------------------------------------------------
  products
--------------------------------------------------- */
/* formatting for the div that will hold the products */
#products
{
	width: 505px;
	border: 0px;
	margin: 0px;
	margin-bottom: 10px;
	position: relative;
	float: left;
	padding: 0px;
}

/* ------------------------------------------------
  products text description
--------------------------------------------------- */
/* formatting for the div that will hold the products */
#productText
{
	padding:10px;
	text-align: left;
	font-size: 11px;
	text-indent: 1em;
}


/* ------------------------------------------------
  Fieldsets - this gives the frame with a title bar
--------------------------------------------------- */
/* IE: how is the fieldset going to look?? */
fieldset.products
{
	width: 240px;
	height: 250px;
	border: #d0cdc2 solid 1px;
	margin: 0px;
	margin-bottom: 10px;
	margin-right: 7px;
	color: #867f6a;
	text-align: left;
	position: relative;
	float: left;
	padding: 0px;
}
/* firefox: how is the fieldset going to look?? */
html>body fieldset.products
{
	width: 240px;
	height: 250px;
	border: #d0cdc2 solid 1px;
	margin: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #867f6a;
	text-align: left;
	position: relative;
	float: left;
	padding: 0px;
}

/* ------------------------------------------------
  Fieldsets - special formatting of a fieldset
--------------------------------------------------- */
/* formatting of the special fieldset */
fieldset.preview
{
	border: 1px solid #fff;
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #867f6a; 
	text-align: left;
	padding: 5px;
}
/* bah... borders are sometimes stupid - get rid of them */
fieldset.noBorder
{
	border: 0px;
	margin: 0px;
	margin-bottom: 10px;
	color: #867f6a; 
	text-align: justify;
	padding-right: 0px;
}
/* links for the no border fieldset */
fieldset.noBorder a:link, fieldset.noBorder a:visited, fieldset.noBorder a:active {
	color: #9eb1bf;
	text-decoration:none;
}
/* links for the no border fieldset */
fieldset.noBorder a:hover {
	color: #9eb1bf;
	text-decoration:underline;
}
/* i hate images with borders! */
fieldset.preview img, fieldset.noBorder img {
	border: 0px;
}
/* how the title will look... */
legend.preview
{
	border: #d0cdc2 solid 1px;
	color: #867f6a;
	font-size: 12px;
	font-weight:bold;
	padding: 1px 10px;
	background-color: #fff;
}
/* links for the no border fieldset */
fieldset.preview a:link, fieldset.preview a:visited, fieldset.preview a:active {
	color: #9eb1bf;
	text-decoration:none;
}
/* links for the no border fieldset */
fieldset.preview a:hover {
	color: #9eb1bf;
	text-decoration:underline;
}

/* ------------------------------------------------
  Fieldset Title - the blue bar or title in the page
--------------------------------------------------- */
/* formatting of the title */
#fieldsetTitle
{
	background-color: #9eb1bf;
	margin: 0px;
	margin-bottom: 5px;
}
/* what the title text will look like... the td is there to make the text and icon level */
#fieldsetTitle td {
	color: #fff;
	font-size: 14px;
}

/* ------------------------------------------------
  Fieldset Store Title - the title bar for the store
  products...
--------------------------------------------------- */
/* formatting of the title */
#fieldsetStoreTitle
{
	background-color: #E9E9E9;
	margin: 0px;
}
/* what the title text will look like... the td is there to make the text and icon level */
#fieldsetStoreTitle td {
	color: #867f6a;
	font-size: 14px;
	font-weight: bold;
}
#fieldsetStoreTitle td.small {
	color: #9eb1bf;
	font-size: 10px;
}
/* links for title bar */
#fieldsetStoreTitle a:link, #fieldsetStoreTitle a:visited, #fieldsetStoreTitle a:active {
	color: #DF3608;
	text-decoration:none;
}
/* links for the title bar */
#fieldsetStoreTitle a:hover {
	color: #DF3608;
	text-decoration:underline;
}

/* ------------------------------------------------
  Fieldset Title - the blue bar or title in the page
--------------------------------------------------- */
/* formatting of the title */
#helpTitle
{
	background-color: #e9e9e9;
	margin: 0px;
	border: 1px solid #d0cdc2;
}
/* what the title text will look like... the td is there to make the text and icon level */
#helpTitle td {
	color: #867f6a;
	font-size: 14px;
}
#helpTitle td.small {
	color: #9eb1bf;
	font-size: 10px;
}
#helpTitle td.red {
	color: #DF3608;
}
#helpTitle td a:link, #helpTitle td a:visited, #helpTitle td a:active {
	color: #DF3608;
	text-decoration:none;
}
/* links for the title bar */
#helpTitle td a:hover {
	color: #DF3608;
	text-decoration:underline;
}
/* ------------------------------------------------
  BrowseImage is the container for each image on the
  browse page!
--------------------------------------------------- */
/* formatting for each image on the browse page */
#browseImage
{
	width: 95px;
	height: 79px;
	position: relative;
	float: left;
	background: #E9E9E9 url(/img/slide.jpg) no-repeat left top;
	margin: 10px;
	margin-left: 5px;
	margin-top: 0px;
	padding: 5px;
	padding-top: 21px;
	text-align: center;
	font-size: 10px;
}
/* formatting for each image itself! */
#browseImage img {
	/* border: 1px solid #9eb1bf; */
}
/* links for the no border fieldset */
#browseImage a:link, #browseImage a:visited, #browseImage a:active {
	color: #9eb1bf;
	text-decoration:none;
	font-size: 10px;
	margin: 0px;
}
/* links for the no border fieldset */
#browseImage a:hover {
	color: #9eb1bf;
	text-decoration:underline;
	font-size: 10px;
	margin: 0px;
}


/* ------------------------------------------------
  Special Formatting for the Sign-Up letter placement
--------------------------------------------------- */
/* formatting for IE */
#signUpPlacement {
	margin-left:210px; 
	padding-top:140px;
}
/* formatting for Firefox */
html>body #signUpPlacement {
	margin-left:210px; 
	padding-top:150px;
}

/* ------------------------------------------------
  Special Formatting for Tool Tips!
--------------------------------------------------- */
/* formatting for IE */
#toolTip { 
	position: absolute; 
	visibility: hidden; 
	z-index:40; 
	border: 1px solid #9eb1bf; 
	background: #fff; 
	padding: 5px;
}

/* ------------------------------------------------
  Boring old body formatting! I wish I could format my body...
--------------------------------------------------- */
body {
	background-color: #d0cdc2;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/img/background.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #867f6a;
}
/* links links links */
a:link, a:visited, a:active {
	color: #867f6a;
	text-decoration:none;
}

/* ------------------------------------------------
  Form Formatting - all the forms are formatted here
--------------------------------------------------- */
form {
	margin: 0px;
	z-index: 1;
}
/* input */
input.input{
    font-size: 12px;
	color: #6f6856;
	background-color: #E9E9E9;
	border:1px solid #9eb1bf;
	margin: 0px 0px 5px 0px;
	z-index: 1;
}
/* submit buttons */
input.submit{
    font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #9eb1bf;
	border:1px solid #9eb1bf;
	margin: 5px 0px 0px 5px;
	padding: 2px;
	padding-top: 3px;
	cursor: pointer;
	z-index: 1;
}

/* input orange */
input.orangeText{
    font-size: 12px;
	color: #DF3608;
	background-color: #E9E9E9;
	border:1px solid #867f6a;
	margin: 0px 0px 5px 0px;
	padding: 2px;
	z-index: 1;
	width: 150px;
}
/* submit button orange */
input.orange {
    font-size: 12px;
	font-weight: bold;
	color: #fff !important;
	background-color: #DF3608;
	border:1px solid #867f6a;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
	z-index: 1;
}
/* text areas */
textarea{
    font-size: 12px;
	color: #6f6856;
	background-color: #E9E9E9;
	border:1px solid #9eb1bf;
	margin: 0px 0px 5px 0px;
	z-index: 1;
}
/* labels */
label
{
	width: 50px;
	float: left;
	text-align: right;
	margin: 5px;
	clear: both;
	color: #6f6856;
	font-size:11px;
}
#menubar_build {
	background: #E9E9E9 url(/img/menuFader.gif) no-repeat left bottom;
	width:175px;
	position: relative;
	float: left;
	padding: 5px;
	border: 5px solid #fff;
	border-bottom: 0px;
	padding-bottom: 40px;
}
#menubar_build h2 { 
  background: transparent url(/img/arrow.gif) no-repeat center left;
  font-size:small;
  font-weight: bold;
  color: #867f6a;
  text-indent: 1.2em;
  border-color: #9eb1bf;
  padding-left: .3em;
  margin:5px;
}
#menubar_build h3 { 
  font-size:large;
  font-weight: bold;
  color: #867f6a;
  border-color: #9eb1bf;
  border-top: 1px dotted;
  padding-left: .3em;
  padding-top: 5px;
  margin:5px;
}

#menubar_build h2 a:link { 
  font-size:medium;
  font-weight: bolder;
  color: #867f6a;
  text-decoration:none;
}
#menubar_build h2 a:visited { 
  font-size:medium;
  font-weight: bolder;
  color: #867f6a;
  text-decoration:none;
}
#menubar_build h2 a:hover { 
  font-size:medium;
  font-weight: bolder;
  color: #f0bf39;
}
#menubar_build h2 a:active { 
  font-size:medium;
  font-weight: bolder;
  color: #867f6a;
  text-decoration:none;
}
#menubar_build ul {
	margin: 0px;
	padding: 0px;
	list-style-image: url(/img/notePad.gif);
}
#menubar_build li.year {
  	font-size: small;
	font-weight: bolder;
	letter-spacing: .5em;
	color: #867f6a; 
	padding-top: 10px; 
	margin-top: 10px;
	margin-bottom: .7em;
	margin:5px;
	margin-left: 2.0em;
}
#menubar_build li.trip { 
	line-height: 1.0em;
	letter-spacing: -0.1em;
  	font-size: smaller;
	color: #6f6856;
	list-style-image: url(/img/smallPlane.gif);
	list-style-type: circle; 
	padding-bottom: .7em;
	margin:1px;
	margin-left: 3em;
}
#menubar_build li.buy { 
	line-height: 1em;
  	font-size: small;
	font-weight: bolder;
	color: #6f6856;
	list-style-image: url(/img/shoppingCart.gif);
	list-style-type: circle; 
	margin:5px;
	margin-left: 2.5em;
}

#menubar_build li a:link {
	text-decoration: none;
  	font-size: small;
	color: #6f6856;
	font-weight:normal;
}
#menubar_build li a:visited {
	text-decoration: none;
  	font-size: small;
	color: #6f6856;
	font-weight:normal;
}
#menubar_build li a:hover {
	text-decoration: underline;
  	font-size: small;
	color: #6f6856;
	font-weight:normal;
}
#menubar_build li a:active {
	text-decoration: none;
  	font-size: small;
	color: #6f6856;
	font-weight:normal;
}

.googleOptionsContainer {float: left; margin: 0 0 5px 5px; width: 480px;}
.googleOptionsLable {font-weight: bold; float: left;}
.googleOptionValue {float: right; text-align: right;}

/* ------------------------------------------------
  HERE ARE THE SITE COLORS:
--------------------------------------------------- 
 		  blue: #9eb1bf
		 white: #fff
	light-grey: #E9E9E9
old light-grey: #e9e6d9
	 dark-grey: #867f6a
   medium-grey: #d0cdc2
	 	yellow: #f0bf39
		orange: #DF3608
---------------------------------------------------
--------------------------------------------------- */

/* upload stuff */
fieldset.flash
{
	width: 400px;
	margin: 10px 0px 10px 0px;
	border-color: #d0cdc2;
}

.progressWrapper {
	width: 390px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #9eb1bf;
	background-color: #E9E9E9;
	
	overflow: hidden;
}
/* Error */
.red
{
	border: solid 1px #9eb1bf;
	background-color: #E9E9E9;
	color:red;
}
/* Current */ 
.green
{
	border: solid 1px #9eb1bf;
	background-color: #E9E9E9;
	color:blue;
}
/* Complete */
.blue 
{
	border: solid 1px #9eb1bf;
	background-color: #E9E9E9;
	color:green;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(/img/cancelbutton.gif);
	background-repeat: no-repeat;
	/* background-position: -14px 0px; */
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}
#wrapper {
	margin:10px;
	margin-left:50px;
	margin-top:0px;
	padding:10px;
}

/* paragraphs */
p {
	margin:0px;
	padding:0px;
	text-indent:-20px;
}
.googleMap {
	margin:10px;
	margin-bottom:5px;
	margin-top:0px;
	border:1px solid #9eb1bf;
	float:left;
}
.googleMapInstructions {
	margin:10px;
	float:left;
	border:1px solid #9eb1bf;
	padding:5px;
	text-align:left;
	cursor:pointer;
	margin-bottom:5px;
	width:470px;
}
.googleMapHelperText {
	margin:0 10px 10px;
	float:left;
	border:1px solid #9eb1bf;
	padding:5px;
	text-align:justify;
	width:470px;
}
.googleMapZoom {
	border: 1px solid #9EB1BF;
	float: left;
	margin: 0 0 5px 10px;
	padding: 5px;
	text-align: center;
	width: 224px;
}
.googleMapZoom a:link, .googleMapZoom a:visited, .googleMapZoom a:active {
	text-decoration: none;
  	font-size: 12px;
	color: #DF3608;
}
.googleMapZoom a:hover {
	text-decoration: underline;
  	font-size: 12px;
	color: #DF3608;
}
.mapClick {
	float:left;
}
.hidden {
	display:none;
}
.editJournal {
	float:left;
	color:#DF3608;
}
.editJournal a:link, .editJournal a:visited, .editJournal a:active {
	float:left;
	color:#DF3608;
}
blockquote {
	margin:5px;
	margin-left:70px;
	margin-top:0px;
	margin-bottom:20px;
	border:0px;
}