/* 
 * Reset------------------------------------------------------------ 
*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 13px; color: #666666; font-family: Arial, helvetica, sans-serif;}
h1 { margin-bottom: 10px; color: #111111;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
#calendar {
	display: inline-block;
}

#langchg {
	float:left;
	padding-right: 5px;
	border-right: black 1px solid;
}
#langchg a {
	font-weight: bold;
	color:#000000;
}

#langselcont {
	text-align: center;
}	
#langsel {
	display: inline-block;
	width: 49%;
	text-align: center;
	min-width: 330px;
}
#langsel a {
	text-decoration: none;
	color:#000000;
}
#surheading {
	text-align: right;
	border-bottom:#000000 solid 1px;
	margin-bottom: 5px;
	padding-bottom: 7px;
}
#surheading a {
	text-decoration: none;
	font-size: 13px; 
	color: #666666; 
	font-family: Arial, helvetica, sans-serif;
	font-weight:normal;
	
}
.neticons {
	float: right;
	text-align: center;
}
.neticons form {	
}
.neticons img {
	padding-top: 5px;
	display: inline-block;
}
.neticons a, img {
	border: none;
}
.adminmenu {
	display: inline-block;
	vertical-align:top;
	margin-right: 10px;
}	
/* Structure */
footer {
     position: relative; 
     margin: 0 auto;
     width: 100%;
     height: 10%;
     clear: both;
     text-align: center;
 }

#wrapper {
	width: 96%;	
	max-width: 920px;
	margin: auto;
	padding: 2%;
} 

#main {
		width: 80%;
		margin-right: 5%;
		float: left;
		margin-bottom: 5px;
		border-bottom: gray dotted 1px;
}	
#main ul, #main ol {
	list-style-position:inside;
	margin-left: 20px;
}
#mainmenu a {
	font-weight: bold;
	text-decoration: none;
}	
		
aside {
		width: 15%;
		float: right;
}
aside ul {
	list-style-type: none;
}

/* Logo H1 */
header h1 {
	float: left;
	display: block;
	font-variant: small-caps;
	font-weight: bolder;
	font-family:"Times New Roman",Times,serif;
}
		
/* Nav */
header nav {
	float: right;
	width: 100%;
	padding-top: 5px;
	margin-left: 40px;
	background-color: #333333;
}
	
header nav li {
	display: inline;
	padding: 5px;
	background: url('../images/seperator.gif') bottom right no-repeat;
	
}
header nav li a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}
header nav li:hover {
	background: #2580a2 url('../images/hover.gif') bottom center no-repeat;
}
header nav li:hover, #skipTo a:hover {
	background-color: #2580a2;
}

#skipTo {
	display: none;
	text-decoration;
}
#skipTo a {
	color: white;
}
	
#skipTo li {
	background: #333333;
}

/* Banner */			
#banner {
	margin-top: 40px;
	float: left;
	width: 100%;
	background-image:url('../images/banner.jpg');
	background-size: 100% 100%;
}

#news {
	background-color:#EEEEEE;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	font-weight: bold;
}
#news ul {
	list-style-type:disc;
	list-style-position:inside;
}

#news li {
	padding-left: 5px;
	float: left;
}

#news a {
	text-decoration: none;
	color:#000000;
}

/* search form 
-------------------------------------- */
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	padding: 3px 5px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);

	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 202px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}
	
@media screen and (min-width: 1023px) {
	header nav {
		float: right;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 20px;
		margin-left: 40px;
		background-color: #333333;
	}
	
	header nav li {
		display: inline;
		padding: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 20px;
	
	}
}

/* Media Queries */
/* Smartphones (Portrait) ----------- */ 
@media screen and (max-width: 420px) {
	
#main {
		width: 100%;
		margin-right: 5%;
		float: left;
		margin-bottom: 5px;
		border-bottom: gray dotted 1px;
}		
	aside {
		width: 100%;
		float: left;
	}
	#banner img {
		height: 100px;
	}
	
	header nav li {
		background: #333333;
		text-align: center;
		margin: 0;
		display: block;
		margin-bottom: 3px;
		border-bottom: black 1px solid;
		color: black;
	}
	
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px;
		}
	header nav {
		color: white;
	}
	header nav a {
		display: block;
		padding: 5px;
		text-align: center;
	}	
	#skipTo {
		display: block;
		width: 100%;
	}	
	#skipTo li {
		margin: 0;
		background: #333333;
		display: block;
		margin-bottom: 3px;
		border-bottom: black 1px solid;
		color: black;
	}
	.neticons {
		width: 100%;
	}
	.searchform {}
	.searchfield {
		width: 90%;
	}			
}
/* Tablet (Landscape) ----------- */  
@media only screen and (min-width : 690px) and (max-width: 1023px) {  
	/* Styles */ 
	
	#banner img {
		height: 100px;
	}
	 
} 
/*Smart Phones (Landscape) --------- */
@media screen and (min-width : 420px) and (max-width: 690px) {	
#main {
		width: 100%;
		margin-right: 5%;
		float: left;
		margin-bottom: 5px;
		border-bottom: gray dotted 1px;
}		
	aside {
		width: 100%;
		float: left;
	}
	header nav, #main, aside {
		float: left;
		clear: left;
		margin: 0 0 10px;
	}
	#banner img {
		height: 100px;
	}
	header nav li {
		text-align: center;
		width: 45%;
		margin: 0;
		background: #333333;
		display: inline-block;
		margin-bottom: 3px;
		border-bottom: black 1px solid;
		color: black;
	}
	header nav {
		text-align: center;
	}
	.neticons {
		width: 100%;
	}
	.searchform {}
	.searchfield {
		width: 90%;
	}
}