/* CSS Document */

@font-face {
    font-family: NeoRetroFill;
    src: url(top/nrf.ttf);
}

body
{
background-color: #004A80;
text-align: center;
overflow: hidden;
font-family: Helvetica Neue, Helvetica, sans-serif;
}

#bgimg { z-index: -1; position: absolute; margin-left: auto; margin-right: auto; top: 0px; left: 0px; }


#gradbox { width: 100%; text-align: left; /*background-image: url('border/top.jpg'); background-repeat: repeat-x;*/ }

#gradbox2 { width: 100%; text-align: left; height: 64px; /*background-color: #004A80; clear: both; background-image: url('border/bottom.jpg'); background-repeat: repeat-x;*/ }

#shadowbox { 
position: relative;
top: -141px;
left: 31px;
width: 750px;
background-color: #FFFFFF;
height: 34px; 
background-color: #FFFFFF; 
background-image: url('border/shadow2.jpg'); 
background-repeat: no-repeat;
z-index: 1;
}

#topleft { /*background-image: url('border/tl_corn.jpg');*/ width: 34px; height: 34px; float: left; z-index: 4; clear: both; }

#top {  width: 730px; height: 34px; z-index: 3; margin-left: auto; margin-right: auto; }

#topright { /*background-image: url('border/tr_corn.jpg');*/ width: 34px; height: 34px; float: right; z-index: 4; }

#botleft { /*background-image: url('border/bl_corn.jpg');*/ width: 34px; height: 34px; float: left; z-index: 4; }

#bottom { z-index: 3; width: 730px; height: 34px;}

#botright { /*background-image: url('border/br_corn.jpg');*/ width: 34px; height: 34px; float: right; z-index: 4; }

a:link.nav
{
color: #FFFFFF;
padding: 4px;
text-decoration: none;
}
a:visited.nav
{
color: #FFFFFF;
padding: 4px;
text-decoration: none;
}
a:active.nav
{
color: #990000;
padding: 4px;
text-decoration: none;
}
a:hover.nav
{
background-color: #004A80;
padding: 4px;
color: #FFFFFF;
text-decoration: none;
}

#mainbox
{
margin-left: auto;
margin-right: auto;
/*background-color: #004A80;
background-image: url('border/bg3.jpg');
background-repeat: repeat-y;*/
text-align: center;
margin-top: 150px;
z-index: 2;
}

#topbox
{
/*margin-left: 31px;
margin-right: 33px;
background-color: #333333;
background-image: url('top/1.jpg');
background-repeat: no-repeat;*/
font-family: Verdana, Arial, sans-serif;
font-size: 9px;
color: white;
/*text-transform: lowercase;*/
text-align: center;
z-index: 3;
}

#banner
{
/*position: absolute;
left: 0px;
top: 0px;*/
/*margin-top: 100px;
margin-left: 35px;*/
z-index: 4;
font-family: NeoRetroFill, Helvetica Neue, sans-serif;
font-size: 60pt;
width: 100%;
text-shadow: 5px 5px 2px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.firstletter
{
	font-size: 70pt;
}

#di1
{
float: right;
margin-top: 15px;
margin-right: 10px;
z-index: 4;
/*border: 5px solid #000000*/;
}

#di2
{
float: right;
margin-top: 15px;
margin-right: 10px;
z-index: 4;
clear: right;
/*border: 5px solid #000000*/;
}

#navbox
{
/*margin-left: 30px;*/
margin-top: 50px;
/*margin-bottom: 15px;*/
/*width: 700px;
padding-top: 5px;
padding-bottom: 5px;*/
text-align: center;
font-family: NeoRetroFill, Helvetica Neue, sans-serif;
font-size: 24px;
/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
letter-spacing: 2px;
text-transform: uppercase;
z-index: 4;
/*background-image: url('top/semitrans.png');*/
clear: both;
}

#bodybox
{
position: relative;
top: -110px;
left: 31px;
background-color: white;
padding-top: 10px;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
width: 750px;
}

#email
{
text-align: right;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: white;
}

.footer { clear: both; height: 15px; }

#validated { width: 100%; position: absolute; right: 0px; bottom: 0px; text-align: right; }
.validatedimg { margin: 5px; border: 0px solid #000000; }

#home_caption
{
position: absolute;
left: 5px;
bottom: 5px;
padding: 0px;
padding-left: 3px;
padding-right: 6px;
text-align: left;
font-family: Helvetica Neue, Arial, sans-serif;
font-size: 12px;
z-index: 4;
background-image: url('top/semitrans.png');
background-color: black;
color: white;
}

#aboutbox
{
	margin-left: 8%;
	margin-right: 8%;
	padding: 20px;
	/*background-image: url('top/semitrans.png');*/
	background-color: rgba(0, 74, 128, 0.7);
	overflow: auto;
	text-align: left;
	color: #FFFFFF;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 9pt;
	letter-spacing: 1px;
	line-height: 200%;
}

#aboutbox a:link
{
	color: #ADFF2F;
	text-decoration: none;
}

#aboutbox a:hover
{
	color: #1E90FF;
	text-decoration: none;
	border-bottom: 1px dotted #1E90FF;
}

#aboutbox a:visited
{
	color: #ADFF2F;
	text-decoration: none;
}

#aboutbox a:visited:hover
{
	color: #1E90FF;
	text-decoration: none;
	border-bottom: 1px dotted #1E90FF;
}
	
#bannerbox
{
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
}

#bannersm
{
margin-top: 10px;
z-index: 4;
font-family: NeoRetroFill, Helvetica Neue, Arial, sans-serif;
font-size: 32pt;
color: #FFFFFF;
text-shadow: 3px 3px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

#navboxsm
{
margin-left: 20%;
margin-right: 20%;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
font-family: NeoRetroFill, Helvetica Neue, Arial, sans-serif;
font-size: 12pt;
letter-spacing: 1px;
text-transform: uppercase;
z-index: 4;
color: #FFFFFF;
text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}

#headertext
{
	font-size: 24pt;
	font-weight: bold;
	margin-bottom: 7px;
	font-family: NeoRetroFill, Helvetica Neue, sans-serif;
}

#photosbox
{
	margin-left: 0%;
	margin-right: 0%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10px;
	padding-bottom: 30px;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: left;
	color: #FFFFFF;
	font-family: Calibri, Helvetica Neue, Arial, sans-serif;
	font-size: 10pt;
}

.tagtext
{
	vertical-align: 2px; padding-right: 5px; padding-left: 2px;
}

a:link.taglink
{
	color: #CCCCCC;
	text-decoration: none;
}

a:hover.taglink
{
	color: #1E90FF;
	text-decoration: none;
}

a:visited.taglink
{
	color: #CCCCCC;
	text-decoration: none;
}

a:visited:hover.taglink
{
	color: #1E90FF;
	text-decoration: none;
}