@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
		font: 62.5%/2.2em Arial, Tahoma, Verdana,Helvetica, sans-serif;
		color: #4b4942;
		background: #000000;
	    }
	    a{text-decoration: none;color: #3366CC;
        font-weight: 700;
	    }	

/* =LAYOUT - the main layout styles */
		
	/* container */
	#container{
		width: 902px;
		margin: 44px auto 0 auto;
		background: #000000;
		padding-bottom:10px;
	    }

/* =HEADER */
	/* Logo and Site Title */
	h1{
		font-size: 33px;
		font-weight: bold;
		text-transform: uppercase;
	}
	h1 a
{
        display: block;
        width: 785px;
        height: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 20px;
        background: url(../images/YellowPhalSmall.gif) 0 0 no-repeat;
        padding-left: 95px;
        color: #CCCCCC;
}

/* =TOP NAVIGATION and SEARCH */
	/* top navigation */
	#navigation_wrapper{
		background: #353C2C 0 0 repeat-x;
		height: 37px;
		width: 860px;
		margin: 10px auto 20px auto;
	}
	#navigation{
		float: left;
		padding-left: auto;
		height: 37px;
	}
	#navigation li{
		float: left;
	}
	#navigation li a
{
    padding: 7px 19px 0 19px;
    height: 30px;
    float: left;
    font-family: "Trebuchet MS";
    font-size: 1.6em;
    font-weight: bold;
    color: #CCCCCC;
}
	#navigation li a:hover{
		color: #CCCCCC;
		background: #535F45 0 0 repeat-x;
	
	}
/* =MAIN IMAGE */
	#main_image{
		width:860px;
		position: relative;
		margin: 0 auto;
    top: 0px;
    left: 0px;
}

/* =BANNER */
	#banner_wrapper
{
    width: 860px;
    margin: 44px auto 0 auto;
    overflow: hidden;
    height: 270px;
    background: #000000;
}
	.banner_left{
		width: 245px;
		height: 260px; 
		background: #353C2C;
		margin-left: 0px;
		padding-bottom:6px;
		position: absolute;
		
}  

	.banner_middle{
		width: 245px;
		background: #353C2C;
		margin-left: 307px;
		padding-bottom:6px;
		position: absolute;
} 

	.banner_right{
		width: 245px;
		background: #353C2C left repeat;
		margin-left:614px;
		padding-bottom:6px;
		position: absolute;
}   
  
	.banner_gallery{
		margin-left: 260px;
		padding-bottom:6px;
		position: absolute;
}		
	.image_wrapper{text-align: center;}
	.banner_left img{border: 3px solid #000000;}
	.banner_last{margin-right:0;}
	.banner h2
    {
    height: 38px;
    background: #353C2C left no-repeat;
    font: 1.9em "Lucida Grande" , "Trebuchet MS" , Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 2.0em;
    color: #CCCCCC;
    padding: 15px 0 0 0;
}

	
/* =FOOTER */
	#footer_wrapper{
		width: 860px;
		padding-left:0px;
		margin: 0 auto;	
	}
	
	#footer
    {
		float: left;
		padding-top: 15px;
		padding-left: 15px;
		width: 840px;
		height: 45px;
		font-size: 1.2em;
		background: #000000;
	}

	#footer ul li{
		float: left;
		padding-left:10px;
	}
	
	#footer ul li{
		float: left;
		padding-left:10px;
	}
	#footer a
    {
    color: #666666;
	}
		
		
		/* =SUB PAGE TITLE BAR */
    h3{
		font-size: 3.0em;
		font-weight: bold;
		color: #cccccc;
		text-align: center;
		text-transform: capitalize;
		padding-top: 40px;
		padding-bottom: 10px;
		left: 21px;
		position: relative;
		width: 860px;
		height: 40px;
		
    }
    
    
    /* =SUB PAGE TEXT */
    
    /* text */
    h4{  
		font-size: 2.0em;
		color: #CCCCCC;
		font-weight: normal;
		line-height: 1.5em;
        padding-top: 20px;
        padding-bottom: 40px;;
		text-transform: none;
		left: 21px;
		position: relative;
		width: 860px;
		height: auto;
		top: 1px;    
	    background-color: #000000;
	    text-decoration: none;


	 }
	 a:link
        {color: #FFFF66; text-decoration: none;
        }
     a:visited 
        {COLOR: #FFFF99; TEXT-DECORATION: none;
        }
     a:hover 
        {COLOR: #E77A00; TEXT-DECORATION: none;
        }