﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: .75em;
    font-family: Franklin Gothic Medium, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}
a img
{
    border:none;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
    font-size:10pt;
    color: #1d3c50;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 2.1em;
    color: #1d3c50;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    background-image:url(../Images/Layout/SmallBrick.png);
    font-size: 32pt;
    height:143px;
    background-repeat:no-repeat;
    padding-left:250px;
    padding-top:33px;
    font-weight:normal;
    margin-bottom:-50px;
}
h2
{
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}



/* GENERAL LAYOUT   
----------------------------------------------------------*/

body
{
    background-image:url(../Images/Layout/WindowBackground.jpg);
    background-position:center top;
}

#Page
{
    width:900px;
    margin:0;
    margin-left:auto;
    margin-right:auto;
    padding:0;
}

#Page .QuickInfo
{
    text-align:right;
    font-size:7pt;
    color:#116;
    margin-top:3px;
    margin-right:10px;
}

#Page .QuickInfo a
{
    color:#116;
}


#AppLinks
{
    margin-top:90px;
    margin-right:10px;
    text-align:right;
}
#AppLinks a
{
    text-decoration:none;
    color:#1d3c50;
    font-size:12pt;
    font-weight:bold;
    padding:14px;
}
#AppLinks a:hover
{
    text-decoration:underline;
}


#PageFooter
{
    margin-top:1px;
    width:900px;
    background-image:url(../Images/Layout/FooterBackground.gif);
    background-repeat:repeat-x;
    background-color:#333;
    padding-top:12px;
}

#PageFooter #LargeButtons
{
    text-align:center;
}

#PageFooter #LargeButtons a
{
    margin:0;
    padding:0;
    border:0;
}

#PageFooter table.Information
{
    color:#ccc;
    margin:20px;
    margin-top:0;
    font-size:11pt;
    width:480px;
}
#PageFooter table.Information a
{
    color:#ccc;
}

#PageFooter table.Information td
{
    vertical-align:top;
}
#PageFooter table.Information td.spacer
{
    width:40px;
    text-align:center;
}
#PageFooter table.Information td.spacer .line
{
    width:2px;
    height:126px;
    background-image:url(../Images/Layout/InfoSpacer.gif);
}

#PageFooter #Brick
{
    width:561px;
    height:335px;
    background-image:url(../Images/Layout/Brick.png);
    position:relative;
    float:right;
    left:82px;
    top:-205px;
}





/**************************************
 ** Normal
 **************************************/
 
#ContentPageHeading
{
    background-image:url(../Images/Layout/ContentPageBackground.jpg);
    width:900px;
    height:133px;
    margin:0;
    padding:0;
}

#PageContent
{
    background-color:White;
    padding:20px;
}



/**************************************
 ** Brick Previews
 **************************************/

  div.BrickThumb
  {
      background-image:url(../Images/Layout/ThumbFrame_off.gif);
      width:154px;
      height:110px;
      cursor:pointer;
      float:left;
      margin:9px;
  }

  div.BrickThumb:hover
  {
      background-image:url(../Images/Layout/ThumbFrame_on.gif);
  }
  
  div.BrickThumb div.Image
  {
      margin-top:13px;
      margin-left:13px;
  }
  
  div.BrickThumb div.Title
  {
      text-align:center;
      margin-top:6px;
  }
  
  table#PreviewTable td
  {
      vertical-align:top;
  }
  
  .SidePreview
  {
      cursor:pointer;
      margin:4px;
      margin-top:0;
      border:solid 1px #000;
  }
  
  .SidePreview:hover
  {
      border-color:#fc0;
  }
  
  #LargePreview
  {
      border:solid 1px #000;
  }
  