body {

background-color: #ffffff;
text-align: center;

} 




p {

font-family: arial, verdana, sans-serif;
font-size: 1em;
text-align: left;
color: #000000;

}


a:hover {color:#6079be;
text-decoration: none;
}
a:link {color:#20253b;
text-decoration: none;
}
a:visited {color:#20253b;
text-decoration: none;
}



.class1 A:link {text-decoration: none; color:#20253b;}
.class1 A:visited {text-decoration: none; color:#20253b;}
.class1 A:active {text-decoration: none; color:#20253b;}
.class1 A:hover {color:#6079be;}

.class2 A:link {text-decoration: none; color:#ffffff;}
.class2 A:visited {text-decoration: none; color:#ffffff;}
.class2 A:active {text-decoration: none; color:#ffffff;}
.class2 A:hover {color:#6079be;}


.class3 A:link {text-decoration: none; color:#ffffff;}
.class3 A:visited {text-decoration: none; color:#ffffff;}
.class3 A:active {text-decoration: none; color:#ffffff;}
.class3 A:hover {color:#ffffff;}


h3 a:link {
color: #000000;
text-decoration: none;

}
h3 a:visited {
	color: #000000;
text-decoration:none;

}
h3 a:hover {
	color: #4a4d44;
	font-style: italic;
font-weight:bold;
}

.clear {
clear:both
}

img.floatLeft { 
    float: left; 
    margin: 10px 10px 10px 10px;
   
}

img.floatRight { 
    float: right; 
    margin: 10px 10px 10px 10px;
}


#box {
Position: relative;
width:980px;
margin: 0 auto;
float: center;
text-align: center;
}

#logo {
background: transparent url(header2NFC.jpg)
no-repeat scroll 0% 0%;
width:800px;
height: 300px;
position:relative;
top: 10px;
left: 20px;
text-indent: -3333px;
border= 0;
margin= 0;
}

#logo2 {
float: center;
position: relative;
top: 10px;
text-align: center;
font-family: arial, verdana, sans-serif;
background-color: #ffffff;
width: 800px;
z-index: 5;
margin: 0 auto 0 auto;
}

#layer1 {
float: center;
position: relative;
top: 10px;
text-align: center;
font-family: arial, verdana, sans-serif;
background-color: #20253b;
width: 900px;
min-height: 1100px;
height: 1100px;
z-index: 5;
margin: 0 auto 0 auto;
}

#layer1a {
float: center;
position: relative;
top: 10px;
text-align: center;
font-family: arial, verdana, sans-serif;
background-color: #20253b;
width: 900px;
min-height: 3000px;
height: 3000px;
z-index: 5;
margin: 0 auto 0 auto;
}




#layer2 {
float: center;
position: relative;
top: 50px;
text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
background-color: #ffffff;
width: 870px;
min-height: 650px;
height: 650px;
z-index: 3;
margin: 0 auto 0 auto;
}

#layer2a {
float: center;
position: relative;
top: 50px;
text-align: center;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
background-color: #ffffff;
width: 870px;
min-height: 2500px;
height: 2500px;
z-index: 3;
margin: 0 auto 0 auto;
}


#layer3 {
float: center;
position: relative;
top: 10px;
text-align: center;
font-family: arial, verdana, sans-serif;
color: #20253b;
background-color: #82a9d4;
width: 850px;
z-index: 5;
margin: 0 auto 0 auto;
}
afc3e6



#bottom {
float: center;
position: relative;
top: 200px;
text-align: left;
font-family: arial, verdana, sans-serif;
font-size: .7em;
color: #ffffff;
width: 870px;
z-index: 3;
margin: 0 auto 0 auto;
}

#pic {
float: center;
position: relative;
top: 30px;
text-align: center;
font-family: arial, verdana, sans-serif;
background-color: #20253b;
width: 900px;
z-index: 5;
margin: 0 auto 0 auto;
}

#berk {
position: relative;
left: 20px;
float: left;
text align: left;
font-family: arial, verdana, sans-serif;
font-size: 1em;
width: 150px;
z-index: 2;
}

#gimme {
position: relative;
left: 170px;
float: left;
text align: left;
font-family: arial, verdana, sans-serif;
font-size: 1em;
width: 150px;
z-index: 2;
}


#pf {
position: relative;
left: 320px;
float: left;
text align: left;
font-family: arial, verdana, sans-serif;
font-size: 1em;
width: 150px;
z-index: 2;
}

#leftcolumn {
float: left;
position: absolute;
top: 20px;
left: 20px;
text-align: left;
font-family: arial, verdana, sans-serif;
width: 300px;
z-index:1;
}

#rightcolumn {
float: left;
position: absolute;
top: 20px;
left: 430px;
text-align: left;
font-family: arial, verdana, sans-serif;
width: 400px;
z-index:1;
}

#rightcolumn2 {
float: left;
position: absolute;
top: 20px;
left: 360px;
text-align: left;
font-family: arial, verdana, sans-serif;
width: 500px;
z-index:1;
}

#leftcolumn3 {
float: left;
position: absolute;
top: 80px;
left: 20px;
text-align: left;
font-family: arial, verdana, sans-serif;
width: 300px;
z-index:1;
}

#rightcolumn3 {
float: left;
position: absolute;
top: 80px;
left: 430px;
text-align: left;
font-family: arial, verdana, sans-serif;
width: 400px;
z-index:1;
}



#lineup {
position: relative;
left: 5px;
float: left;
text-align: left;
font-family: arial, verdana, sans-serif;

width: 500px;
z-index: 2;
}

.t {border-right: 0px;}

div.float {
  float: center;
  }

#matt {
position: relative;
width: 900px;
float: center;
text-align: center;
top: 0px;
}

.mattblacktabs{
width: 861px;
overflow: hidden;
border-bottom: 2px solid black; /*bottom horizontal line that runs beneath tabs*/
border-top: 1px solid #6079be;
position: absolute;
left: 20px;
top: 280;
z-index:4;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 17px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #20253b; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #6079be; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}




.mattblacktabs2{
width: 900px;
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/
position: absolute;
left: 0px;
top: 5;
z-index:4;
}

.mattblacktabs2 ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs2 li{
display: inline;
margin: 0;
}

.mattblacktabs2 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 5px 19px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #20253b; /*background of tabs (default state)*/
}

.mattblacktabs2 li a:visited{
color: white;
}

.mattblacktabs2 li a:hover, .mattblacktabs li.selected a{
background: #6079be; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
