/* ===== General Styles ===== */
body 
{
	margin: 0px 0px 20px 0px;
	background-color: #005A73;
	min-width:320px; 
}

a:link 
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #005A73;
	font-weight: normal;
	text-decoration: none;
}

a:visited 
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #005A73;
	font-weight: normal;
	text-decoration: none;
}

a:hover 
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #0096B9;
	font-weight: normal;
	text-decoration: none;
}

a.button:link /* Nav Buttons */
{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: #005A73;
     padding: 5px 10px 5px 10px;
     color: #fff; 
     font-weight: normal;  
     text-decoration: none;
     -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	  border-radius: 5px;

}
a.button:visited /* Nav Buttons */
{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: #005A73;
     padding: 5px 10px 5px 10px;
     color: #fff; 
     font-weight: normal;  
     text-decoration: none;
     -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	  border-radius: 5px;
}
a.button:hover /* Nav Buttons */
{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: #0096B9;
     padding: 5px 10px 5px 10px;
     color: #fff; 
     font-weight: normal;  
     text-decoration: none;
     -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	  border-radius: 5px;
}

/* ===== Main Site Layout ===== */

#banner
{
	width : 100%;
	padding-top: 5px;
	background-color: #DFF8FF;
	text-align:center;
}

.navWrapper
	{
	width : 100%;
	height: 28px;
	background-color: #0096B9;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	}

.nav
	{
	max-width : 900px;
	width : 98%;
	margin: 0px auto;
	padding: 4px 0px 3px 0px;
	background-color: transparent;
	}

#outerWrapper
{
	margin : 0px auto 0px auto;
	max-width : 1000px;
	width : 100%;
	background-color: #fff;
	-moz-box-shadow: 0px 5px 10px #000;
	-webkit-box-shadow: 0px 5px 10px #000;
	box-shadow: 0px 5px 10px #000;
}

.wrapper
{
	width: 98%;
	margin : 0px auto;
	max-width : 900px;
	padding: 1%;
	background-color: transparent;
}

.imgHeader
{
	margin : 0 auto;
	max-width : 900px;
	width : 100%;
	background-color: transparent;
}

.pgHeader
{
	margin : 0 auto;
	max-width : 900px;
	width : 98%;
	padding: 1%;
	background-color: transparent;
}

.twoCol
{
	float:left;
	width: 45%;
	margin: 2% 0% 2% 3%;
	background-color: transparent;
}

.twoColCen
{
	float:left;
	width: 45%;
	margin: 2% 0% 2% 3%;
	background-color: transparent;
	text-align:center;
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

.threeCol
{
	float:left;
	width: 30%;
	margin: 1% 0% 0% 2.6%;
	background-color: transparent;
}

.fourColCen
{
	float:left;
	width: 22%;
	margin: 2% 0% 2% 2%;
	background-color: transparent;
	text-align:center;
}

.center
{
	width: 98%;
	margin : 0px auto;
	max-width : 900px;
	background-color: transparent;
	text-align:center;
}

.formWrapper
{
	width: 98%;
	margin : 0px auto;
	max-width : 900px;
	background-color: transparent;
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

.spacer
{
	width: 100%;
	height:10px;
	background-color: transparent;
	clear:both
}

.formField
{
	padding: 5px;
}


/* ===== Text styles ===== */

h1 /* Main Heading Text */
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	margin:0px;
}

h2 /* Main Heading Text */
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	margin:0px;
}

.siteText  
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

li 
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	line-height:2;
}


/* ===== Image styles ===== */

img
{
	max-width : 100%;
	height : auto;
	width : auto;
	border:0px;
}

.shadowImg
{
	max-width : 100%;
	height : auto;
	width : auto;
	-moz-box-shadow: 0px 5px 10px #000;
	-webkit-box-shadow: 0px 5px 10px #000;
	box-shadow: 0px 5px 10px #000;
	margin-bottom:10px;	
}

.logo /* Footer Logos */
{
	max-width : 100%;
	height : auto;
	width : auto;
	border:0px;
	margin: 1%;
}

.socIcon  /* Social Icons */
{
	max-width : 100%;
	height : auto;
	width : auto;
	border:0px;
	margin: 0% 0% 0% 1%;
}

/* ===== Footer styles ===== */

#Footer 
{
	width: 98%;
	margin: 0 auto;
	background-color: transparent;
	padding: 20px 0px 10px 0px;
	clear:both;
	border-top: 1px #006E9B dotted;
	text-align:center;
}


/* ===== Media Screen ===== */


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

.wrapper
{
	width: 96%;
	padding: 2%;
}

.twoCol
{

	width: 94%;
	margin: 2% 0% 2% 3%;
}

.threeCol
{
	float:left;
	width: 95%;
	margin: 3% 0% 0% 2%;
}

.fourColCen
{
	float:left;
	width: 45%;
	margin: 3% 0% 0% 2%;
}


}