/* RESET! */
td { margin: 0; padding: 0; }
th { margin: 0; padding: 0; }
blockquote { margin: 0; padding: 0; }
textarea { margin: 0; padding: 0; }
input { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
pre { margin: 0; padding: 0; }
h6 { margin: 0; padding: 0; }
h5 { margin: 0; padding: 0; }
h4 { margin: 0; padding: 0; }
h3 { margin: 0; padding: 0; }
h2 { margin: 0; padding: 0; }
h1 { margin: 0; padding: 0; }
dd { margin: 0; padding: 0; }
dt { margin: 0; padding: 0; }
dl { margin: 0; padding: 0; }
div { margin: 0; padding: 0; }
body { margin: 0; padding: 0;background-color:#fff;  }
html { margin: 0; padding: 0; }
acronym { border: 0; }
abbr { border: 0; }
img { border: 0; }
fieldset { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html {	font-size: 100%; }

/* END RESET! */

#wholepage-wrapper { height:auto; margin:0 auto; }

#header-wrapper { margin:0 auto; overflow: hidden; position:relative; }
#header-wrapper h1 {position:relative; color:#a7784b;font-family:Arial, Helvetica,'Bauhaus Md BT', sans-serif;letter-spacing:normal;font-weight:bold;font-style:normal;font-variant:normal;text-transform:none;font-size:16px;text-align:right;padding-right:0;}

#menu-wrapper { margin:0 auto;text-align:center; position:relative; overflow: hidden;color:white;font-family:Arial, Helvetica, sans-serif;font-size:.75em;}
	#menu-wrapper a,a:active,a:visited { padding:5px 0;background-color:#114574;color:white;text-decoration:none;border-radius:15px;}
	#menu-wrapper a:hover { background-color:#1f3d7c;text-decoration:none;border-radius:10px;}
.menubackground { background-color:transparent;color:white;font-family:Arial, Helvetica, sans-serif;font-size:.75em; }

#body-wrapper {margin:0 auto; }
div.body-wrapper h1 {font-size: 30px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:left;margin:20px 0px 10px 20px;color:#114574;}
div.body-wrapper h2 {font-size: 20px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:left;margin:0px 20px 10px 20px;color:#114574;}
div.body-wrapper h3 {font-size: 18px;font-family:Arial, Helvetica, sans-serif;font-weight:lighter;text-align:left;margin:0px 20px 20px 20px;color:#333333;}
div.body-wrapper p,table,td {font-size: 15px;font-family:Arial, Helvetica, sans-serif;font-weight:lighter;text-align:left;margin:0px 20px 0px 20px;line-height:normal;}
div.body-wrapper ul {font-size: 15px;font-family:Arial, Helvetica, sans-serif;font-weight:lighter;margin:10px;line-height:normal;text-align:left;}

/* Change the following 2 lines to alter the overall hyperlink appearance - PTC */
div.body-wrapper a,a:link,a:visited {  color:#2E344B; text-decoration:none; font-weight:bold;font-size:1.1em;}
div.body-wrapper a:hover,a:active { color:#8199F2; text-decoration:none; font-weight:bold;font-size:1.1em;}

div.body-wrapper.table a:link { color: #06c;text-decoration: none;}
div.body-wrapper.table a:visited { color: #06c;text-decoration: none;}
div.body-wrapper.table a:active { color: #06c;text-decoration: none;}
div.body-wrapper.table a:hover { color: #06c;text-decoration: underline;}

#body-wrapper-left { width: 160px; height:auto; margin:0 auto; position:relative; padding:10px; background-color:white; float:left;z-index:20}
	.body-wrapper-left a,a:link,a:active,a:visited { color:#5975E0;background-color:white; text-decoration:underline;}
	.body-wrapper-left a:hover { color:orange;background-color:white; text-decoration:none;}
	.body-wrapper-left p { background-color:white; text-decoration:none;}
	.body-wrapper-left h2 { font-family:Arial, Helvetica,'Bauhaus Md BT',sans-serif;font-size:1.25em;color:black; }
#body-wrapper-right { width: 800px; height:auto; margin:0 auto;position:relative; padding:10px; background-color:white;float:right;overflow: hidden; z-index:15;}
div.body-wrapper-right a,a:link,a:visited {  color:#b77b60; text-decoration:none; font-weight:bold; background-color:transparent;}
div.body-wrapper-right a:hover,a:active { color:#8199F2; text-decoration:none; font-weight:bold;}

div.rightinset {float:right;width:50%;background-color:#CCddFF;font-family:Arial, Helvetica, sans-serif;margin:5px 10px 5px 10px;padding:5px 10px 2px 10px;}
div.rightinset ul { padding:-10px 0 10px 50px; margin:-10px 0 10px 50px;}
div.rightinset li { font-size:1.05rem; }

.bulletpoints {font-family:Arial, Helvetica, sans-serif;padding:0px 10px 2px 30px;}
.bulletpoints ul {padding:0px 0px 20px 0px;}
.bulletpoints li { padding:0px 0px 20px 0px;font-size:1.15rem; color:#114574;margin-left:30px;}

#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:white; /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	background:white; /* column 1 background colour */
}
#col1 {
	float:left;
	width:18%;
	position:relative;
	left:51%;
	overflow:hidden;
	margin-top:10px;
	background-color:#ffffff;
	height:100%;
}
#col2 {
	float:left;
	width:82%;
	position:relative;
	left:50%;
	overflow:hidden;
}
#leftmenu {width:160px;margin:0 auto;border:thin silver solid;text-align:center;}
	#leftmenu a,a:link,a:active,a:visited {text-decoration:none;background-color:white;}
	#leftmenu a:hover {text-decoration:none;color:navy;}
#projectbar {margin:0 auto;border:thin silver solid;text-align:center;overflow:hidden;font-size:1.5em;}
	#projectbar a,a:link,a:active,a:visited {text-decoration:none;background-color:transparent;}
	#projectbar a:hover {text-decoration:none;color:navy;}
.bottomrow-wrapper-links  { font-size:.75em; background-color:transparent; color:#154c81;}
	.bottomrow-wrapper-links p { background-color:transparent; font-size:.75em;}
	.bottomrow-wrapper-links a,a:active,a:visited { background-color:transparent;color:#b77b60;text-decoration:none;}
	.bottomrow-wrapper-links a:hover { background-color:transparent;color:#154c81;text-decoration:none;}
#footer-wrapper { height:auto; margin:0 auto; padding:5px 0px; position:relative; background-color:#1f3d7c;z-index:30;color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:1em;text-align:center;font-size:.75em;}
	#footer-wrapper p { font-size:.75em;}
	#footer-wrapper a,a:active,a:visited { background-color:transparent;color:#ffffff;text-decoration:none;}
	#footer-wrapper a:hover { background-color:transparent;color:#a7784b;text-decoration:none;}
.footersection {position:relative;z-index:10;background-color:#1f3d7c;color:#ffffff;width:100%;line-height:1em;padding-top:10px;}
	.footersection p { font-size:1em;color:#ffffff;}
	.footersection ul { font-size:.75em;line-height:1em;}
	.footersection a,a:active,a:visited { background-color:transparent;color:#ffffff;text-decoration:none;}
	.footersection a:hover { background-color:transparent;color:#a7784b;text-decoration:none;}
.fscontact {text-align:center;color:#ffffff;}
	.fscontact p { font-size:.75em;}
	.fscontact ul { font-size:.75em;line-height:1em;}
	.fscontact a,a:active,a:visited { background-color:transparent;color:#ffffff;text-decoration:none;}
	.fscontact a:hover { background-color:transparent;color:#55adff;text-decoration:none;}

.footer-cols {
       -moz-column-count: 8;
       -moz-column-gap: 5px;
       -webkit-column-count: 8;
       -webkit-column-gap : 5px;
       -moz-column-rule-color:  #ccc;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  1px;
       -webkit-column-rule-color:  #ccc;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  1px;
}
.shadow {
		-moz-text-shadow: 3px 3px 4px #3b3c3c;
		-webkit-text-shadow: 3px 3px 4px #3b3c3c;
		text-shadow: 3px 3px 4px #3b3c3c;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#3b3c3c')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#3b3c3c');
		}
.shadowbox {
		-moz-box-shadow: 3px 3px 4px #3b3c3c;
		-webkit-box-shadow: 3px 3px 4px #3b3c3c;
		box-shadow: 3px 3px 4px #3b3c3c;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#3b3c3c')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#3b3c3c');
		}
.shadowdark {
		-moz-text-shadow: 3px 3px 4px #3b3c3c;
		-webkit-text-shadow: 3px 3px 4px #3b3c3c;
		text-shadow: 3px 3px 4px #3b3c3c;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#3b3c3c')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#3b3c3c');
		}
.shadowlight {
		-moz-text-shadow: 3px 3px 4px #b7aeaa;
		-webkit-text-shadow: 3px 3px 4px #b7aeaa;
		text-shadow: 3px 3px 4px #b7aeaa;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b7aeaa')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b7aeaa');
		}
.slideoverlaytext0 {position:relative;font-family:Arial, Helvetica, sans-serif;font-size:14px;top:-200px;left:5px;width:250px;color:white;}
.slideoverlaytext1 {position:relative;font-family:Arial, Helvetica, sans-serif;font-size:14px;top:-200px;left:300px;width:250px;color:white;}
.slideoverlaytext2 {position:relative;font-family:Arial, Helvetica, sans-serif;font-size:14px;top:-55px;left:300px;width:250px;color:white;}
.slideoverlaytext3 {position:relative;font-family:Arial, Helvetica, sans-serif;font-size:14px;top:-55px;left:5px;width:250px;color:white;}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #1217a2);
  background-image: -moz-linear-gradient(top, #3498db, #1217a2);
  background-image: -ms-linear-gradient(top, #3498db, #1217a2);
  background-image: -o-linear-gradient(top, #3498db, #1217a2);
  background-image: linear-gradient(to bottom, #3498db, #1217a2);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #1e29f7;
  background-image: -webkit-linear-gradient(top, #1e29f7, #1c26e8);
  background-image: -moz-linear-gradient(top, #1e29f7, #1c26e8);
  background-image: -ms-linear-gradient(top, #1e29f7, #1c26e8);
  background-image: -o-linear-gradient(top, #1e29f7, #1c26e8);
  background-image: linear-gradient(to bottom, #1e29f7, #1c26e8);
  text-decoration: none;
}

.top-bar {
	line-height:.5em;
	font-family:"Times New Roman", Times, serif;font-size:1em;
}
#homepagecopy {color:white;text-align:center;padding:0 0 4rem 0;margin:0;width:100%;}
	#homepagecopy h1 {color:#ffffff;text-align:center;font-size:2.25rem;font-family:"Times New Roman", Times, serif;}
	#homepagecopy h2 {padding:3% 0;color:#ffffff;text-align:center;font-size:1rem; }
#secondpagecopy {color:#ffffff;text-align:center;padding:0;margin:0;width:100%;}
	#secondpagecopy h1 {color:#ffffff;text-align:center;font-size:2.25rem;font-family:"Times New Roman", Times, serif;}
	#secondpagecopy h2 {padding:3% 0;color:#1f3d7c;text-align:center;font-size:1rem; }
	#secondpagecopy h3 {color:#1f3d7c;text-align:left;font-size:.8rem; }

.menulinks {font-size:1rem;background-color:#a7784c;}
.menulinks ul li a {font-size:.8rem;}

.homebodyarea { position:relative;z-index:9;background-color:#0964a9;width:100%;padding:0;margin:50% 0 0 0; }
div.responsivegraphicclass { margin-top:3rem;text-align:center; }
div.responsivegraphicclass h1 { position:absolute;top:2.5%;left:5%;text-align:center;color:#ffffff;font-size:1.1rem;line-height:1.1rem; }
img.bg {
  /* Set rules to fill background */
  min-height: 100%; min-width: 100%;
  /* Set up proportionate scaling */
  width: 100%; height: auto;
  /* Set up positioning */
  position: fixed; top: 0; left: 0;
}
@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ 
  img.bg { min-width: 480px;min-height:640px;left: 50%;margin-left: -240px;   /* 50% */ }
  .homebodyarea {margin:90% 0 0 0;}
}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
  img.bg { min-width: 640px;left: 50%;margin-left: -320px;   /* 50% */  }
  .homebodyarea {margin:80% 0 0 0;}
  #homepagecopy {margin:30% 0 0 0;}
}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
  img.bg { min-width: 960px;left: 50%;margin-left: -480px;   /* 50% */  }
  .homebodyarea {margin:70% 0 0 0;}
  #homepagecopy {margin:20% 0 0 0;}
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
  img.bg { min-width: 1024px;min-height:500px;left: 50%;margin-left: -512px;   /* 50% */  }
  .homebodyarea {margin:60% 0 0 0;}
  #homepagecopy {margin:10% 0 0 0;}
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
  img.bg { min-width: 1280px;left: 50%;margin-left: -640px;   /* 50% */  }
  .homebodyarea {margin:50% 0 0 0;}
  #homepagecopy {margin:0 0 0 0;}
}
@media (min-width:1281px) { /* hi-res laptops and desktops */ 
  img.bg { min-width: 100%;left:0;margin:0;  }
  .homebodyarea {margin:45% 0 0 0;}
  #homepagecopy {margin:0 0 0 0;}
}