/* ------------------------------------------------------------

    Company:   STA
    Author:    Joshua Brewer
	Created	    2007-07-12
    Updated:   

------------------------------------------------------------ */
/* ------------------------------------------------------------
	Reset
------------------------------------------------------------ */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background: transparent;}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

html { font-size:100.01%;height:100%; }
body {
	font: 12px/1.5em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: #eaeaea;
	color: #545454;
	height:100%;
}

/* ------------------------------------------------------------
	@Structure
------------------------------------------------------------ */
#branding {
	width:100%;
	height:130px;
	background: #fff url(../images/branding_bg.png) repeat-x bottom;
}
	#logo {
		width:770px;
		margin:0 auto;
	}
		#logo img {float:left;}
		#login_box {
			width:240px;
			padding: 10px 15px;
			float:right;
			background: #cde7ef url(../images/login_bg.png) no-repeat bottom;
			color:#16577b;
			font-size:1em;
			text-align:center;
		}
		#login_box p {margin:0;}
		#login_box p span {
			padding-right:7px;
			font-weight:bold;
		}
		#login_box a {
			padding:0 5px;
			color:#16577b;
		}
		#login_box a.support {padding-right:0;}
		
#navigation{
	width:100%;
	background:#155478 url(../images/nav_bg.png) repeat-x bottom;
	overflow:hidden;
	font-size:15px;
}	
	#navigation ul{
		width:770px;
		margin:0 auto;
		padding:20px 0 12px 0;
	}
		#navigation li{
			margin:0 4px 0 0;
			float:left;		
		}
		#navigation li.current, #navigation li:hover {background: url(../images/nav_bg-l.png) no-repeat left top;}
		#navigation li.current a, #navigation a:hover {
			background: url(../images/nav_bg-r.png) no-repeat right top;
			color:#16577b;
			text-decoration:none;
		}
		#navigation li.current a {font-weight:bold;}

		#navigation li a{
			padding:9px 12px 6px 12px;
			float:left;
			display:block;
			color:#fff;
		}

#container{
	width:770px;
	margin:0 auto;
	padding:32px 0;
	background:#eaeaea;
	font-size:14px;
	overflow:hidden;
}

#primaryContent{
	width:482px;
	float:left;
}	
	#primaryContent .box {
		margin-bottom:9px;
		padding:9px;
		background:#fff url(../images/page_curl.png) no-repeat bottom;
		border-top:1px solid #d9d9d9;
	}
#secondaryContent{
	width:270px;
	float:right;
}	
#wrapper {
	min-height:100%;
	position:relative;
}

#footer{
	width:100%;
	margin: -2em auto 0 auto;
	padding:0;
	background:#10405b;
	clear:both;
	color:#fefefe;
	position:relative;
	xbottom:0;
}

#footer p {
	width:750px;
	margin:0 auto;
	padding:20px 10px;
}

/* ------------------------------------------------------------
	@Headings
------------------------------------------------------------ */
h1 { 
	background:#bb1417;
	color:#fff;
  	font-size: 24px; 
  	line-height: 36px;
  	margin-bottom: 18px; 
	padding-left:9px;
}
h1 span {font-size:22px;}
h1 span, h2 span {
	text-transform:uppercase;
	font-weight:bold;
} 

h2 { 
	border-bottom:1px solid #7da3b9;
	color:#16577b;
	font-size: 20px;
	line-height: 24px; 
	margin-bottom: 12px;
}
h2 span {font-size:18px;}
h3 { 
	font-size: 18px;
  	line-height: 18px; 
	margin-bottom: 18px;
	font-weight:bold;
}
#help h3, #help_tips h3 {
	background: url(../images/h3_bg.png) no-repeat 0 60%;
	text-align:center;
}
#help h3 span, #help_tips h3 span {
	padding:0 5px;
	background:#eaeaea;
}
h4{}

/* ------------------------------------------------------------
	@Links
------------------------------------------------------------ */
a{
	color:#16577b;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
a:visited, a:active{}
a:focus {outline: none;}
/* external link */

/* ------------------------------------------------------------
	@Paragraphs
------------------------------------------------------------ */
p {
	margin-bottom:18px;
}
#primaryContent p {}
#secondaryContent p {}
	#help p {
		font:italic 14px "Georgia", "Times New Roman", serif;
		text-align:center;
	}
	
em {font-weight:bold;}
/* ------------------------------------------------------------
	@Quotes
------------------------------------------------------------ */

blockquote{}
blockquote p{}
cite{}
blockquote cite{}



/* ------------------------------------------------------------
	@Lists
------------------------------------------------------------ */
li{}
li p{}
ul, ol { 
  margin-bottom: 18px; 
}
ol li{}
ul li{}


dl{}
dt{}
dd{}


/* ------------------------------------------------------------
	@Images
------------------------------------------------------------ */
a img {border: none;}


/* ------------------------------------------------------------
	Common, Misc...
------------------------------------------------------------ */
.alert {
	color:#bb1417;
	font-family:"Georgia", "Times New Roman", serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	
}
.clear {clear: both;}
#primaryContent div.theme_select_box {
	width:130px;
	margin:0 10px 20px 10px;
	float:left;
	background-image:none;
	border:none;
}

.historian_select {
 clear:both;
 width:100%;
}

#secondaryContent .box {
    margin-bottom:9px; 
    padding:9px;
    background:#ffffd5 url(../images/secondaryContentBox_bg.png) no-repeat bottom;
    border-top:1px solid #fff;
}

.announcement {
    margin-bottom:9px; 
    padding:9px;
    background:#CDE7EF url(../images/login_bg.png) no-repeat scroll center bottom;
    border:1px solid #fff;
}

#trip_details{font-size:95%;}
#tip_content, #payment_tip_content_2 {font-size:85%;}