html,body,#pageContainer 
{
   min-height: 100%;
   width: 100%;
   height: 100%;
   font-family:  helvetica, arial, verdana, tahoma, sans-serif;
   color:#fff;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */
html>body,html>body #pageContainer 
{
   height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */
body 
{
   margin: 0;
   padding: 0px;
   font-family: "Calligraph421 BT";
   background:#000;

}

h1
{
   font-size:18px;
   font-weight:bold;
   letter-spacing:2px;
}

#pageContainer 
{
   position: absolute;
   top: 0;
   left: 0;
}

#header
{
   border:solid 0px red;
   text-align:left;
   color:#fff;
   background:#F2EC50;
   text-align:center;
   height:95px;
   padding:0px;
   margin-bottom:-3px;
}

html>body #header
{
   border:solid 0px red;
   text-align:left;
   color:#fff;
   background:#F2EC50;
   text-align:center;
   height:103px;
   padding:0px;
}

#header #headerTextContainer
{
   padding:0px 0px 0px 0px;
   border:solid 0px red;
   margin:0px
}

#header #headerTextContainer img
{
   padding:0px;
   margin:0px;
   border:solid 0px red;

}

#menuContainer 
{
   background:#fff;
   float: left;
   width: 100%;
   height:24px;
   border-top:solid 1px #000;
}

html>body #menuContainer 
{
   background:#fff;
   float: left;
   width: 100%;
   height:21px;
   border-top:solid 1px #000;
}

#menu 
{
   width: 100%;
   margin: 0;
   font-size: 12px;
   white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
   padding-right: 2px;  /* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu 
{ 
   padding-right: 0; /* See above comment. This re-adjusts IE to the above padding */
   width:100%;
} 

#menu ul 
{
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   border-left: 0px solid #FFF;
   border-right: 0px solid #000;
   width: 100%;
}

#menu li 
{ 
   display: inline; 
}

#menu li#email
{ 
   display: inline; 
   float:right;
   border-right:solid 0px red;

}

#menu li#email img
{ 

   border:0px;

}


#menu a:link, #menu a:visited 
{
   padding: 3px 10px 3px 10px;
   background: transparent;
   color: #000;
   text-decoration: none;
   float: left;
   border-right: 0px solid #FFF;
}

#menu a#active
{
   background: #000;
   color:#fff;
}

#menu a:hover 
{
   background: #F2EC50;
   color:#000;
}

#contentContainer
{
   padding:10px;
   background:#000;   
   border:solid 0px red;
   clear:both;
   text-align:center;
   letter-spacing:1px;
   padding:50px 100px 100px 100px;
}

#contentContainer #justifiedText
{
  
   border:solid 1px #fff;
   text-align:left;
   padding:15px;
   margin-bottom:50px;
}

#contentContainer #justifiedText legend
{
   color:#fff;
   font-weight:bold;
   font-size:20px;
}

#contentContainer #justifiedText #yingYangHolder
{
   text-align:center;
}

#contentContainer #justifiedText #gallery
{
   padding:20px;
   text-align:left;
   border:solid 0px red;
}

#contentContainer #introHeader
{
   font-weight:bold;
   font-size:20px;
}

#contentContainer p#text
{
   font-size:14px;
   line-height:25px;
   letter-spacing:1px;
   text-align:justify;
}

#contentContainer p#footnote
{
   font-size:9px;
   line-height:20px;
   letter-spacing:1px;
   border-bottom:solid 1px #fff;
   border-top:solid 1px #fff;

}

html>body #contentContainer
{
   margin-top:25px;
}


div#content ul li 
{
  list-style-image: url(images/bullet.gif);
  text-indent:0px;
  line-height:25px;
}

div#contentRight ul li 
{
  list-style-image: url(images/bullet.gif);
  text-indent:0px;
  line-height:25px;
}

div#contentRight
{
   border:solid 1px #b3b3b3;
   background:#e3e3e3;
   padding:10px;
   width:200px;
   float:right;
}

#footer 
{
   background: url(images/footer.gif) repeat-x;
   left: 0px;
   width: 100%;
   bottom: 0px;
   position: absolute;
   text-align:center;
   border:solid 0px red;

}

#footer #bulletproof
{
   border:solid 0px red;
   text-align:left;
   width:135px;
   margin-left:auto;
   margin-right:auto;
   padding:30px 0 10px 0;
}

#footer #bulletproof #sponsor, #text
{
   color:#fff;
   font-family:arial;
}

#footer #bulletproof #sponsor
{
   font-size:12px;
   color:#666;
}

a.bulletproof:link, a.bulletproof:active, a.bulletproof:visited, a.bulletproof:hover
{
   font-family:arial;
   font-size:22px;
   color:#666;
   text-decoration:none;
}


#contentPane 
{
   height: auto;
   padding:10px;
   min-height:100%;
}

a:link, a:visited, a:active
{
   color:#369;
   text-decoration:none;
}

a:hover
{
   text-decoration:underline;
}

div.float 
{
   float: left;
   border:dotted 1px #A8A5A5;
   padding:10px;
   margin:10px;
}

div.float img 
{
   border:solid 0px #fff
}

div.float span 
{
      text-align: center;
      font-size:10px;
}

#nav
{
   padding:5px 20px 5px 0;
   text-align:center;
   float:right;
}

#nav a#arrow:link, a#arrow:active, a#arrow:visited, a#arrow:hover
{
   font-size:56px;   
   cursor:pointer;
   cursor:hand;
   font-weight:bold;
}

#nav a#list:link, a#list:active, a#list:visited, a#list:hover
{
   font-size:16px;   
   cursor:pointer;
   cursor:hand;
   font-weight:bold;
   padding:0px 20px 0px 20px;
}

a:link, a:hover, a:visited, a:active
{
   color:#fff;
   text-decoration:none;
}

a:hover
{
   text-decoration:underline;
}

table#classes 
{
   width:100%;
   border:solid 0px #fff;
   margin:10px 0px 10px 0px;
}

table#classes td, td#class, td#classFilled
{
   border:solid 1px #fff;
   padding:5px;
   vertical-align:top;
}

table#classes td#class, td#classFilled
{
   border:solid 1px #fff;
   background:#e3e3e3;
   color:#666;
   font-weight:bold;
}

table#classes td#classFilled
{

   background:#F2EC50;
}