/* Ambassador stylesheet
   This code controls all aspects of the visual design of the site
   Css code that reads from this page is inserted to the header of
   each page, and will save template coding time, and file size on
   each html file that reads it 

   -TEMPLATE NOTES
    the images in the title bar not touching is a problem with puttin returns
    between the <a>'s... if all links are in a straight line with no return breaks
    the images will work correctly and not touch (weird but it works)*/


@charset "utf-8";

/* BODY - the body tag defines the main body of the site
   it dictates the image, how the image repeats, the color, margins
   and other settings
       -body controls the basic body tag, everything on the bottom
       -margin is distance from any one corner of the page the page will be placed
       -background image defines the bkg */
body {
	margin: 0px;
    padding:67px 0px 50px 0px; 
	text-align: center;
	background: url(bkg-page.gif) fixed;
	background-color: #D1C6A0;
	background-repeat:repeat-y;
	background-position: 50%;
	overflow:auto;
	}


	
/*TOP AND BOTTOM FIXED MENUS*/

#head-area  {	left:0px;
	            top:0px;
	            background-repeat: repeat-x;
	            background-color: transparent;
	            height: 75px;
	            width: 100%;
	            background-image: url(bkg-top-bar.png);
	            text-align: center;
	            position:absolute;
                overflow:hidden;
				z-index: 12000;}

		
#footer-area {
	bottom:0px;
	left:0px;
	background-repeat: repeat-x;
	background-color: transparent;
	height: 59px;
	width: 100%;
	background-image: url(bkg-bottom-bar.png);
	text-align: center;
	position:absolute;
	overflow:hidden;
	z-index: 11999;
}

			
#content-area { position: fixed;
                top: 68px;
				bottom: 50px;
				left: 0;
				right: 0;
				overflow: auto;
				z-index: 100;}
* html #content-area {
  height:100%; 
  width:100%; }


			
			
			
			
			
/* All Other css attributes */		
					
#scalable-bkg  { margin: 0 auto;
              height: 100%;
			  background-repeat: repeat-y;
			  background-position:center;
			  background-image: url(scalable-bkg.png)}		
			
			  
#logo-area  { margin: 0 auto;
			  background-repeat: no-repeat;
			  height: 75px;
			  width: 846px;
			  background-image: url(logo-buttons-main.png);}
			  
			  
#links-area  { margin: 0 auto;
			  background-repeat: no-repeat;
			  height: 59px;
			  width: 846px;
			  background-image: url(bottom-links-main.png);}