body {
	font-size:20px;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
	color:#333;
	background-color:#F5F5F5;
	line-height:1.2;
}

textarea {	font-size:14px;
	font-family: Ubuntu, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {	color: #5E9110;}


a {color:#828904;text-decoration:none;}
a:hover {text-decoration:underline;}

#banner {	position:relative;}

#pagearea {width:100%}

#outer_banner {width:100%;margin:0;padding:0;}


#outer_mainarea {width:100%;position:relative;}

#inner_mainarea {padding-left:5px;padding-right:5px;}

#outer_footer {clear:both;border-top:1px solid #C3C3C3;margin-top:20px;}

#logoarea {padding:0px 6px;text-align:center;margin:0px auto;padding-top:10px;}

#banner_customer {font-size:20px;color:#fff;background-color:rgba(0, 0, 0, 0.5);border:1px solid #333;padding:0.2em; }

h1 {margin-top:4px;}

.alert {	color: #fff; background-color:#f75d29;padding:0.4em;}
.alert > a {color:#f2f2f2;font-weight:700;}


.badge {  background-color: #a2a2a2;}


#mainmenu {margin-top:0.6em;margin-bottom:0;padding:0 6px;
	font-size:14px;height:36px;
	text-transform:uppercase;text-align:center;
	background-image:url('../images/2015/menubackground.jpg');
	background-repeat:repeat-x;background-position:center top;
}
#mainmenu > li {line-height:1.4em;}
#mainmenu > li > a {display:block;color:#fff;padding:9px 0px;}
#mainmenu a:hover {color: #454545;}


input[type=submit], input[type=button] {font-size:small}

h1 {font-size:26px}






/* RESPONSIVE ADJUSTMENTS FOR SMALL TABLETS */
@media (min-width: 768px) {

	#mainmenu  {margin-bottom:6px;padding-bottom:0;text-align:left;	}
	#mainmenu > li > a {padding-right:1em;}

	#outer_mainarea {margin-top: 30px;}

}



/* RESPONSIVE ADJUSTMENTS FOR MEDIUM DEVICES / IPADS */
@media (min-width: 992px) {

	h1 {font-size:36px}


	#mainmenu {text-align:center;height:48px;font-size:24px;}
	#mainmenu > li > a {padding:9px 18px;}

	#outer_mainarea {margin-top: 50px;}


	#banner_customer {
		position: absolute;
		top: 4px;
		right: 4px;
	}

}



/* RESPONSIVE ADJUSTMENTS FOR DESKTOPS */
@media (min-width: 1200px) {

	body {
		font-size: 16px;
		line-height: 1.3;
	}

	#outer_mainarea, #inner_mainarea, #footer {
		width: 1160px;
		margin: 0 auto;
		padding: 0;
	}

	#banner {width:100%;margin: 0 auto;	padding: 0;}

	#logoarea  {width:1160px;margin:0 auto;}

	#table_mainarea {
		display: table;
		table-layout: fixed;
		width: 100%;
		margin: 20px 0 0 0;
		padding: 0;
	}

	#inner_mainarea {
		display: table-row;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#mainarea {
		display: table-cell;vertical-align:top;
		padding-top:20px;
/*		padding: 0px 60px 0px 0px; */
		margin: 0;
	}

	#nav_outer {
		display: table-cell;vertical-align:top;
		width: 304px;
		padding: 0px;
		margin: 0;
		border-left: 1px solid #ccc;
		border-top: none;
	}

	#nav {
		padding: 0 0 0 20px;
		width: 280px;
	}


	.viewedlink {
		display: none;
	}

	.badge {
		font-size: 11px;
	}

	#bannermessage {
		float: right;
		width: 400px;
		margin-right: 30px;
		margin-top: 10px;
	}

	ul {	margin-left:1em; }

	h1 {margin-top:0.5em;}


}