@charset "UTF-8";

/* Layout 320 Screens */

/* Text readjustments for 320 */
body {
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* 320 style for the header area */
header {
	height:75px;
	background:url(../images/banner_small.jpg) no-repeat right 0px;
}

/* 320 style for the a href tag labeled logo in the header */
header a.logo {
	width:210px;
	height:40px;
	top:16px;
	right:10px;
/*	background-image:url(../images/logo_small.png);*/
}

/* 320 style for the article area */
article {
	display:block;
	padding:240px 20px 10px 10px;
}

/* 320 style for nav position */
nav {
	top:76px;
	padding:10px 0px 10px 0px;
	background-color:#336699;	
}

/* 320 style for nav links */
nav a {
	color:#FFFFFF;
	display:block;
	margin:15px;
	padding:9px;
	border:1px solid #FFFFFF;
	background:url(../images/mobile_link_arrow.png) no-repeat right center;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

/* 320 style for nav links hover */
nav a:hover {
	color:#ffffff;
	background-color:rgba(255,255,255,.15);	
}

/* 320 style for the promo area containing the promos or columns */
.promos {
	padding:0px;	
}

/* 320 style for all of the promos or columns inside the promo container area */
.promos .promo {
	width:auto;
	float:none;
	padding:5px 0px 0px 0px;
	background-position:20px 4px;
	border-top:1px solid #CCCCCC;
}

/* 320 style for the content area inside all of the promo or columns within the promo container area */
.promos .promo .content {
	padding:0px 20px 5px 90px;	
}

footer {
	border-top:1px solid #A6ABC5;	
}

body {
	background-image:none;	
}