BODY
{
  PADDING: 0;
  BACKGROUND-COLOR: #D8D3DC;
  BACKGROUND-IMAGE: url(/cwimages/background.jpg);
  BACKGROUND-REPEAT: repeat-x;
  FONT-FAMILY: 'Trebuchet MS', 'Lucida Grand', Arial, Helvetica, sans-serif;
}

IMG
{
  BORDER: 0;
}

#main { 
  WIDTH: 800px;
  MARGIN: 5px auto;
}

#header
{ 
  BACKGROUND-IMAGE: url(/cwimages/headerBackground.png);
  BACKGROUND-REPEAT: no-repeat;
}

#header A,
#header A:hover,
#header A:link,
#header A:visited
{
  TEXT-DECORATION: none;
}

#headerTop
{
  HEIGHT: 77px;
}

#phanfareLogoLink
{
  MARGIN: 0px;
  PADDING: 0px;
}

#phanfareLogoLink IMG
{
  MARGIN: 15px 10px 0px 15px; 
  PADDING: 0px;
}

#loginLink
{
  FLOAT: right;
  MARGIN: 10px;
}

#headerGreyBar
{
  HEIGHT: 8px;
  BORDER-LEFT: 1px solid #B3B5B8;
  BORDER-RIGHT: 1px solid #B3B5B8;
  CLEAR: both;
  BACKGROUND-COLOR: #cccccc;
}

#headerNav
{ 
  BORDER-LEFT: 1px solid #B3B5B8;
  BORDER-RIGHT: 1px solid #B3B5B8;
  CLEAR: both;
  BACKGROUND-COLOR: #cccccc;
}

#headerNav TABLE
{
  BORDER: none;
  WIDTH: 100%;
}

#headerNav TD {
  TEXT-ALIGN: center;
  VERTICAL-ALIGN: middle;
  FONT-FAMILY: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold; 
  PADDING: 0 20px;
}

#headerNav TD.selected
{
  COLOR: white;
}

#headerNav A {
  COLOR: #555555;
  TEXT-DECORATION: none;
}

#headerNav A:hover {
  COLOR: white; 
  TEXT-DECORATION: none;
}

#headerNav A:active {
  COLOR: #000000;
  TEXT-DECORATION: none;
}

#footerWrapper {
  TEXT-ALIGN: left;
}

#footer
{
  MARGIN-TOP: -1px;
  PADDING-BOTTOM: 10px;
  /* Replace with PNG once we have a better rendering */
  BACKGROUND-IMAGE: url(/cwimages/footerBackground.gif);
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: bottom left;
  CLEAR: both;
}

#footerContent
{
  BORDER-LEFT: 1px solid #B3B5B8;
  BORDER-RIGHT: 1px solid #B3B5B8;
  BACKGROUND-COLOR: white; 
  PADDING: 0px 5px 0px 5px;
}

#footerNav
{
  COLOR: #5a5a5a;
}

#footerNav TABLE
{
  MARGIN: 0 auto;
  BORDER-COLLAPSE: collapse;
  BORDER: none;
}

#footerNav TD {
  COLOR: #5a5a5a;
  TEXT-ALIGN: center;
  VERTICAL-ALIGN: middle;
  FONT-FAMILY: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
}

#footerNav TD.link 
{
  PADDING: 0 12px;
}

#footerNav TD.firstLink 
{
  PADDING: 0 12px 0 0;
}

#footerNav TD.lastLink 
{
  PADDING: 0 0 0 12px;
}

#footerNav A {
  COLOR: #5a5a5a;
  TEXT-DECORATION: none;
}

#footerNav A:hover {
  COLOR: #000000; 
  TEXT-DECORATION: underline;
}

#footerNav A:active {
  COLOR: #000000;
  TEXT-DECORATION: none;
}

#footerRule
{
  LINE-HEIGHT: 1px;
  FONT-SIZE: 1px;
  HEIGHT: 1px;
  MARGIN: 0px auto 5px auto;
  WIDTH: 98%;
  BORDER-TOP: solid 1px #B3B5B8;
}

#contentWrapper
{
  MARGIN-TOP: -1px;
}

#content
{
  /* 
     This in conjunction with the content wrapper prevents 
     CSS automatic margin collapsing. We do this for both the header
     and the footer (on either side of the content)
     See: http://www.collylogic.com/?/comments/prevent_dynamic_collapsing_margins/
  */
  PADDING-TOP: 1px;
  PADDING-BOTTOM: 1px;
  BACKGROUND-COLOR: white;
  BORDER-LEFT: solid 1px #B3B5B8;
  BORDER-RIGHT: solid 1px #B3B5B8;
}

#copyright
{
  MARGIN-LEFT: 10px;
  FONT-SIZE: 10px;
  COLOR: #999999
}