<style type="text/css">

html {
text-align: center;
}

body {
text-align: center;
}

a:link { COLOR: #ffffff; FONT-FAMILY: arial black; TEXT-DECORATION: none; background-color: none;}
a:visited { COLOR: #ffffff; FONT-FAMILY: arial black; TEXT-DECORATION: none; background-color: none;}
a:active { COLOR: #000000; FONT-FAMILY: arial black; TEXT-DECORATION: none; background-color: none;}
a:hover { COLOR: #000000; FONT-FAMILY: arial black; text-decoration: none; background-color: none;}

a.nav:link { COLOR: #ffffff; FONT-FAMILY: arial black; TEXT-DECORATION: none; background-color: black;}
a.nav:visited { COLOR: #ffffff; FONT-FAMILY: arial black; TEXT-DECORATION: none; background-color: black;}
a.nav:active { COLOR: #000000; FONT-FAMILY: arial black; TEXT-DECORATION: none; background-color: yellow;}
a.nav:hover { COLOR: #000000; FONT-FAMILY: arial black; text-decoration: none; background-color: yellow;}
	
	
h2 {font-family: "Arial Black"; color: yellow; background-color: black;}
h4 {font-family: "Arial Black"; color: yellow; background-color: black;}

p {
margin: .4em 0;
}

.smallWidth {
width: 200px;
}

#container {
position: relative;
width: 700px;
margin: 0 auto;
text-align: left;
}

.frame {
position: absolute;
z-index: 1;
}

.random {
position:absolute;
z-index: 2;
top:44px;
left:18px;
}

#navi {
position:absolute;
z-index:3;
top:24px;
left:392px;
font-size: 10pt;
}

.copyright {
font-family: helvetica, arial, sans-serif;
font-size: 7pt;
text-align: left;
}

.page_name_folio {
position:absolute;
top:301px;
left:18px;
z-index: 3;
}

.page_name_news {
position:absolute;
z-index: 3;
top:265px;
left:33px;
}

.page_name_music {
position:absolute;
z-index: 3;
top:238px;
left:18px;
}

.page_name_skate {
position:absolute;
z-index: 3;
top:257px;
left:18px;
}

.page_name_faces {
position:absolute;
z-index: 3;
top:255px;
left:18px;
}

.page_name_mixed {
position:absolute;
z-index: 3;
top:236px;
left:18px;
}

.page_name_union {
position:absolute;
z-index: 3;
top:255px;
left:18px;
}

.page_name_profile {
position:absolute;
z-index: 3;
top:182px;
left:18px;
}

.page_name_contact {
position:absolute;
z-index: 3;
top:177px;
left:18px;
}

.profile_pic {
position:absolute;
top:130px;
left:345px;
z-index: 4;
}

#links {
position:absolute;
width: 80px;
top:64px;
left:18px;
z-index:4;
line-height: 1.7;
font-size: 10pt;
}

.text {
position:absolute;
top:45px;
left:105px;
width:510px;
height:300px;
font-family:arial black;
font-size:8pt;
z-index:4;
}

#gallery {
  margin:4em auto;
  padding:0;
  border:0px dashed #CCC;
  width:450px;
  list-style:none;
  overflow:hidden;
  position: absolute;
  top:15px;
  left:145px;
  z-index: 2;
}

#gallery li {
  float:left;
  padding:.4em 0 .4em 1em;
}

#gallery li a img {
  border:1px solid #222;
  padding:0;
  opacity:.80;
}

#gallery li a img:hover {
  border-color:#CCC;
  opacity:1;
}
</style>
