/*
 * By default all fonts on the page will be black Times New Roman.  This can be 
 * overridden where desired.
 *
 * Change all margins to 0 so that the page appears at the very top left corner with
 * margins.  This will maximize the usable area inside the browser.  It can be over-
 * ridden below if a particular page wants to have margins.
 *
 * Specify the background for each page.
 */
body {color:#000000; font-family:'Times New Roman';
      padding:0px; margin:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;
      background-image:url(Images/Background.gif);}


/*
 * The 'Major' links can have different properties than the 'Minor' links in the Left 
 * Navigation Bar, which can be different from links embedded elsewhere in the text.
 * We first define ALL links (which will cover links in the body, right margin, etc),
 * then over-ride the Major links and the Minor links.
 */
a {text-decoration:underline}
a:link {color:#663300}
a:visited {color:#663300}
a:hover {color:#7F1020}
.majorLinks {font-style:italic; font-weight:bold; color:#663300; font-size:0.9em}
.majorLinks a:link {color:#AC924E}
.majorLinks a:visited {color:#AC924E}
.majorLinks a:hover {color:#7F1020}
.minorLinks {font-style:italic; font-weight:bold; color:#663300; font-size:0.9em}
.minorLinks a:link {color:#AC924E}
.minorLinks a:visited {color:#AC924E}
.minorLinks a:hover {color:#7F1020}

img {border-color:#AB904E;}
h1 {font-family:Arial,Helvetica,sans-serif; color:#663300}
h2 {font-family:Arial,Helvetica,sans-serif; color:#663300}
h3 {font-family:Arial,Helvetica,sans-serif; color:#663300}
h4 {font-family:Arial,Helvetica,sans-serif; color:#663300}
h5 {font-family:Arial,Helvetica,sans-serif; color:#663300}
h6 {font-family:Arial,Helvetica,sans-serif; color:#663300}
p  {color:#000000}
ol {color:#000000}
ul {color:#000000}
blockquote {color:#000000}
	
/*
 * This is used to emphasize text, to make it stand out from 'normal' text.
 */
.Emphasis {font-weight:bold; color:#7F1020}

/*
 * This is used to center text on the page.
 * - This can only be used in a 'block' such as a paragraph, header or div.
 *   It cannot be used in a span.
 */
.CenterHorizontally {text-align:center;}

/*
 * Define the margins for all sections for all pages.
 * Individual pages may over-ride below.
 */
.WebPageHeaderDiv {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px}
.WebPageFooterDiv {margin-top:0px; margin-bottom:0px; margin-left:10px; margin-right:10px}
.WebPageLeftMarginDiv {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px}
.WebPageRightMarginDiv {margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px}
.WebPageBodyDiv {margin-top:10px; margin-bottom:0px; margin-left:20px; margin-right:20px}

/*
 * Home Page
 */
.WebPageBodyDiv#Home_WebPageBodyDiv {margin-right:50px}   /* Give the Home Page a little more white space on the right */

/*
 * Attributes for the Title in the Header.  The copyright symbol needs to be made
 * smaller than the other text or else it will appear way too big.
 */
.HeaderTitle {font-family:Chanson Heavy SF; font-size: 23pt;}
.HeaderTitleCopyright {font-family:Chanson Heavy SF; font-size: 10pt;}

.HeaderTop {background-image:url(Images/textbackground.jpg);}
.HeaderImage {vertical-align:top;}

.WidestSection {width:100%;}  /* This section is 100% (horizontally) so that it forces this cell to take up the rest of the page and the left and right margins will only take what they need. */


/*
 * Menu Box
 */
.BoxTopLeft {background-image:url(Images/BoxTopBackground.jpg);}
.BoxTopRight {background-image:url(Images/BoxTopRight.jpg); width:12px;}
.BoxBottomLeft {background-image:url(Images/BoxBottomLeftLine.gif); font-size:1px; height:12px;}
.BoxBottomRight {background-image:url(Images/BoxBottomRightLine.gif); font-size:1px; height:12px;}

.PhoneImage {border:2px solid}