/********************** 
Please reference the Alaska Airlines/Horizon Air brand website at 
http://www.asqxbrand.com for brand guidelines, 
including hex values for brand approved colors.
**********************/

/********************** 
The "body" tag contains the properties of the entire document. 
The only editable content is the background-color.
**********************/
body {
	background-color:#DED9C2;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px;
	padding: 0px;
}
/********************** 
Do not change the following content.
**********************/
#container {
	position:absolute;
	margin: 0px auto;
	text-align: left;
	width: 717px;
	top:0px;
	border: none;
}
p{
	margin: 15px 0px;
}
/********************** 
If you have a main headline/banner graphic that is named something other than header.jpg,
change the name here. The graphic must be the same size and resolution as the original header.jpg.
It must also contain the approved header information (logo placement, department name, and white space).
**********************/
#header {
	margin: 0px 0px 0px 0px;
	background-image:url(../images/header.jpg);
	width:717px;
	height:227px;
	position:relative;
}
/********************** 
The "header ul" is the area where the navigation bar is held. The only change that is permitted is to the
background color and border color, which should be the same.
**********************/
#header ul{
	background-color:#81603E;
	border: 3px solid #81603E;
/********************** 
background-color and border color should match!
**********************/
	width:711px;
	display:block;
	top:194px;
	position:absolute;
	margin: 0px 0px 0px 0px;
	height:22px;
	padding:5px 0px 0px 0px;
	text-align:center;
	left: 0px;
}
/********************** 
The "header ul a" controls the properties of an active link in the navigation bar. 
Change the color so it is readable on your chosen background color.
**********************/
#header ul a{
	text-decoration:none;
	color:#FFFFFF;
	margin: 0px 15px;
}
/********************** 
The "header ul a:hover" controls the properties of an active link when your cursor hovers over it.
Changing color or underlining helps identify a link as a link.
**********************/
#header ul a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
#header_text {
	top:66px;
	left:27px;
	width:495px;
	position:absolute;
	height: 118px;
}

/********************** Content ***************************/
/********************** 
"content" controls the main content area of the web page. 
The background color should always be white, so there is no need to make changes to this control.
**********************/
#content {
	background-color:#FFFFFF;
	width:717px;
}
/********************** 
"right" controls the right, main column of the two column web template. This content should not be altered.
**********************/
#right {
	float:right;
	width:428px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
/********************** 
"right a" controls the color of the active links in the right column of the two column web template.
**********************/
#right a{color:#c77e0c;}
/********************** 
"right a:hover" controls the properties of an active link in the right column of the two column web template, 
when your cursor hovers over it.
Changing color or underlining helps identify a link as a link.
**********************/
#right a:hover{color:#c77e0c;}
/********************** 
"left" controls the left, smaller column of the two column web template. This content should not be changed.
**********************/
#left {
	float:left;
	width:210px;
	padding: 0px 20px 20px 20px;
	margin-left:0px;
	margin-top:0px;
	border-left: #FFF 2px solid;
}
/********************** 
"left a" controls the color of links in the left column of the two column web template.
Link colors should be consistent with the right column.
**********************/
#left a{
	color:#c77e0c;
}
/********************** 
"left a:hover" controls the properties of an active link in the leftt column of the two column web template, 
when your cursor hovers over it.
Changing color or underlining helps identify a link as a link.
Link colors should be consistent with the right column.
**********************/
#left a:hover{
	color:#c77e0c;
}

/********************** Footer ***************************/
/********************** 
The following controls are for the footer of the page. They should not be altered.
**********************/
#footerline {
	clear:both;
	background-color:#FFFFFF;
	font-size:9px;
	height:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: 999999;
}
.Footer, .Footer a:link, .Footer a:visited, .Footer a:hover, .Footer a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: a4aaaf;
}

/********************** General Text ***************************/
/********************** 
The following information is used to determine the characteristics of general text on the web page.
The general paragraph text of the site ("Text") should not be altered.
**********************/
.Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
/********************** 
The headline color may be changed to match the branding of the site.
**********************/
.Headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000066;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
/********************** 
The subheadline color may be changed to match the branding of the site.
**********************/
.SubHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: a96221;
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: underline;
}

/********************** Announcement Text **********************/
/********************** 
The following information is used by the announcements text option, which is available on some templates.
This content should not be altered.
**********************/
.AnnouncementsHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	text-align: left;
	vertical-align: top;
}

/********************** Alaskasworld Text **********************/
/********************** 
The following information is used by the header to direct users back to alaskasworld.com or onyourhorizon.com.
This content should not be altered.
**********************/
.AlaskasWorld, .AlaskasWorld a:link, .AlaskasWorld a:visited, .AlaskasWorld a:hover, .AlaskasWorld a:active {
	font-size: 14px;
	font-weight: bold;
	color: #a4aaaf;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	text-decoration:none;
}

/********************** Single Column Template **********************/
/********************** 
The following information is used by the single column template.
This content should not be altered.
**********************/
#left-OneColumn {

	float:left;
	width:625px;
	margin-left:0px;
	padding: 20px 20px 50px;
	display:inline;
}
.FloatLeft {
	margin: 10px;
	float: left;
}
.FloatRight {
	margin: 10px;
	float: right;
}
.ActionText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: 9fb069;
	font-weight: bold;
}