/**
  THIS CSS DOCUMENT STYLES THE TEMPLATES AND SHARED STYLES
  
  NOTE - THERE ARE SOME HOMEPAGE STYLES ON THIS PAGE TOO
**/

/** redefine body, h2, and a tags to have no margins and give base font**/
body
{
	margin-top: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

h2{
  margin: 0px;
  padding: 0px;
}

ul {
  list-style: square;
  margin-top: 0px;
}

.bodyText a, a.learnMore, .bodyTextWide a, #left a
{
  color: #c2870F;  
}

.bodyText a:visited, a.learnMore:visited, .bodyTextWide a:visited, #left a:visited{
  color: #333333;
}

/** AccessNav AND shared accessory links **/
#accessNav
{  
   
	width: 810px;
	height: 27px;
    font-size: 100%; 
    font-weight: bold;
}

ul#footerList, #accessNav  ul
{
  list-style: none;
  padding: 0px;
 
}

#accessNav ul
{

  margin-top: 10px;
}

#accessNav ul
{
  margin: 0px;
  padding: 0px;
}


ul#footerList li, #accessNav ul li
{
  float: left;
  margin-right: 5px;
  padding: 0px
  margin-bottom: 5px;
}


ul#footerList li a, #accessNav ul li a
{
  text-decoration: none; 
  color: #c2870F;
}
#footerList
{
  font-size: 70%;
  margin: 0 0 0 40px ! important;
}

#footerLinks{
  margin-bottom: 15px;
}
/** container with bg **/
#container
{
    clear:both;
	background: url(../images/background.jpg) top left no-repeat;
	overflow: hidden;
    min-height: 509px;
}

/** LOGO **/
img#logoImg
{
  position: absolute;
  z-index: 2;
  top: 28;
  left: 33px;
}

/** header with bg **/
#headerTop
{
 
	background: url(../images/headerTop.jpg) top left no-repeat;
	height: 24px;
	width: 796px;
	margin-left: 14px;
	margin-bottom: 0px;
    padding-top: 86px;
    padding-left: 20px;
}

#topLeftLinks
{
  float:left;
  position: relative;
  top /**/: 10px;
  left: 40px; 
}

#topRightLinks
{
  position: relative;
  top /**/: 10px;
  right: 20px; 
  float: right;
  margin-right: 20px;
}
/** top bumper for content **/
#topBumper
{
  background: url(../images/topContentBumper.gif) no-repeat top left;
  background-color: #ffffff;
  width: 796px;
  height: 20px;
  margin-left: 14px;
}


/** div container for content **/ 
#mainContent, #mainContentTwoCol
{  
   
	clear: both;
	width: 796px;
	margin-left: 14px;
	margin-top: 0px;
    height: auto;
    overflow: hidden;
    min-height: 509px;
}

#mainContent
{
  background: url(../images/mainContent_bg.gif) repeat-y top left transparent;
}

#mainContentTwoCol
{
  background: url(../images/mainContent2Col_bg.gif) repeat-y top left transparent;
}
/** 
  * 
  leftContent Holds the main body of content for each page
  all divs inside left are contained here
  *
**/
#left
{
  float: left;
  width: 585px;
  padding-bottom: 25px;
}


#leftOneCol
{
  float: left;
  width: 675px;
}

#left p
{
  margin: 0 0 15px 0;
}

div.bodyText
{
  margin-left: 33px;
  margin-top: 15px;
  width: 520px;
margin-bottom: 15px;
}

div.bodyTextWide
{
  margin-left: 33px;
  margin-top: 15px;
  margin-bottom: 15px;
}

/** GALLERY DIVS _ WHERE FLASH LIVES */

.galleryContainer{
  clear: both;
}
.galleryLeft{
  width: 205px;
  float: left;
  clear:both;
}



.galleryRight
{
  float: right;
  margin-top: 15px;
}

/* END GALLERY DIVS */

/**
END LEFT DIVS
**/

/**
 *
   The following style defines the right div, please refer to rightCouln.css for
   styles that live inside of the right coulmn.
 *
**/
#right
{
  float: right;
  width: 190px;
  vertical-align: top;

}

#footer
{
    background-color: transparent;
	background: url(../images/gradient_bottom.gif) top left no-repeat;
	height: 9px;
	width: 796px;
	margin-left: 15px;
}



/** GENERIC BUBBLE STYLES **/

	  #bubbleNarrowTop
	  {
	    background: url(../images/bubbleTopNarrow.gif) no-repeat top left;
		width:450px;
		overflow: hidden;
	  }
	  
	  #bubbleNarrowTop div
	  {
	    padding: 22px 0 0 65px;
		width: 360px;
        overflow: hidden;	
	  }

      #bubbleNarrowTop div p, #bubbleNarrowTop div ul
	  {
	    padding-bottom: 0px;
        padding-top: 0px;
	  }

      

       #bubbleNarrowTop div p.bold
	  {
	   margin-bottom: 10px;
       color: #000033;
       overflow: hidden;
	  }
     
      #bubbleNarrowTop div ul
       {
         margin-top: 5px;
       }
       
	  
	  #bubbleNarrowBottom
	  {
	    background: url(../images/bubbleBottomNarrow.gif) no-repeat top left;
		width:450px;
		height: 35px;
        margin-bottom: 15px;
	  }

      #bubbleContainer
       {
        clear:both;
       }

/**END BUBBLE STYLES **/

/* IE HACK FOR HEIGHT */
  .prop {
    height:420px;
    float:right;
    width:1px;
  }



#container p, #container ul
{
   color: #636363;
   background-color: transparent;
   font-size: 75%;
}

h3
{
	margin: 0 0 0 0;
	font-size: 75%;
    color: #222244;
	background-color: transparent;
	width: auto;
}

#homeLink
{
  display: block;
  position: absolute;
  height: 55px;
  width: 255px;
  top: 50px;
  left: 35px;
}


/** REUSEABLE STYLES **/

.twentyPixelsTop
{
  margin-top: 20px ! important;
}

.fifteenPixelsTop
{
  margin-top: 15px ! important;
}

.tenPixelsTop
{
  margin-top: 10px ! important;
}

.fivePixelsTop
{
  margin-top: 5px ! important;
}

.noSpace
{
  padding: 0px ! important;
  margin: 0px ! important;
}

ul.yellowSquare, ul.arrowList
{
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul.yellowSquare li
{
  background: url(../images/li_yellowSquare.gif) no-repeat;
  padding-left: 10px;
  background-position: 2px 50%;
}

ul.arrowList li
{
  background: url(../images/li_Arrow.gif) no-repeat;
  padding-left: 20px;
  background-position: 2px 50%;
}

li.masterLi
{
  background-position: 2px 0%;
}

.hidden, .hidden *
{   
    position: relative;
	top: 12000px;
    right: 7000px;
    padding:0px;
    margin: 0px;
    font-size: 0px;
    height: 1%;
    width: 0px;
    overflow: hidden;
}

h2.nextGenerationH2
{
  height: 23px;
  background: url(../images/orangeHeaders/orange_nextGen.gif) no-repeat top left;
  clear: both;
}

h2.currentH2
{
  height: 23px;
  background: url(../images/orangeHeaders/orange_current.gif) no-repeat top left;
  clear: both;
}

.error *
{
  color: #cc0000 !important;
}

error p
{
  font-weight: bold !important;
}

error ul{
margin-top: 10px;
 margin-bottom: 10px;

}
.italic
{
  font-style: italic; 
}
.bold
{
  font-weight: bold;
}
.boldCentered
{
  font-weight: bold;
  text-align: center;
}

.alignRight
{
  display: block;
  text-align: right;
}