/*******************************************************************************
	AUTHOR:		Timothy Higgins
	CONTACT:	timothymichaelhiggins@gmail.com
	DATE:		12/29/2010
	
	This style sheet which is included by all TravelSmiths subsites is for the
	the standard TravelSmiths header and navigation bar.
*******************************************************************************/

	/***************************************************************************
		Navigation header container.
	***************************************************************************/
	div.header{
		width: 800px;
		font-size: 14px;
		text-align: right;
		line-height: 20px;
		margin: 8px auto 0 auto;
		overflow: auto;
	}
	.hide{
		display: none;
	}
	
	/***************************************************************************
		Gate styles (large tabs.)
	***************************************************************************/
	ul.gate{
		width: 800px;
		list-style-type: none;
		padding: 0;
		margin: 8px auto 0 auto;
		overflow: auto;
	}
	ul.gate a:link, ul.gate a:visited{
		text-decoration: none;
	}
	ul.gate input[type="text"]{
		width: 146px;
		height: 29px;
		background-image: url('image/input_text.gif');
		background-color: transparent;
		border-width: 0;
		padding-left: 4px;
		margin: -3px 4px 0 0;
		display: block;
		float: left;
	}
	ul.gate input[type="submit"]{
		width: 48px;
		height: 29px;
		background-image: url('image/nav_input_button.gif');
		background-color: transparent;
		border-width: 0;
		margin-top: -3px;
		display: block;
		float: left;
	}
	ul.gate input[type="submit"]:hover{
		background-image: url('image/nav_input_button_s.gif');
	}
	ul.gate li{
		height: 26px;
		font-size: 16px;
		padding: 8px 4px 0 4px;
		margin: 0 4px 0 0;
		float: left;
	}
	ul.gate li:hover,ul.gate li.s{
		background-image: url('image/nav_shadow_desc.png');
		background-position: center top;
		background-repeat: repeat-x;
		background-color: #ffcc66;
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #ff9933;
		padding-top: 7px;
		margin: 0 3px 0 -1px;
	}
	
	/***************************************************************************
		Section styles (sub-navigation.)
	***************************************************************************/
	ul.sec{
		width: 800px;
		background-image: url('image/nav_shadow_asc.png');
		background-position: center bottom;
		background-repeat: repeat-x;
		background-color: #ffcc66;
		list-style-type: none;
		padding: 0;
		border-bottom: 4px solid #ff9933;
		margin: auto;
		overflow: auto;
	}
	ul.sec a:link, ul.sec a:visited{
		text-decoration: none;
	}
	ul.sec li{
		font-size: 14px;
		line-height: 22px;
		padding: 0 8px 0 8px;
		float: left;
	}
	ul.sec li:hover{
		background-image: url('image/nav_s.png');
	}
	
	/***************************************************************************
		Extended navigation (drop-down.)
	***************************************************************************/
	ul.sub{
		min-width: 140px;
		list-style-type: none;
		padding: 0;
		border-width: 0 1px 4px 0;
		border-style: solid;
		border-color: #ff9933;
		position: absolute;
		margin: 0 0 0 -8px;
	}
	ul.sub li{
		background-image: url('image/nav_shadow_sub.png');
		background-position: center top;
		background-repeat: repeat-x;
		background-color: #ffcc66;
		padding: 0 8px 0 8px;
		margin: 0;
		float: none;
	}
	ul.sub li:hover{
		background-image: url('image/nav_s.png');
	}

	/* Used for break points. */
	ul.sub li.x{
		background-image: url('image/nav_shadow_desc.png');
		background-position: center -10px;
		background-repeat: repeat-x;
		background-color: #ffcc66;
		border-width: 1px 0 4px 0;
		border-style: solid;
		border-color: #ff9933;
		padding-top: 8px;
	}
	
	/***************************************************************************
		Quote styles.
	***************************************************************************/
	div.quote{
		width: 720px;
		background-image: url('image/quote_bg.png');
		background-position: center bottom;
		background-repeat: no-repeat;
		font-size: 13px;
		font-style: oblique;
		color: black;
		padding: 0 20px 12px 20px;
		margin: auto;
	}
	div.quote p{
		padding: 4px 0 4px 0;
	}