@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
html, body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, fieldset {
    border: 0px none;
    margin: 0px;
    padding: 0px;
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
	html, body {
		width: 100%;
			height: 100%;
	}
	body {
		background:#ffffff;	
	}
	
	
		

@media only screen and (min-width: 300px) and (max-width: 450px){
					#content {
			padding-top:2em;	
		}
		.mainHeading {
			position:relative;
			width:100%;	
		}
		.mainHeading h1 {
			font-size:180%;
			color:#ffffff;	
			padding:1em;
			margin-left:7%;
			font-weight:100;
		}
		.mainHeading span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.mainHeading p {
			color:#303030;
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:130%;	
		}
		.links {
			position:relative;
			width:100%;		
		}
		.links h1 {
			font-size:150%;
			color:#ffffff;	
			padding:.5em;
			margin-left:7%;
			font-weight:100;
		}
		.links span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.links ul {
			
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:130%;	
			list-style-type:none;
		}
		.links ul p {
			color:#303030;	
		}
		}
		@media only screen and (min-width: 451px) and (max-width: 780px){
					#content {
			padding-top:2em;	
		}
		.mainHeading {
			position:relative;
			width:100%;	
		}
		.mainHeading h1 {
			
			color:#ffffff;	
			padding:1em;
			margin-left:7%;
			font-weight:100;
		}
		.mainHeading span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.mainHeading p {
			color:#303030;
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:150%;	
		}
		.links {
			position:relative;
			width:100%;		
		}
		.links h1 {
			
			color:#ffffff;	
			padding:.5em;
			margin-left:7%;
			font-weight:100;
		}
		.links span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.links ul {
			
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:130%;	
			list-style-type:none;
		}
		.links ul p {
			color:#303030;	
		}
		}
	@media only screen and (min-width: 781px) and (max-width: 949px){
					#content {
			padding-top:2em;	
		}
		.mainHeading {
			position:relative;
			width:100%;	
		}
		.mainHeading h1 {
			
			color:#ffffff;	
			padding:1em;
			margin-left:7%;
			font-weight:100;
		}
		.mainHeading span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.mainHeading p {
			color:#303030;
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:150%;	
		}
		.links {
			position:relative;
			width:100%;		
		}
		.links h1 {
			
			color:#ffffff;	
			padding:.5em;
			margin-left:7%;
			font-weight:100;
		}
		.links span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.links ul {
			
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:150%;	
			list-style-type:none;
		}
		.links ul p {
			color:#303030;	
		}
		}
	@media only screen and (min-width: 950px) and (max-width: 1199px){
			#content {
			padding-top:2em;	
		}
		.mainHeading {
			position:relative;
			width:100%;	
		}
		.mainHeading h1 {
			
			color:#ffffff;	
			padding:1em;
			margin-left:7%;
			font-weight:100;
		}
		.mainHeading span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.mainHeading p {
			color:#303030;
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:150%;	
		}
		.links {
			position:relative;
			width:100%;		
		}
		.links h1 {
			
			color:#ffffff;	
			padding:.5em;
			margin-left:7%;
			font-weight:100;
		}
		.links span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.links ul {
			
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:150%;	
			list-style-type:none;
		}
		.links ul p {
			color:#303030;	
		}
		}
	@media only screen and (min-width: 1200px) {
		#content {
			padding-top:2em;	
		}
		.mainHeading {
			position:relative;
			width:100%;	
		}
		.mainHeading h1 {
			
			color:#ffffff;	
			padding:1em;
			margin-left:7%;
			font-weight:100;
		}
		.mainHeading span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.mainHeading p {
			color:#303030;
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:150%;	
		}
		.links {
			position:relative;
			width:100%;		
		}
		.links h1 {
			
			color:#ffffff;	
			padding:.5em;
			margin-left:7%;
			font-weight:100;
		}
		.links span {
			display:block;
			
			width:100%;
			position:relative;
			background:#5c7997;	
		}
		.links ul {
			
			width:80%;
			margin-left:10%;
			margin-top:1em;
			margin-bottom:1em;
			font-size:150%;	
			list-style-type:none;
		}
		.links ul p {
			color:#303030;	
		}
	
	}