/*
-------------------------------------------------
	Default Stylesheet for Cowtown Express
	Last updated 05-19-05
------------------------------------------------- 
	COLORS: light brown (#F6F3EC); chocolate (#6B5231); brown background (#BDA16F)
	
*/

/*
----------------------------------------
	Body and Page Division Structure
---------------------------------------- */
html {
	background: #BDA16F;
}

body {
	font-family: Arial, sans-serif;
	color: #333;
	font-size:76%;
	padding: 0;
	margin: 0;
}

#container {
	position: relative;
	width: 770px;
	margin: 10px auto;
	padding: 0;
	background: #F6F3EC;
	max-width: 770px;
	border:4px solid #FFF;
}

#top {
	background: #F6F3EC url(../images/header_04.jpg) no-repeat 0 0;
	padding: 0;
	margin: 0;
	height: 180px;
}

#leftnav {
	position: absolute;
    top: 185px;
    left:12px;
    width: 160px;
	background-color: #F6F3EC;
}

#content {
	position: relative;
	margin-left: 220px;
	padding: 30px 2em 0 1em;
}

#sideInfo {
	margin: 0 0 -.5em 8px;	
}	

#footer	{
	clear: both;
	margin: 0;
	padding: 1%;
}

/*
------------------------
	Header and Logo
------------------------ */
#top h2 {
	position: absolute;
	left: 5px;
	top: 0;
	font-size: 250%;
	font-weight: bold;
	padding: .5em 0 .25em .25em;
	margin: 0;
}

.company1 {
	padding: .10em;
	margin: 0;
	background: #FFF;
	border: 2px solid #000;
	letter-spacing: .25em;
}

.company2 {
	padding: .10em;
	margin: 0 0 0 -.25em;
	background: #000;
	border: 2px solid #000;
	color: #FFF;
	letter-spacing: .25em;
}

#top a:link, a:visited {
	text-decoration: none;
	color:#000;
}

.tagline {
	display: inline;
	font-weight: bold;
	font-size: .95em;
	letter-spacing: .05em;
	color: #000;		
	margin: 0;
	padding: 0 0 0 16px;
}

/*
--------------------
	Headlines
-------------------- */
#content h1 {
	font-weight: bold;
	font-size: 1.45em;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

#content h2	{
	font-size: 1.05em;
	font-weight: 600;
	letter-spacing: .2em;
	color: #FFF;
	background: #6B5231;
	margin: 2em 0 -.5em 0;
	padding: 3px 5px;
}

#content h3	{
	font-weight: bold;
	font-size: 1.15em;
	margin: 0;
	padding: 0;
}
		

#leftnav h2	{
	font-weight: bold;
	font-size: 1em;
	color: #6B5231;
	margin: 0;
	padding: 3px 5px;
	border-top: 1px solid #6B5231;
	border-bottom: 1px solid #6B5231;
}	
	
#sideInfo h2 {
	letter-spacing: 1px;
}	
/*
-----------------------
	Text Styling
----------------------- */
#content p {
	font-size: .95em;
	line-height: 1.66em;
	letter-spacing: 1px;
	text-align: justify;
}

.quote {
	padding:10px 0;
	margin: 0;
	border-top:3px solid #6B5231;
	border-bottom: 3px solid #6B5231;
	font-size: 95%;
	letter-spacing: .15em;
	line-height: 1.66em;
	color: #666;
}

.credits {
	font-size: 85%;
	letter-spacing: .05em;
	line-height: 1.5em;
	padding: .75em 0 0 .25em;
	margin: 2em 0 0 0;
	color: #A6A2A2;
	border-top: 1px solid #A6A2A2;
	text-align: center;
}

.infoleft2 {
	margin: 0;
	padding: 1em .35em .5em .35em;
	font-size: .95em;
	color:#666;
	line-height: 1.66em;
}

.firstletter {
	font-weight: bold;
	font-size: 1.25em;
}

/*
------------------------------
	Left Navigation Menu
------------------------------ */

#navlist {
	margin: 15px 0 0 -33px;
	font: 1em Arial, Verdana, sans-serif;
	line-height: 1.5em;
	width: 100%;
}

#navlist ul {
	list-style-type: none;
	width: 100%;
}

#navlist a {
	
	display: block;
	padding: 2px 0 2px 5px;
	text-decoration: none;
	border-top: 1px solid #F6F3EC;
	border-right: 6px solid #F6F3EC;
	border-bottom: 1px solid #F6F3EC;
	border-left: 1px solid #F6F3EC;
	color: #6B5231;
}	

#navlist a:visited {
	color: #999;
}	

#navlist a:hover {
	background-color: #FFF;
	text-decoration: none;			
	color:#000;
	border-top: 1px solid #000;
	border-right: 6px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}	

#active	{
	display:block;
	padding: 2px 0 2px 5px;
	border-top: 1px solid #6B5231;
	border-right: 6px solid #6B5231;
	border-bottom: 1px solid #6B5231;
	border-left: 1px solid #6B5231;
	background: #F6F3EC;
	color:#6B5231;
}

/*
-----------------------------
	      Lists
----------------------------- */

.normallist li {
	font-size: 100%;
	line-height: 1.66em;
	padding: 5px 10px;
	margin: 0;
	letter-spacing: 1px;
}

.faqquestion {
	padding: 0;
	margin:0;
	font-weight: bold;
	font-size: 1.1em;
}

.faqanswer {
	padding: 10px 20px 30px 0;
	text-align: justify;
	font-size: 1.1em;
	line-height: 1.66em;
}
	
/*
-----------------------------
	City Table
----------------------------- */

#deliverytable1, #deliverytable2 {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	letter-spacing: 1px;
}

.county	{
	padding: 4px 8px;
	border-right: 1px solid #999;
	background: #6B5231;
	color: #FFF;
	letter-spacing: .25em;
}

.cityeven td {
	padding:4px;
	border-top:1px solid #999;
	border-right: 1px solid #999;
	background: #FFF;
	font-size: 95%;
}

.cityodd td	{
	padding: 4px;
	border-top:1px solid #999;
	border-right: 1px solid #999;
	background: #FFC;
	font-size: 95%;
}

/*
-------------------------------
	Various Section Links
------------------------------- */
#content a, #sideInfo a, #footer a {
	color: #6B5231;
	text-decoration: none;
	border-bottom: 1px dotted #6B5231;
}

#content a:visited, #sideInfo a:visited, #footer a:visited {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

#content a:hover, #sideInfo a:hover, #footer a:hover	{
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #000;
}


/*
--------------------
	Images
-------------------- */

.floatleft2	{
	float:left; 
	background: #FFF;
	margin: 15px 1em 0 0;
	padding: 3px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}