BODY {
	background: #ffffff url(background.jpg) no-repeat center center fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	}
	
@font-face {font-family: "Copperplate Gothic Light"; src: url("CopperplateGothicLight.ttf"); }

A:link {color:#a22b43; text-decoration:underline;}
A:visited {color:#a22b43; text-decoration:underline;}
A:hover {color:#000000; text-decoration:underline;}
A:active {color:#000000; text-decoration:underline;}

A.top:link {color:#000000; text-decoration:none; font-size: 20px;}
A.top:visited {color:#000000; text-decoration:none; font-size: 20px;}
A.top:hover {color:#660c2c; text-decoration:underline; font-size: 22px;}
A.top:active {color:#660c2c; text-decoration:underline; font-size: 22px;}

A.nav:link { color:#ffffff; text-decoration:none; font-family: "Copperplate Gothic Light", Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px;}
A.nav:visited { color:#ffffff; text-decoration:none; font-family: "Copperplate Gothic Light", Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px;}
A.nav:hover { color:#eec162; text-decoration:underline; font-family: "Copperplate Gothic Light", Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px;}
A.nav:active { color:#eec162; text-decoration:none; font-family: "Copperplate Gothic Light", Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px;}

A.foot:link { color:#000000; text-decoration:none;}
A.foot:visited { color:#000000; text-decoration:none;}
A.foot:hover { color:#660c2c; text-decoration:underline;}
A.foot:active { color:#660c2c; text-decoration:none;}

.mainText {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 21px;
	line-height: 26px;
	font-weight: normal;
	color: #660c2c;
	text-decoration: none;
	letter-spacing: 1px;
}


.mainTextRight {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 21px;
	line-height: 26px;
	font-weight: normal;
	color: #FDF6BD;
	text-decoration: none;
	letter-spacing: 1px;
	text-shadow: 2px 1px 1px #000;
}

.mainText2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
	color: #0c4351;
	text-decoration: none;
}

.mainText3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
	color: #0c4351;
	text-decoration: none;
}

h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 44px;
	line-height: 40px;
	font-weight: bold;
	color: #ffef71;
	text-decoration: none;
	letter-spacing: 1px;
	font-variant: small-caps;
    text-shadow: 2px 1px 1px #000;
}


h2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #0C4351;
	text-decoration: none;
	letter-spacing: 1px;
}


.footerText {
	font-family: "Copperplate Gothic Light", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
    text-shadow: 2px 1px 1px #000;
}

.bibliography {
	text-indent: -40px;
	text-align: justify;

}

/* a few font sets
"Copperplate Gothic Light", Trebuchet MS, Arial, Helvetica, sans-serif
"Trebuchet MS", Arial, Helvetica, sans-serif
Georgia, Times New Roman, Times, serif
*/

.frame
{
padding: 0px;
border: 0px solid #CCC;
box-shadow: 1px 1px 2px #ccc;
border-radius: 18px;
max-width: 100%;
height: auto;
}

.iframe
{
padding: 0px;
border: 1px solid #CCC;
box-shadow: 1px 1px 2px #ccc;
border-radius: 18px;
max-width: 100%;
height: 350px;
}

.smallframe
{
padding: 0px;
border: 1px solid #CCC;
box-shadow: 1px 1px 2px #ccc;
border-radius: 18px;
}

.resize
{
max-width: 100%;
height: auto;
}


.block
{
padding: 0px;
border: 1px solid #cccccc;
background: #FCB200;
padding: 5px;
box-shadow: 1px 1px 2px #ccc;
border-radius: 12px;
}

.shadow {
     text-shadow: 1px 1px #dbdbdb;
}

a.bigbutton {
	margin: 0.25em;
	margin-bottom: 3px;
	margin-top: 3px;
	display: inline-block;
	background: #581B39;
	border: 0px solid #cdcdcd;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	padding: 5px;
	font: bold 14px/120%  "Lucida Grande", Arial, Helvetica, sans-serif;
	border-radius:6px;
	box-shadow:
		3px 3px 12px #cdcdcd,
		0px 0px 3px #cdcdcd,
		inset 0px 5px 12px #7A003B,
		inset 0px 15px 2px #6D0035,
		inset 0px 25px 25px #7A003B;
	}

a.bigbutton2 {
	margin: 0.25em;
	margin-bottom: 3px;
	margin-top: 3px;
	display: block;
	background: #010708;
	border: 0px solid #cdcdcd;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	padding: 5px;
	font: bold 14px/120%  "Lucida Grande", Arial, Helvetica, sans-serif;
	border-radius:6px;
	box-shadow:
		3px 3px 12px #cdcdcd,
		0px 0px 3px #cdcdcd,
		inset 0px 5px 12px #7A003B,
		inset 0px 15px 2px #6D0035,
		inset 0px 25px 25px #7A003B;
	}

.container2Column {
  clear: both;
  padding: 10px;
  margin: 0px;
  overflow:hidden;
 }
 
.profile2_1 {
  background-color: #;
  width: 65%;
}
.profile2_2 {
  background-color: #;
  width: 30%;
}

@media only screen and (min-width: 480px) {
.span2 {

}
.col2 {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col2:first-child {
  margin-left: 0;
}
}


.container3Column {
  clear: both;
  padding: 0px;
  margin: 0px;
  overflow:hidden;
 }
.profile3_1 {
  background-color: #fdf6bd;
 }
.profile3_2 {
  background-color: rgba(255, 255, 255, 0.8);}
}
.profile3_3 {
  background-color: #;
}

@media only screen and (min-width: 480px) {
 .span3_1 {
 width:23.9%;
}
.span3_2 {
 width:48.4%;
}
.span3_3 {
 width:23.9%;
}
.col3 {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col3:first-child {
 margin-left: 0;
}
}
	
	
.floatDiv {
  display: inline-block;
  position: relative;
  width: 260px;
  height: 300px;
  margin: 4px;
  vertical-align: top;
  text-align:center;
  background-color: #dfeef9;
}