@font-face {
  font-family: LeagueGothic;
  src: url("../fonts/league-gothic/League Gothic/League Gothic.otf") format("opentype");
}

@font-face {
  font-family: OrbitronMedium;
  src: url(../fonts/Orbitron/OTF/orbitron-medium.otf) format("opentype");
}

@font-face {
  font-family: OrbitronBlack;
  src: url(../fonts/Orbitron/OTF/orbitron-black.otf) format("opentype");
}

@font-face {
  font-family: OrbitronBold;
  src: url(../fonts/Orbitron/OTF/orbitron-bold.otf) format("opentype");
}

@font-face {
  font-family: OrbitronLight;
  src: url(../fonts/Orbitron/OTF/orbitron-light.otf) format("opentype");
}

body {
	font-size: 18px;
	font-family: Calibri, Century Gothic, sans-serif;
	background-color: white;
	margin: 0px;
	padding: 0px;
	text-shadow: #bbbbff 1px 1px .5px;
	}

a			{
			color: #bc1111;
			text-decoration: none;
			}

a:hover			 {
						 color: #c4c617;
						 text-shadow: black 1px 1px 1px;
						 -webkit-transition: all .5s ease-in-out;
						 transition: all .5s ease-in-out;
						 }
			
a.navbutton:hover	{
									border-right: 20px solid black;
									border-left: 20px solid #bc1111;
									text-shadow: black 1px 1px 2px;
									-webkit-transition: all .5s ease-in-out;
									transition: all .5s ease-in-out;
									}

a.currentnav:hover	{
									border-right: 20px solid black;
									border-left: 20px solid #bc1111;
									text-shadow: black 1px 1px 2px;
									-webkit-transition: all .5s ease-in-out;
									transition: all .5s ease-in-out;
									}
									
h1								{
									font-size: 1.8em;
									text-transform: uppercase;
									color: #bc1111;
									letter-spacing: .2em;
									font-family: OrbitronBlack, sans-serif;
									text-shadow: #555555 2px 2px 3px;
									}
									
h2								{
									font-family: LeagueGothic, sans-serif;
									}

em								{
									font-weight: 700;
									text-transform: italics;
									color: #c4c617;
									text-shadow: black 1px 1px 3px;
									}
																		
em:hover					{
				 					color: #bc1111;
  								 -webkit-transition: all .5s ease-in-out;
									 transition: all .5s ease-in-out;
									}
									
strong						{
									font-weight: 600;
									color: #999999;
									text-shadow: #000000 1px 1px 1px;
									}
strong:hover			{
									text-shadow: #000000 1px 1px 1px;
									} 									
	
#topContainer {
							position: relative;
							width: 100%;
							}

.standout {
					margin-top: 25px;
					padding-top: 25px;
					}
							
.councilorA {
					 float: right;
					 vertical-align: middle;
					 padding-left: 5px;
					 }

.councilorB {
					 float: left;
					 vertical-align: middle;
					 padding-right: 5px;
					 }
							
.otherplaces {
				display: block;
				margin: 0 auto;
				width: 660px;
				text-align: center;
				}
				
.footer {
				display: block;
				margin: 0 auto;
				color: white;
				text-shadow: #000000 1px 1px 1px;
				width: 660px;
				text-align: center;
				font-family: OrbitronMedium;
				font-size: 14px;
				font-weight: bold;
				padding-top: 15px;
				letter-spacing: .2em;
				}
						
				
.pageSet {
				 display: block;
				 width: 660px;
				 min-width: 660px;
				 border: 0px;
				 margin: 0 auto;
				 padding-top: 10px;
				 }
				 
.leftCol {
				 display: block;
				 float: left;
				 background-color: white;
				 width: 240px;
				 min-width: 240px;
				 padding-right: 20px;
				}
				
.rightCol {
					display: block;
					float: left;
					background-color: white;
					width: 390px;
					min-width: 390px;
					padding: 5px;
					}
					
.clear {
			 clear: both;
			 }
			 
.mainlogo					{
									position: relative;
									top: 0px;
									left: 0px;
									border: 0px;
									-webkit-transition: all 1s ease-in-out;
									transition: all 1s ease-in-out;
									}
									
.mainlogo:hover	{
					 				-webkit-transform: scale(1.05);
									transform: scale(1.05);
									}
									
.navbutton				{
 									color: black;
									display: block;
									clear: right;
									width: 70%;
									text-align: left;
									border-left: 20px solid black;
									border-right: 20px solid white;
									margin: 0 auto;
									padding-top: 8px;
									padding-bottom: 8px;
									padding-left: 10px;
									font-weight: bold;
									font-family: OrbitronBold, sans-serif;
									font-size: 18px;
									text-transform: uppercase;
									}
									
.currentnav				{
									color: black;
									display: block;
									clear: right;
									width: 70%;
									text-align: left;
									border-left: 20px solid black;
									border-right: 20px solid white;
									margin: 0 auto;
									padding-top: 8px;
									padding-bottom: 8px;
									padding-left: 10px;
									background-color: #bc1111;
									font-weight: bold;
									text-shadow: white 1px 1px 1px;
									font-family: OrbitronBold, sans-serif;
									font-size: 18px;
									text-transform: uppercase;
									}
									
.navbar						{
									padding-top: 30px;
									}
									
.DonorBox					{
									width: 100%;
									margin: 0 auto;
									position: relative;
									left: 30px;
									top: 20px;
									-webkit-transition: all 1s ease-in-out;
									-moz-transition: all 1s ease-in-out;
									}
									
.DonorBox:hover					{
									-webkit-transform: scale(1.1);
									-moz-transform: scale(1.1);
									}