BODY {background:#ffffff url(background.jpg) repeat}

/* @font-face {     font-family: "Copperplate Gothic Light";     src: url("CopperplateGothicLight.ttf"); } 
*/

BODY {
	background: #ffffff url(background.jpg) no-repeat center center fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	}

A:link {color:#0a2899; text-decoration:underline;}
A:visited {color:#0a2899; text-decoration:underline;}
A:hover {color:#c7140c; text-decoration:underline;}
A:active {color:#0a2899; text-decoration:underline;}

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

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: 19px;
	line-height: 24px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
}

.mainText2 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #0a2899;
	text-decoration: none;
	letter-spacing: 1px;
}

.mainText3 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	line-height: 21px;
	font-weight: normal;
	color: #0a2899;
	text-decoration: none;
	letter-spacing: 1px;
}

.headerText {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 23px;
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.footerText {
	font-family: "Copperplate Gothic Light", Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
}

.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;
}

.floatBox {
  display: inline-block;
  position: relative;
  width: 150px;
  height: 120px;
  margin: 4px;
}

.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;
	}

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

@media only screen and (min-width: 480px) {
.span2 {
  width: 48.4%;
}
.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: #;
 }
.profile3_2 {
  background-color: #;
}
.profile3_3 {
  background-color: #;
}

@media only screen and (min-width: 480px) {
 .span3 {
  width: 32.2%;
}
.col3 {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col3:first-child {
 margin-left: 0;
}
}