@charset "utf-8";
/* CSS Document */

* {
 margin: 0;
 padding: 0;
}
html, body {
 width: 100%;
}

/* background styles */

.page {
   position:relative;
   z-index:0;
   margin: 10px 0;
   width: 777px;
   padding: 0 25px 0 25px; }
.page .page-content{
   background: #fff;
   position:relative;
   z-index:2;
   font-family: Calibri, "Arial Narrow";
   font-size: medium;
   color: #000;
   line-height: 22px; }
/* x1 = top and left edges; 
   x1a = top right corner; 
   x2 = right and bottom edges; 
   x2a = bottom left corner */
.page .x1,
.page .x1a,
.page .x2,
.page .x2a {
   display:block;
   background: url(../img/page-bg.jpg) top center no-repeat;
   /* turn off for IE6 or use a GIF */
   _background:transparent; 
   width:100%;
   height:100%;
   position:absolute; }
.page .x1{
   background-position:0 0;
   z-index:-2;
   top:-10px; /* set to the size of the glow */
   left:14px;
   bottom:0;
   /* set glow to the edges of 'mod' */
   padding:0 10px 10px 0; }
.page .x1 .x1a {
   height:10px;
   width:10px;
   background-position:100% 0;
   right:10px;
   top:0; }
.page .x2 {
   background-position:100% 100%;
   z-index:-1;
   bottom:-10px;
   right:-14px;
   padding:10px 0 0 10px; }
.page .x2 .x2a {
   height:10px;
   width:10px;
   background-position:0 100%;
   left: 10px;
   bottom:0; }

/* home styles */

#bgContainer {
 margin: 0 auto;
 width: 100%;
 background-color: #663366;
}
#container {
 margin: 0 auto;
 width: 875px;
 background: url(../img/bg.jpg) top repeat;
}
.homeBox {
 width: 855px;
 padding: 5px 10px 0 10px;
}
#head {
 width: 835px;
 height: 113px;
 margin: 10px 10px 0 10px;
 background: url(../img/head.jpg) center no-repeat;
}
.slogan {
 width: 465px;
 height: 83px;
 float: left;
 padding: 15px;
 font-family: Arial, Helvetica, sans-serif;
}
.logo {
 width: 285px;
 height: 83px;
 float: right;
 background: transparent;
 padding: 15px;
 font-family: Arial, Helvetica, sans-serif;
}
.logoBoxslogan {
 width: 200px;
 height: 87px;
 float: left;
 padding: 3px 0 0 0;
}
.logoBox {
 width: 49px;
 height: 87px;
 float: right;
 padding: 3px 0 0 0;
}
#navImage {
 width: 835px; 
 height: 420px;
 margin: 0 0 0 10px;
 background: url(../img/fcg2.png) center no-repeat;
}
.silhouette {
 width: 197px;
 height: 414px;
 float: left;
 margin: 2px 5px 0 2px;
 padding: 0 0 0 5px;
}
.navBar {
 width: 600px;
 height: 40px;
 float: left;
}
.headImg {
 width: 608px;
 height: 230px;
 float: left;
 margin: 4px 0 0 2px;
 padding: 0 0 0 12px;
}
.headInfo {
 width: 608px;
 height: 100px;
 float: left;
 margin: 32px 0 0 2px;
 padding: 0 0 0 12px;
 font-family: Calibri, "Arial Narrow";
 font-size: 24px;
 color: #000;
 line-height: 22px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* navigation */

.menu {
 font-family: Calibri, "Arial Narrow";
 font-size: 12px;
 width: 603px;
 height: 30px;
 background: transparent;
 position:relative; 
 margin: 10px 0 0 12px;
 z-index: 600;
}
.menu ul {
 padding:0; 
 margin:0;
 list-style-type: none;
}
.menu ul li {
 float:left;
 position:relative;
}
.menu ul li a, .menu ul li a:visited {
 display:block; 
 text-decoration:none; 
 color:#000; 
 width:98px; 
 height:1.5em;
 color:#888; 
 border-bottom:6px solid #888;
 background: transparent; 
 line-height:1.5em;
 margin-right:2px;
}
* html .menu ul li a, .menu ul li a:visited {
 width:98px;
}
.menu ul li ul {
 display: none;
}
.menu table {
 margin:-1px; 
 border-collapse:collapse;
 font-size:1em;
}
.menu ul li:hover a,
.menu ul li a:hover {
 color:#000; 
 border-bottom:8px solid #606;
}
.menu ul li:hover ul,
.menu ul li a:hover ul {
 display:block; 
 position:absolute; 
 top:1.2em;
 margin-top:11px;
 left:0; 
 width:96px;
 border:1px solid #888;
 border-top:0;
 background:#ccc;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
 display:block; 
 color:#000; 
 border:0;
 margin:0;
 color: #333;
 font-weight:normal; 
 font-size:0.9em;
 height:auto; 
 line-height:1em; 
 padding:5px; 
 width:86px;
 text-align:center;
}
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
 background: #606; 
 color:#fff;
}
.menu ul li a:hover ul {
 opacity:0.8;
 margin-top:10px;
}
.menu ul li a:hover ul li a {
 background:#ddd;
 width:96px; 
}

/* body styles */

#main {
 width: 835px;
 margin: 3px 10px 0 10px;
 background: url(../img/main2.jpg) top center no-repeat;
}
#mainPhoto {
 width: 847px;
 margin: 3px 10px 0 10px;
 padding: 0 0 0 5px;
}
.mainBoxleft {
 width: 173px;
 height: 620px;
 position:relative;
 float: left;
 margin: 0 7px 0 0;
 padding: 5px 15px 15px 0;
}
.mainBoxleft2 {
 width: 373px;
 height: 620px;
 position:relative;
 float: left;
 margin: 0 7px 0 0;
 padding: 5px 15px 15px 0;
}
.mainBox {
 color: #000;
 font-size: small;
 font-family: Calibri, "Arial Narrow";
 line-height: 25px;
 padding-left: 10px;
 list-style-type: none;
 float: left;
}
.mainBoxright {
 width: 605px;
 position: relative;
 float: right;
 font-family: Calibri, "Arial Narrow";
 font-size: medium;
 color: #000;
 line-height: 10px;
 padding: 10px 20px 5px 0;
 z-index: 9999;
}
#bottomborder {
 width: 835px;
 height: 30px;
 margin: 0 0 0 10px;
 background:url(../img/bottomborder.jpg) center no-repeat;
}
#bottomborderAlbum {
 width: 835px;
 height: 30px;
 margin: 0 0 0 9px;
 background:url(../img/bottomborder.jpg) center no-repeat;
}
.purple {color:#609;}

#portTable {
  margin:0 auto;
  padding: 20px;
  line-height:0;
  z-index: 999; }
#portTable li, #portTable img, #portTable a {
  margin:0;
  padding:0; }
#portTable li, #portTable img {
  display:inline; }
#portTable img {
  background: #fff;
  margin: 3px; }
.box {
  width: 420px; }
.bullet {
  width: 15px;
  float: left;
  color: #609; }
.text {
  width: 180px;
  float: left;
  color: #609;
  margin: 0 0 0 5px;
  font-size: 12px;
  font-weight: bold; }
.text2 {
  width: 300px;
  float: left;
  margin: 0 0 0 10px;
  font-size: 12px;}

.text a:link { color: #609; text-decoration: none;}
.text a:visited { color: #609; text-decoration: none;}
.text a:hover { color: #000; text-decoration: underline;}
.text a:active { color: #609; text-decoration: none;}

/* footer styles */

#footer {
 width: 835px;
 height: 90px;
 margin: 10px 10px 0 10px;
}
#footer a {
 padding: 0 15px;
 text-decoration: none;
 color:#000000;
}
#footer a.static {
 text-transform: none;
}
#footer a:hover {
 color: #660066;
}
.footerBox {
 width: 815px;
 height: 60px;
 float: left;
 background: url(../img/footer.jpg) center no-repeat;
 padding: 20px 10px 10px 10px;
 font-family: Calibri, "Arial Narrow";
 text-align: center;
 font-size: small;
 color: #000;
 line-height: 10px;
}