
/* DESKTOPS */
	
	.wrap {
		width: 92%;
		width: 920px\9; /* IE 8 and below */
	}

	#trail {
		float: left;
		width: auto;
		height: auto;
		visibility: visible;
	}
	#loginbar {
		float: right;
		width: auto;
	}
	#loginbar a, #loginbar a:link, #loginbar a:visited {
		float: right;
		margin: 4px 0px 2px 8px;
		width: auto;
	}


	.newslist{
		visibility: visible;
		height: auto;
		width: 90%;
		padding:12px 5%;
		background:#40717D;
		color:#fff;
		font-size:1em;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-o-border-radius: 0.2em;
		-ms-border-radius: 0.2em;
		border-radius: 0.2em;
	}
	.newslist ul {
		font-size: 0.875em;
		list-style-type: none;
		margin: 12px auto !important;
		padding: 0; 
		width: 100%;
	}
	.newslist ul li {
		margin: 0.5em 0;
		margin: 0;
		display: block;
		border: 0;
	}
	.newslist ul li a:link, .newslist ul li a:visited {
		text-align: center;
		padding: 0.125em 5% 0.125em 5%;
		margin: 0;
		background-color: #BBAA82;
		background-color: #457a87; 
		width: 90%;
		display: block;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		-o-border-radius: 0.2em;
		-ms-border-radius: 0.2em;
		border-radius: 0.2em;
		color: #fff !important;
		border: 0;
		box-shadow: none;
	}
	.newslist ul li a:hover {
		color: #fff;
	/*	background-color: #225497; */
		background-color: #4e8997;
		border: 0;
		box-shadow: none;
	}
	.newslist ul ul li {
		border-bottom: none; 
		padding-left: 1em;
		font-size: 1em;
		display: block;
	}

	.newslist img {
		width: 86%;
		margin: 1em 7% 0em 7%;
	}
	
/* ////////////////////////// HEADER BAR ///////////////////////// */

	#logo-container {
		height: 76px; 
		padding: 0px;
		display: block;
		width: 65%;
		float:left;
		margin: 20px 0 80px 0;
/*		clear: none; */
	}
	#logo {
		width: 100%;
		text-align: left;
/*		margin-bottom: 100px; */
	}
	#logo img {
/*		height: 52px; */
		width: 50%;
	}
	#newlogo img {
		width:40%;
	}

/* ////////////////////////// SEARCH FORM ///////////////////////// */

	#search-container {
		height: 140px;
		width: 30%;
		float: right;
	}

/* ////////////////////////// BANNER ///////////////////////// */

	#banner-container {
		width: 100%;
		padding: 25px 0 20px 0;
	}
	#banner-container a, #banner-container a:link, #banner-container a:visited {
		margin: 10px 0;
	}
	#banner-container a:hover {
		background: #fff;
		border: 1px solid #fff;
	}
	#banner-left {
		width: 30%;
	}
	#banner-center {
		width: 30%;
		margin-left: 5%;
	}
	#banner-right {
		width: 30%;
	}
	#banner-left img, #banner-center img,#banner-right img {
		width: 100%;
	}
	#banner-left p, #banner-center p, #banner-right p {
		font-size: 0.9em;
		margin: 4px 0 0 0;
		padding: 0 4% 6px 4%;
		width: 92%;
		float: none;
	}


/* ////////////////////////// PAGE CONTENT ///////////////////////// */

.side ul {
	margin-top:36px;
}
.side ul li {
	margin: 0.25em 0;
	font-size: 1.1em;
}
.side ul li a:link, .side ul li a:visited {
	text-align: left;
	padding: 0.5em 4% 0.5em 6%;
	width: 90%;
	color: #fff !important;
}
.side ul a:link, .side ul a:visited {
	color: #fff !important;
}
.side img {
	width: 100%;
	margin: 1em 0 0 0;
}

.content {
	padding: 0;
	width: 100%;
	background: #fff;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	border-radius: 0.4em;
	
}


.main {
	width: 56%;
	margin:0 4%;
	float: left;
	padding: 2em 1%;
}
.mainlogo {
	display: block;
	width: 56%;
	margin:0 4%;
	float: left;
	padding: 2em 1%;
}
.smalllogo {
	display: none;
	width: 0;
	height: 0;
}
.mainlogo img{
	width: 90%;
}
	.side {
		width: 28%;
		float: right;
		margin-right:4%;
		padding: 0 1%;
/*		background: #666;*/
	}
	#draw {
		width: 30%;
		float: right;
		margin-right:4%;
		padding: 36px 0;
/*		background: #999;*/
	}
	#draw img {
		width:100%;
	}
	.admain {
		width: 60%;
		float: left;
		padding: 0px;
	}
	.main img {
	} 
	.middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	.leftcol {
		width: 30%;
		float: left;
		margin: 0;
	}
	.centercol {
		width: 30%;
		float: left;
		margin-left: 5%;
	}
	.rightcol {
		width: 30%;
		float: right;
		margin: 0;
	}
	.adrightcol {
		width: 35%;
		float: right;
		margin: 0;
	}
	.boxed-left {
		width: 60%;
		float: left;
	}
	.boxed-right {
		width: 36%; 
		float: right;
	}


	/* ////////////////////////// FOOTER BAR ///////////////////////// */

	.footleft {
		width: 41%;
		float: left;
		text-align: left;
	}
	.footright {
		width: 30%; 
		float: right;
		text-align: left;
	}

	/* ////////////////////////// GENERAL FORMS ///////////////////////// */

	.fieldbox {
		width: 100%;
		overflow: hidden;
	}
	.fieldbox label.styled {
		float: left;
		width: 25%;
		margin-right: 5%;
	}
	.fieldbox .userfield {
		width: 70%;
		float: left;
	}
	.fieldbox .userfield input[type="text"] { 
		width: 99%;
	}	
/*	.fieldbox .userfield textarea {
		width: 100px;
	} 
	*/
	.buttonsdiv { 
		width: 70%;
		padding-left: 30%;
	}
	.buttonsdiv input {
		margin-right: 20px;
	}


	/* ////////////////////////// SITE LINKS ///////////////////////// */

	#sitelinks {
		font-size: 0.7em;
	}
	.halfleft {
		width: 46%;
		float: left;
	}
	.halfright {
		width: 46%;
		float: right;
	}

/* ------------------------------------ Desktops max ----------------------------------*/

@media screen and (min-width: 62.5em) {
	
	.wrap {
		width: 920px;
		margin: 0 auto;
	}

}

