/* ======== CSS ==========  */


/* ----------------------------------------------
          GENERAL page layout
---------------------------------------------- */
	body,
	html {
		margin:0;
		padding:0;
		background-image: url(images/bkgrd.jpg);
		background-repeat: repeat-y;
		background-position: center;
		background-color: #4C5356;
		color:#000;
	}
	body {
		min-width:900px;
		margin: 0 auto;
	}


/* ----------------------------------------------
     FONTS for everything not specified
---------------------------------------------- */	
	BODY, H1, H2, H3, H4, H5, H6, TD, TH, DIV, PRE, CODE, SPAN, P, OL, UL, DL, DT, DD, LI, BLOCKQUOTE, ADDRESS
	{font-size=11px; COLOR: #666; FONT-FAMILY: Arial, Helvetica; TEXT-DECORATION: none;}
	
	body, div, p, th, td, li, dd    {
	    /* redundant selectors to help NS4 remember */
	    
	    font-family:  Arial, Helvetica, sans-serif;
	    
	    font-size:    11px;
	    }
	
	body, body div, body p, body th, 
	body td, body li, body dd    {
	    /* more specific to override imported rule */
	    font-size:    11px;      
	    
	    font-family:  Arial, Helvetica, sans-serif;
	    
	    
	    /* false value for WinIE4/5 */
	    voice-family: "\"}\"";   
	    /* trick WinIE4/5 into thinking rule is over */
	    voice-family: inherit;   
	    /* recover from trick */
	    font-size:    11px
	    /* intended value for better browsers */
	    
	    font-family:  Arial, Helvetica, sans-serif;
	    
	    }	
	
	html&gt;body, html&gt;body div, html&gt;body p, 
	html&gt;body th, html&gt;body td, 
	html&gt;body li, html&gt;body dd    {
	    font-size:    11px
	    /* be nice to Opera */
	    
	    font-family:  Arial, Helvetica, sans-serif;
	    
	    }

	p { 
	margin:0; 
	} 
	
	body a {
	font-size: 10px;
	color:#fff;
	text-decoration:none;
	}
	body a:visited {
  	color:#fff;
  	text-decoration:none;
  	}
	body a:hover {
  	color:#F52887;
  	text-decoration:none;
  	}
	body a img {
  	border-width:0;
  	}

    a.LinkCompaniesCat:link {
  	color:Red;
  	text-decoration:none;
  	}

    a.LinkCompaniesCat:visited {
  	color:Red;
  	text-decoration:none;
  	}	  	
  	
    a.LinkCompaniesCat:hover {
  	color:#fff;
  	text-decoration:none;
  	}					

	div.LinkCompanies {
	position: absolute; top: 132px;
	font-size: 10px;
	color:#fff;
	text-decoration:none;
	top:2px;
	right: 10px;
	}
	div.LinkCompanies a {
	font-size: 10px;
	color:Red;
	text-decoration:none;
	}
	div.LinkCompanies a:visited {
  	color:Red;
  	text-decoration:none;
  	}
	div.LinkCompanies a:hover {
  	color:#fff;
  	text-decoration:none;
  	}

    div.navBar 
    {
        position: absolute; top: 157px;
        background-color:#000;
        height: 18px; width: 900px;
        border-top: solid 3px #000;
        border-bottom: solid 2px #fff;
    }

    div.mainBody
    {
        position: absolute; top: 183px;
        background-color: white;
        height: 575px; width: 900px;
        border-top: solid 2px #000;
        border-bottom: solid 2px #000;
    }

    div.leftContentOutside
    {
        position: absolute; top: 0px; left: 0;
        background-color: white;
        height: 565px; width: 120px;
    }

    div.leftContentInside
    {
        position: absolute; top: 10px; left: 10;
        background-color: white;
        height: 555px; width: 110px;
        border-right: solid 2px gray;
        text-align:right;
        padding-right: 7px;
    }

    div.leftContentInside a 
    {
	font-size: 11px;
	color:gray;
  	text-decoration:none;
    font-weight:900;    
	}

    div.leftContentInside a:visited {
	font-size: 11px;
	color:gray;
  	text-decoration:none;
	font-weight:900;
	}

    div.leftContentInside a:hover {
	font-size: 11px;
	color:#F52887;
  	text-decoration:none;
  	font-weight:900;
  	}
	
	div.centerContent
    {
        position: absolute; top: 0px; left: 120px;
        background-color: White;
        height: 565px; width: 430px;
        border-right: solid 3px black;
        padding: 5px;
        overflow:auto;      
    }
    
    div.rightContent
    {
        position: absolute; top: 0px; left: 563px;
        background-color: black;
        height: 575px; width: 337px;
		border-bottom: solid 2px black;
    }

    div.rightContent_Top
    {
        position: absolute; top: 0px; left: 0px;
        background-color: black;
        height: 372px; width: 337px;
        border-bottom: solid 3px black;
    }
    
    div.rightContent_Bottom
    {
        position: absolute; top: 370px; left: 0px;
        background-color: 333333;
        height: 206px; width: 337px;
    }    

    div.rightContent_Top_A
    {
        position: absolute; top: 0px; left: 0px;
        height: 137px; width: 337px;
        border-bottom: solid 3px black;
    }
    
    div.rightContent_Bottom_A
    {
        position: absolute; top: 140px; left: 0px;
        height: 372px; width: 337px;
    }        

    div.flashFooter
    {
        position: relative; top: 400px; left: 0px;
        height: 57px; width: 900px;
        background-color: #4c5356;
    }
	
	.hidden { position: relative; visibility:hidden; }
	.visible { position: relative; visibility:visible; }

/* ------------------------------------------------
     CONTENT - note wrap must be same width as body
------------------------------------------------- */		
	
	#wrap {
		background:#000;
		margin:0 auto;
		width:900px;
	}

	#bannerLeft {
		background:#000;
		margin:0 auto;
		float:left;
		width:750px;
		border-top:0;
		border-left:0;
		border-right:0;
		border-bottom:solid 2px white;
	}
	#bannerRight {
		background:#000;
		margin:0 auto;
		float:right;
		width:150px;
		height: 130px;
		border:0;
		border-bottom: solid 2px white;
		background-image: url(images/TopBarMap_sm.jpg);
	}	
	
	#signup {
		clear:both;
		background:#fff;
		margin:0 auto;
		width:900px;
		height:25px;
		color:orange;
		border:0;
	}

	#content {
		clear:both;
		background:#000;
		margin:0 auto;
		width:900px;
		height:645px;
		border:0;
	}
	
	#content h2,  p {
		padding:0 10px;
		color:#fff;
		margin-top:0px;

    }
	
				
	#footer {
		/*background:#333;*/
		height:50px;
	}
	#footer p {
		color:#666;
    }
	
	#footer a:link {
  	color:#999;
  	text-decoration:none;
  	}
	#footer a:visited {
  	color:#6a8a7f;
  	text-decoration:none;
  	}
	#footer a:hover {
  	color:#c60;
  	text-decoration:underline;
  	}	

	.hiddenPic {display:none;}
	.formField {display:none;}



/* print styles */
@media print{ .noprint {display: none} .justprint {display: inline}; }

