﻿/* Common tags */
body
{
  background: #cecece url(../Images/Common/Background.gif);
  margin: 0;
  padding: 0;
}
body, td
{
  font-family: Helvetica, Arial;
  font-size: 10pt;
}

h1, h2, h3, h4, p
{
  margin: 0;
}
h1
{
  color: #cf6600;
}

a, a:visited, a:hover
{
  color: #1d476b;
}
hr
{
    color: #1E5585;  
}
a img, a:visited img, a:hover img
{
  border-width: 0;
}

input.Button
{
  background: #0f4776 url(../Images/Common/ButtonBackground.gif) no-repeat top;
  border: 0;
  color: #ffffff;
  height: 22px;
  width: 64px;
}
input.TextBox
{
  border: solid #0f4776 1px;
}
select
{
}
.Error
{
	color: #ff0000;
}
div.Indented
{
    margin-left: 45px;
}
dl
{
	margin-bottom: 0;
}

/* Common sections */
#BodyContainer
{
  background-image: url(../Images/Common/BackgroundTopFade.gif);
  background-repeat: repeat-x;
  background-position: top;      
}
#TopMenu
{
    background: #002a4e url(../Images/Common/TopMenuBackground.gif) no-repeat top;
    color: #ffffff;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-top: 4px;
    text-align: right;
    width: 926px;
}
#TopMenu .TopMenuInfo
{
  margin-right: 8px;
}
#TopMenu a, #TopMenu a:hover, #TopMenu a:visited
{
  color: #ff9300;
  margin-right: 8px;
}
#TopMenu .TopMenuInfo a, #TopMenu .TopMenuInfo a:visited, #TopMenu .TopMenuInfo a:hover
{
  color: #ffffff;
  text-decoration: none;
}
#Header
{
  background: #1d4669 url(../Images/Common/Header.gif) no-repeat top;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 958px;
}
#ClickableLogo
{
    margin-right:auto;
    position:relative;
    height: 135px;
    width: 140px;
    left:50px;
    top: 20px;
    z-index: 1;  
    cursor: pointer;  
    cursor: hand;
}
#TabStrip
{
  bottom: 20px;
  left: 245px;
  position: absolute;
}
#MainBackground
{
  background: #505050 url(../Images/Common/MainContainerBackground.gif) repeat-y top;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 948px;
}
#MainMenuBar
{
  position: absolute;
  left: 10px;
  top: -20px;
  width: 220px;
}
#MainContent
{
  margin-left: 240px;
  position: relative;
  top: -20px;
  width: 689px;
}
#MainContentHeader
{
  background: #ffffff url(../Images/Common/MainContentTop.gif) no-repeat top;
  height: 10px;
}
#MainContentBody
{
  background: #ffffff;
  position: relative;
  padding-left: 23px;
  padding-right: 23px;
  min-height: 687px; /* HACK: how to keep left menu from spilling over background? */
}
#MainContentFooter
{
  background: #ffffff url(../Images/Common/MainContentBottom.gif) no-repeat bottom;
  height: 10px;
}
#Footer
{
  background-image: url(../Images/Common/MainContainerBottom.gif);
  background-repeat: no-repeat;
  background-position: top;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-top: 18px;
  width: 943px;
}
#CopyrightText
{
}
#FooterNavigation
{
  padding-left: 15px;
}
#FooterNavigation a, #FooterNavigation a:visited, #FooterNavigation a:hover
{
  color: #1d486c;
  padding-left: 5px;
  padding-right: 5px;
}

/* Menu boxes */
.MenuBox
{
  margin-bottom: 10px;
}
.MenuBoxHeader
{
  background-image: url(../Images/MenuBoxes/MenuBoxTop.gif);
  height: 10px;
}
.MenuBoxContent
{
  background-color: #ffffff;
  padding-left: 10px;
  padding-top: 8px;
}
.MenuBoxContent h2
{
  color: #183c5a;
  font-size: 12pt;
}
.MenuBoxFooter
{
  background-image: url(../Images/MenuBoxes/MenuBoxBottom.gif);
  height: 10px;
}

#CategoryMenuBox ul
{
	margin: 0;
	padding-left: 0;
	list-style: none;
}
#CategoryMenuBox ul li
{
	margin-left: 0;
	padding-left: 0;
}
#AdvertiseMenuBox .MenuBoxContent
{
  padding-top: 15px;
  background: #ffffff url(../Images/MenuBoxes/AdvertiseMenuBoxBackground.gif) no-repeat right bottom;
  padding-right: 105px;
}
#AdvertiseMenuBox .MenuBoxContent a, #AdvertiseMenuBox .MenuBoxContent a:visited, #AdvertiseMenuBox .MenuBoxContent a:hover
{
  color: #bc6610;
}
#HelpMenuBox .MenuBoxContent
{
  background: #ffffff url(../Images/MenuBoxes/HelpMenuBoxBackground.gif) no-repeat right bottom;
  height: 90px;
  padding-right: 75px;
}
#HelpMenuBox .MenuBoxContent a, #HelpMenuBox .MenuBoxContent a:visited, #HelpMenuBox .MenuBoxContent a:hover
{
  color: #bc6610;
}
#HelpMenuBox .MenuBoxFooter
{
  background-image: url(../Images/MenuBoxes/HelpMenuBoxBottom.gif);
}
#AdvertisementMenuBox .MenuBoxContent
{
    height: 134px;
    width: 210px;
}
#LogInMenuBox input.TextBox
{
  width: 130px;
  margin-bottom: 4px;
}
.LogInMenuBoxLabel
{
	width: 70px;
	display: inline-block;
	margin-bottom: 4px;
}
#LogInMenuBox input.Button
{
  margin-left: 144px;
}

#SearchMenuBox input.TextBox
{
	width: 135px;
}

/* Category Boxes */
.ContentListBox
{
	background-color: #d8e5f1;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 310px;
}
.ContentListBoxHeader
{
	background-image: url(../Images/Common/CategoryBoxTop.gif);
	height: 10px;
}
.ContentListBoxBody
{
	padding-left: 10px;
	padding-right: 10px;
}
.ContentListBoxBody h3
{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 8px;
}
.ContentListBoxBody .ViewMoreLink
{
	color: #cf6600;
	font-weight: bold;
}
.ContentListBoxFooter
{
	background-image: url(../Images/Common/CategoryBoxBottom.gif);
	height: 10px;
}
.ContentListBox dl
{
	margin-top: 0;
	margin-bottom: 8px;
}
ContentListBox dl dt
{
}
ContentListBox dl dd
{
}
.ContentArea
{
    min-height: 180px;
}
.RatingArea
{
    height: 45px;
}
/* Boxes */
.Box
{
	background-color: #d8e5f1;
	width: 310px;
}
.BoxHeader
{
	background-image: url(../Images/Common/BoxTop.gif);
	height: 10px;
}
.BoxBody
{
	padding-left: 10px; 
	padding-right: 10px;
}
.BoxBody h2
{
	font-size: 12pt;
}
.BoxBody h3
{
	font-size: 11pt;
}
.BoxFooter
{
	background-image: url(../Images/Common/BoxBottom.gif);
	height: 10px;
}
.LargeBox
{
	background-color: #d8e5f1;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 620px;
}
.LargeBoxHeader
{
	background-image: url(../Images/Common/LargeBoxTop.gif);
	height: 10px;
}
.LargeBoxBody
{
	padding-left: 10px;
	padding-right: 10px;
}
.LargeBoxFooter
{
    clear: both;
	background-image: url(../Images/Common/LargeBoxBottom.gif);
	height: 10px;
}

.SingleLineBox
{
	background-color: #d8e5f1;
	background-image: url(../Images/Common/CurvedCapLeft.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 44px;
	margin-bottom: 20px;
}
.SingleLineBoxBody
{
	background-image: url(../Images/Common/CurvedCapRight.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 34px;
	padding-left: 10px;
	padding-top: 10px;
}

p.PageDescription
{
	padding-top: 8px;
	padding-bottom: 12px;
}

table.List
{
	border: solid 1px #cfcfcf;
	width: 100%;
}
table.List th
{
	/*background-color: #BA6201;*/
	background-color: #1E5585;
	color: #ffffff;
}
table.List td
{
	background-color: #D8E5F1;
}
table.List td.Alternate
{
	background-color: #ffffff;
}
table.List th.Title
{
    text-align: left;
}
.NewsStory p
{
    margin-bottom: 15px;
}
.NewsStory
{
    border: solid 1px #eeeeee;
    padding: 4px 4px 4px 4px;
}
.Rating
{
    float: left;
    width: 80%;
    vertical-align: top;
}
.SendComment
{
    float: left;
    width: 20%;
    text-align: right;
    margin-top: 3px;
}

