﻿/* 
This is a fixed width layout.  We aren't using jello or liquid or semi-liquid.
First - the parent div is centered, which also centers the text, which we don't want by default.
So, the next div sets the width and left aligns the text.
This is the way we have to handle centering blocks of content without centering the text when we aren't using tables.  This is not really positioning.
The margin is needed so that all browsers will play.
*/
body {
    background-image: url('../../../SharedFiles/img/Accounting.jpg');
    background-size:cover;
    background-attachment: fixed;
}

#PageContainer {
    text-align: center;

} /* centers everything! */
#PagePopupSizer {margin:0 auto 0 auto;text-align:left;width:90%;}
#PageSizer {text-align:left;margin:0 auto 0 auto;}
#PageSizerBlossomResults {text-align:left;margin:0 auto 0 auto;}

      /* These margin settings retain the spacing on the sides */

/*
The code for positioning starts after this comment.
There are some selectors that don't have properties.  We can add properties later if needed.
Please review the /__appNotes/CssPositioning.txt file for more information about this file.
*/

/* This section is for positioning the page's main elements */
#TopArea {/* position:static; */}
#LeftSide {width:210px;float:left;}
#BodyContainer_fullnav {width:562px;padding-right:5px;padding-left:5px; float:left;}
#BodyContainer_blossom {width:675px;float:left;}
#BodyContainer_leftnav {max-width:856px;padding-left: 0px; min-height: 300px; margin-left: auto; margin-right: auto; background-color:white;padding-bottom:10px;}
#BodyContainer_nonav {width:975px;}
#RightSide {width:193px;float:right;}
#BottomArea {}

/* This section places the elements in the very top of the page - date, skip nav, & the stuff on the right */
#TopLinksContainterParent {width:985px;}
#TopLinksLeftSide {width:400px;float:left;padding-top:6px;}
#DateToday {float:left;padding-right:15px;padding-top:5px; }
#SkipNavigation {float:right;padding-right:30px;padding-top:5px;}

#TopLinksContainterParent .TopLinksRightSide
{
  float:right;
  padding-top:10px; /* Requires 8px to be removed from the total height either by making the height 8px less or by applying an 8px negative margin */
  padding-left:25px;
  margin:0;
  padding-right:0;
  padding-bottom:0;
  width:480px;
  height:28px;  /* 36 (actual height) - 8 (padding added to top to make text appear in center of image) */
  background-repeat:no-repeat;background-position:top;
}
#TopLinksContainterParent div.TopLinksRS_deft {background-image: url(img/toplinksbgdeft.jpg);}
#TopLinksContainterParent div.TopLinksRS_alt {background-image: url(img/topnav-bg-lowerlevel-light.jpg);}
/*#TopLinksContainterParent div.TopLinksRS_hilvl {background-image: url(img/toplinksbghomepg.gif);}*/
#TopLinksContainterParent div.TopLinksRS_hilvl {background-image: url(img/toplinksbghomepg2.gif);}
#TopLinksContainterParent div.TopLinksRS_da {background-image: url(img/toplinksbgda.jpg);}
#TopLinksContainterParent div.TopLinksRS_bot {background-image: url(img/toplinksbgbot.jpg);}


#TopLinksRightSideContent div {float:left;padding-right:15px;}
#TopLinksRightSideContent p {float:left;}

/* This places the header image */
#billboard-wrapper{position:relative; width:975px; height:290px;}
.billboard{display:none; position:absolute; top:0; left:0;}
.billboard_show{display:block;}

/* This places the BOS minutes agenda printer-friendly version text */
#BosPrinterFriendly {left:-15px;top:-20px;}

/* These are generic items that may be used in multiple places */

.floatleft {float: left;}
.floatright {float: right;}

.clearfloat {float:none;clear:both;margin:0;padding:0;line-height:0;font-size:0;} /* floating TopLinks made the body content float too :( */

/* This is general stuff that may be deleted later */
.ValignMiddle {vertical-align:middle;display:table-cell;}
.AlignCenter {text-align:center;}

/* Margins should be avoided other than setting them to 0.  We should use padding instead when we can.  Unless when margins make sense.
.marginleft5 {margin-left:5px;}
.marginright5 {margin-right:5px;}
.marginbottom10 {margin-bottom:10px;}
*/

.height_245 {height: 245px;}

.width100per {width:100%;}
.width98per {width:98%;}
.width90per {width:90%;}

.width_200 {width: 200px;}
.width_210 {width: 210px;}
.width_300 {width: 300px;}
.width_400 {width: 400px;}
.width_756 {width: 756px;}
.width_955 {width: 955px;}
.AbsolutePosition {position:absolute;}
.RelativePosition {position:relative;}



.note {color:#6f6f6f;font-style:italic;font-weight:bold;}
.note2 {color:#6f6f6f;font-style:italic;}
.note4 {color:#6f6f6f;font-style:italic;font-family: "Arial"; font-size:10pt;}

#gjnews  {width: 310px;}

