html, body {
	margin: 0 auto;
	height: 100%;
	font-family:Arial;
	font-size:11pt;
}

body {
	background:#CAE6FF;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px;
}

#container {
	position: relative;
	width: 100%;
	margin: 0 auto -100px;
}

#wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
}

#logo {
	float:left;
	padding:5px;
}

#logo img {width:100%;}

#header {
	clear:both;
	position:relative;
}

#navigation {
	padding:10px;
	background:#125E9E;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	margin-bottom:15px;
    text-align: center;
}

#content {
	background:#fff;
	padding:10px;
}

#footer {
	padding:10px;
	background:#e9e9e9;
	color:#949494;
}

#footer a	{color:#949494;text-decoration:underline;}
#footer a:hover {color:#125E9E;text-decoration:none;}

#footer #footlinks {
	float:left;
	padding:5px;
	font-sizE:10pt;
	line-height:1.4em;
}

#copyright p{
	margin: 0px;
	font-size: 8pt;
	text-align: center;
}

h1 {
	font-size:18pt;
	margin-top:0px;
}

a {	text-decoration:none;}

a:hover { text-decoration:underline;}

a.toggleMenu {color:#fff;width:98%;border-radius:4px;padding:4px;}
a.toggleMenu:hover {background:#247CC7;text-decoration:none;}



@media only screen and (max-width: 960px) and (min-width: 768px) {

	#wrapper {width:750px;}

}


@media only screen and (max-width: 767px) {
	#wrapper {width:450px;}	
	#logo {width:175px;float:none;margin:0 auto;}
	#content {padding:10px;}
	h1 {font-size:14pt;}
}



@media only screen and (max-width: 459px) {
	#wrapper {width:300px;}
	#header {display:none;}
	#content, #footer {font-size:10pt; padding:2px;}
	h1 {font-size:12pt;}
	
}

@media only screen and (max-width: 241px) {

}