/*
****************************************************************
** File Name: home_fltc.css
** Author: Steve Davies
** Create Date: 7/28/2005
**
** Desc: extensions and overrides specific to FLTC Home Page.
** For a rule to qualify to be declared in this module, it cannot be applied to:
** 1) all pages
** 2) all Home pages
** 3) all Type I (vertical) pages
** 4) all pages (Type I and Type II ) for a given biz area
**
****************************************************************
** Change Log:
**
** 2006-03-30 S. Davies - expanded the width of rightHeader02
**                      from 75% to 81.5%, to avoid truncation of content at SVGA res.
**
** 2008-05-12 S. Davies - increased the width of div#rightSubHdrTop to 100%.
**
** 2009-02-27 S. Davies:  took the content out of the span in div#rightHeader02, 
**                      and put it in its own positioned container ("#rightHeader03").
**
** 2009-04-29  S. Davies:  for div#rightHeader02, factored-up "vertical-align: top"
**                      and "width: 13%;" (now 'auto').
**
****************************************************************
**  begin style sheet file
*/

/* ---- pull in all rules common to all Type I pages, for the "FLTC" biz section --------- */

@import url(vert_layout_fltc.css);


/* ----------------------------- BEGIN - left side  ---------------------------  */


/*
  Note: this is considered a Type I page.  For Type II pages, you need an explicit foreground-color
  ("color") to override the "topOuter " DIV.
*/

div#sbLeftContent {
    color: #FFFFFF;
/*    background-color: #066;  from "Services" */
    background-color: #319463;

}

/*   clyde says:  
"margins only add to the confusion, 
when thrown into the 'absolute positioning' mix 
- do not use them." 
*/  

div#sbLeftContent {
    top: 14.5%;  /*  13%  would be exact , based on declared height of UpperNav - add an amt. to push top border away from upper sibling DIV's content */
    height: 21.5%;  /* 24%  would be max, in Mozilla, before adding any padding, based on overall percentages of the four main vertical blocks  */

/*  ? what element  (and what property of that element) will the padding use to calculate a percentage? */
    padding-top: 4%;

/*	 padding-top: .25em; */
/*  padding-top: 10px;   */

    border-top: 1px solid silver;
/* debug */
/*    border-bottom: 1px dashed #F00; */

    z-index: auto;
}


div#sbLeftContent  p {
    margin: 3%;
	margin-top: -1%;
	font-size: 1.35em;
	font-weight: bolder;
}

div#sbLeftContent  p  span {
    display: block;
    margin-top: 3%;
    margin-right: 1%;
    font-size: .75em;
    font-weight: normal;
    text-align: right;
}

/*  --------------------------  */

div#sbLeftMidNav {
    top: 38%;
    height: 45%;
/* background: #555;	 debugging */

/* debug */
/*    border: 1px dashed #0F0; */
	border-top: 1px solid silver;
}



/* ---  div's of class sbMenuBar: the ID's used  to further qualify  ---- */

div#sbLeftMidNavBoxHome {
	display: none;  /*  a home page does not need a link to itself, so suppress it */
}


div#sbLeftMidNavBoxAboutUs {
	top: 1%;  /* for FLTC Home page, this item is now the topmost */
}


div#sbLeftMidNavBoxFAQs {
	top: 15%
}


div#sbLeftMidNavBoxCalndr {
	top: 30%;
}


div#sbLeftMidNavBoxExhbOp {
	top: 45%;
}


div#sbLeftMidNavBoxSpkrOp {
	top: 60%; 
}


div#sbLeftMidNavBoxLinks {
	top: 75%;
}


/* ----------------------------- END - left side  ---------------------------  */



/* ----------------------------- BEGIN - right side  ---------------------------  */


/* ----------------- BEGIN: rightHeader internals  -----------------  */

div#rightHeader01 {
    left: 5%;
    width: 10%;
    height: 100%;
}


div#rightHeader02 {
    /*  width: 13%;  2009-04-29 : now 'auto', factored up */
    top: -28% ;
	height: 160%;
	font-size: 7em;
}


div#rightHeader03 {
   left: 35%;
   bottom: -15%;
   width: 60%;
   font-size: 2.8em;
}


/* ----------------- END: rightHeader internals  -----------------  */


/* ----------------- BEGIN:  rightSubHeader internals  -----------------  */

div#rightSubHdrTop {
    position: relative;
    height: 30%;
    width: 100%;
	font-size: 1.5em; /*  needed to put this here to address IE bug with word-spacing instead of SPAN selector below */
}


/*  ----------------------  */

div#rightSubHdrTop  em {
	font-style: normal;
	vertical-align: bottom;
}


div#rightSubHdrTop span {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: .35em;
	word-spacing: 8em;
	line-height: 2;
/*	vertical-align: bottom; */
	padding-left: 1em;
}


/*  ----------------------  */

div#rightSubHdrBottom {
    position: relative;
    height: 70%;
    width: 100%;
    display: block;
}


div#rightSubHdrBottomLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 23%;
    height: 100%;
    display: block;
}

/*
div#rightSubHdrBottomLeft  img {
    text-align: left;
}
*/


div#rightSubHdrBottomRight {
    position: absolute;
    top: 0;
    left: 23%;
    width: 77%;
    height: 100%;
	display: block;
}

div#rightSubHdrBottomRight p {
	font-size: .85em;
	line-height:  1.5;
	margin: 1%;
}



/* the following are rules for the containers of the three graphics */

div#rightSubHdrBottomLeft01 {
    position: absolute;
    top: 0;
    left: 0;
/*
	margin-left: 0;
	padding: 0;
	border: 0; 
*/
    width: 35%;
    height: 100%;
    display: block;
}

div#rightSubHdrBottomLeft02 {
    position: absolute;
    top: 0;
    left: 35%;
    width: 30%;
	height: 100%;
    display: block;
}

div#rightSubHdrBottomLeft03 {
    position: absolute;
    top: 0;
    left: 65%;
    width: 35%;
	height: 100%;
    display: block;
}


/* ----------------- END: rightSubHeader internals  -----------------  */


/* ----------------- BEGIN: mainContent and internals  -----------------  */

div#mainContent {
    width: 99.5%;
/* debug */	
/*	border: 1px dashed green;  */
}


div#mainContent  p {
    margin-left: 2%;
    margin-right: 2%;
/* debug */	
/* border: 1px dashed red;  */
}



/*  end of stylesheet file */