@charset "utf-8";
/****************************************************
*					  style.css 				  
*****************************************************
* Description: cascading style sheet	   
* Created: 28 Sep 08		By: Scott O'Dell	
* Last Updated: 09 Aug 10	By: Scott O'Dell	
*****************************************************
*					Color Chart
*	Hex			Name			Use
*	-------------------------------------------------
*	#DED0AD		tan				page background
*	#F2EFEA		cream-white		content background
*	#ADBADE		light blue		header background
*	#454136		dark brown		header border & text, visited links
*	#DEDDDA		off-white		form field background
*	#6D8CE3		bright blue		form buttom color, links
*	#94929D		blue-grey		table column header
*	#D1D0CC		greenish-white	table head & foot
*	#DD111B		red				active links
*	#CCC		light grey		table background
*	#333		charcoal		table border
*	
* Remember: [top] [right] [bottom] [left]
*			[top] [right,left] [bottom]
*			[top,bottom] [right,left]
*			[all]
*****************************************************/

/*****************/
/*** CSS RESET ***/
/*****************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}


/********************************/
/*** page construction styles ***/
/********************************/

html, body { height: 100%; }

body {
	background-color: #DED0AD;
	color: black;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size: 14px;
	text-rendering: optimizeLegibility;
}

#header {
	background-color: #ADBADE;
	border: 2px solid #454136;
	border-bottom-width: 6px;
	height: 48px;
}
	h1 {
		color: #454136;
		font-family: Calibri, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
		font-weight: 500;
		font-size: 77px;
		line-height: 51px;
		letter-spacing: .1em;
		padding-left: .35ex;
		float: left;
	}
	form#banana {
		float: right;
		text-align: right;
		padding-right: 10px;
	}
		#banana input {
			background-color: #DEDDDA;
			border: 1px solid;
			border-color: #333028 #454136 #454136 #333028;
			color: #454136;
			font-size: 10px;
			width: 80px;
			padding: 2px;
			margin: 2px;
			float: left;
		}
			input#top_form_submit {
				background-color: #6D8CE3;
				border-color: #454136 #333028 #333028 #454136;
				color: black;
				font-weight: 600;
				font-size: 12px;
				width: 25px;
				padding: 0;
			}
		div#account_info {
			font-size: 12px;
			height: 12px;
			margin-top: 30px;
			margin-right: 4px;
		}
	#profile_pic { float: right; }
		
#main {
	background-color: #F2EFEA;
	padding: 10px 20px 10px;
	width: 80%;
	min-width: 600px;
	margin: 0 auto 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
}

#bottom {
	border-top: 3px solid #454136;
	width: 100%;
	padding-top: 10px;
	margin-top: 20px;
	clear: both;
	text-align: right;
	font-size: smaller;
	color: gray;
}


/******************/
/*** tag styles ***/
/******************/

h2 {
	color: #454136;
	font-family: Calibri, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 48px;
	padding: 0 10px 10px;
}

p {
	text-indent: 1.5em;
	margin-bottom: 1em;
}

a {color: #6D8CE3;}
	a:visited {color: #454136;}
	a:active {color: #DD111B;}
	a:hover {color: #DD111B;}
	#header a {color: #454136;}
	a[href^="http://"] {
	    background: url('/images/icon_external_link.png') center right no-repeat;
	    padding-right: 13px;
	}
	a.ninja_link {
		text-decoration: none;
		color: auto;
	}

blockquote {
	display: block;
	width: 350px;
	font-style: italic;
	margin: 0 30px 80px 30px;
}
	blockquote:before, blockquote:after {
		color: #6D8CE3;
		display: block;
		font-size: 600%;
		width: 30px;
	}
	blockquote:before {
		content: open-quote;
		height: 30px;
		margin-left: -50px;
		margin-top: -40px;
	}
	blockquote:after {
		content: close-quote;
		height: 0;
		margin-top: -60px;
		margin-left: 350px;
	}
	
		
table {
	background-color: #ccc;
	border: 3px solid #333;
	border-collapse: collapse;
}
	tr{ vertical-align: top; }
	th, td{
		border: 1px solid black;
		margin: 0;
	}
	thead th, thead td {
		background-color: #D1D0CC;
		font-size: larger;
	}
		thead td{
			padding: 1em;
			text-align: center;
			font-size: 200%;
		}
	tfoot td{ background-color: #D1D0CC; }
	
em { font-style: italic; }

ul {
	list-style-type: square;
	list-style-image: url('/images/list_bullet.png');
	list-style-position: inside;
	margin-bottom: 1em;
	margin-left: 1.5em;
	vertical-align:middle;
	
}
ul li {
	margin: 3px;
}

/***************************/
/*** page-specfic styles ***/
/***************************/

/** Message Box **/
.mb_wrapper {
	margin: 0 auto 5px;
	width: 35%;
}

.mb_head {
	background-color: #c45;
	color: white;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
}

.mb_body {
	background-color: #fee;
	border: 2px solid #c45;
	color: black;
	font-size: 12px;
	padding: 10px;
}

.mb_foot {
	background-color: #fee;
	border: 2px solid #c45;
	border-top: 0;
	color: black;
	font-size: 10px;
	padding: 5px;
	text-align: center;
}


/** ORCA **/
#date_chooser {
	display: block;
	float: left;
	width: 250px;
	padding-bottom: .5em;
	margin: .5em 2em .5em 2em;
	border: 1px solid grey;
	text-align: center;
}
	#date_chooser fieldset {
		text-align: left;
		margin: .5em;
		margin-top: 0;
	}

	#date_chooser fieldset * {
		vertical-align: top;
	}

#opening_quote {
	float: left;
	padding-top: 1em;
}

#instructions {
	clear: both;
}
	#instructions img {
		float: right;
		margin: 2em;
		margin-top: 0;
	}

#orca_calendar td {
	padding: 0.2em 1em 0.5em  0.5em;
	font-size: smaller;
}
#orca_calendar th {
	width: 14.28%;
	background-color: #94929D;
	text-align: center;
	border-top: 5px solid black !important;
}

.orca_cal_routes td { border-bottom: 0 !important; }
.orca_cal_spend td { border-top: 0 !important; }