@charset "utf-8";
/* CSS Document */

html{background:url(/images/ali-bg.gif) repeat-x;}

body{	
	text-align:center;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a:link{color:#233743;}
a:visited{color:#233743;}
a:hover{color:#233743; text-decoration:none;}

a.white:link{color:#ffffff;}
a.white:visited{color:#ffffff;}
a.white:hover{color:#ffffff; text-decoration:none;}

a.image:link{color:#233743;text-decoration:none;}
a.image:visited{color:#233743;text-decoration:none;}
a.image:hover{color:#233743; text-decoration:none;}

h1{
	font-family:Verdana, Arial, sans-serif;
	color:#233743;
	font-size:16px;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	text-align:left;
	font-weight:normal;
}

h2{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}

.green-gradient{background:url(../images/green-gradient-bg.gif) repeat-x;}

.left-nav{
	background:url(/images/left-nav-bg.gif) no-repeat;
	background-position:center top;
	height:380px;
	width:300px;
	vertical-align:top;	
	color:#FFFFFF;
}

.left-nav a:link{color:#eadc79; line-height:20px; padding-left:15px;}
.left-nav a:visited{color:#eadc79; line-height:20px; padding-left:15px;}
.left-nav a:hover{color:#eadc79; text-decoration:none; line-height:20px; padding-left:15px;}

.left-nav a.cta:link{text-decoration:none; padding-left:0px;}
.left-nav a.cta:visited{text-decoration:none; padding-left:0px;}
.left-nav a.cta:hover{text-decoration:none; padding-left:0px;}

.left-nav-advanced{
	background:url(/images/left-nav-advanced-bg.gif) no-repeat;
	background-position:center top;
	height:380px;
	width:300px;
	vertical-align:top;	
	color:#FFFFFF;
}


.left-nav-advanced a:link{color:#eadc79; line-height:20px; padding-left:15px;}
.left-nav-advanced a:visited{color:#eadc79; line-height:20px; padding-left:15px;}
.left-nav-advanced a:hover{color:#eadc79; text-decoration:none; line-height:20px; padding-left:15px;}

.countdown{
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	margin-top:50px;
}

.right-bg{
	background:url(../images/jet-bg.jpg) no-repeat;
	background-position:center;
	height:380px;
	width:640px;
	vertical-align:top;
}

.right{
	width:630px;
	vertical-align:top;
	text-align:left;
}

.indent{
	text-indent:15px;
}

.footer{
	color:#233743;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	background:url(/images/footer-bg.gif) no-repeat;
	background-position:top center;
	height:109px;
}	

.underlined{
	text-decoration: underline;
}

.bold{
	font-weight: bold;
}

.footer a:link{color:#233743;}
.footer a:visited{color:#233743;}
.footer a:hover{color:#233743; text-decoration:none;}


/*************TOP MENU*****************/
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {width:951px; position:relative; height:28px; background:#d7dce0; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0px; list-style-type:none; position:relative;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu span, #pmenu a:visited {display:block; position:relative; padding:0 12px 0 12px; font-family:verdana, sans-serif; font-size:12px; color:#233743; font-weight:bold; text-decoration:none; text-align:center; line-height:28px;}

#pmenu span{cursor: default; }

#pmenu a:hover{color:#478439; text-decoration:underline;}

/* Set up the list items */
#pmenu li {float:left;
		padding-left: 12px;
		padding-right: 10px;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */

/*
* html #pmenu li a:hover {position:fixed; list-style-type:none; padding:0 18px 0 18px; color:#478439; text-decoration:underline;}
* html #pmenu a, * html #pmenu a:visited {display:inline; position:fixed; left:0px; top:0px; padding:0 18px 0 18px; font-family:verdana, sans-serif; white-space:nowrap; font-size:12px; color:#4c443f; text-decoration:none; text-align:center; font-weight:bold;}
*/




/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
/*
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; margin-left:-5px; top:0px; left:0px; padding:17px 0px 0px 0px; text-align:left;}
* html #pmenu li ul a:hover {padding:5px 0px 5px 0px;}
*/


/* Drop Down Menu */

#pmenu{
	z-index: 99999;
}
#pmenu li{
	position: relative;
	z-index: 9999;
}
#pmenu ul.subnav{
	visibility: hidden;
	position: absolute;
	z-index: 9999;
	left: 10px;
	top:28px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#pmenu ul.subnav li{
	float:none;
	margin: 0;
	padding: 0;
	text-align: left;
}
ul.subnav li:last-child a{
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; /* safari and chrome */
	-moz-border-radius: 0 0 10px 10px;	/* mozilla */
	border-radius: 0 0 10px 10px; /* official spec, not supported yet */
}
#pmenu ul.subnav li a{
	text-align: left;
	display: block;
	background: white;
	border: 1px solid black;
	border-top-width: 0px;
	margin:0;
	padding:0 10px;
	line-height: 24px;
	height: 24px;
	width: 160px;
	font-size: 11px;
	zoom: 1
}