/* CSS Document */

/*************************************************************
Main Styles
*************************************************************/
body
	{
	margin: 0;
	padding: 0;
	background: #002424 url(../images/sham_bg.jpg) repeat-x;
	font: 11px arial;

	
	}

.clear
	{ 
  	clear:both; 
	/*** these next attributes are designed to keep the div 
	height to 0 pixels high, critical for Safari and Netscape 7 ***/ 
    height:1px; 
	overflow:hidden; 
	line-height:1%; 
	font-size:0px; 
	margin-bottom:-1px; 
	}  
	
h4
	{
	margin: 12px 0 0  14px;
	padding: 0;
	text-transform: uppercase;
	text-align: left;
	font: bold 14px arial;
	color: #000;
	}

/*************************************************************
Contain
*************************************************************/

#contain
	{
	display: block;
	margin: 0 auto;	
	width: 757px;		
	height: 100%;
			
	}
	
#contain p
	{
	margin: 25px 0 0 0;
	padding: 0;
	text-align: center;
	}


/*************************************************************
Header
*************************************************************/


#header
	{
	display: block;
	margin: 40px 0 0 0;
	
	border: 0;
	width: 757px;	
	height: 182px;
	text-align:center;
    background-image: url(../images/header.jpg) ;
	}
	
#header p
    {
	margin: 0px 0 0px 0px; 
	padding: 20px 29px 0 0px;	
	text-align: right;
        font: bold  12px Arial;
        color: #fff;
        
		
	
	}	

/*************************************************************
Nav
*************************************************************/
#nav
    {
	display: block;
	margin: 0px 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 757px;	
	height: 36px;
	text-align:center;
	background:  url(../images/nav_bg.jpg);		
	}		
	
#nav p
    {
	margin: 0; 
	padding: 9px 0px 0 0px;
	border: 0;
	text-align: center;
    color: #fff;		
	}	
	
#nav a
    {        
	padding:  0 4px 0 5px;
	border: 0;
	text-decoration:none;	
    text-transform: uppercase;
	font: bold  11px Arial;
	color: #FFF;	
	}
	
#nav a:hover
   {        
	padding:  0 4px 0 5px;
	border: 0;	
    text-transform: uppercase;
	font: bold  11px Arial;
	color: #5C6060;	
	}
#nav a:active
	 {        
	
	color: #5C6060;	
	}
	
/*************************************************************
content
*************************************************************/

#content
    {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 757px;	
	text-align:center;  
	background:  url(../images/bottom_slice.jpg);
	height: 100%;	
        float: left;
	}
	
	/*************************************************************
left border
*************************************************************/

#left
    {
	float:left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 24px;
	height: 530px;
	background:  url(../images/border_left.jpg);	   
	}
	
	/*************************************************************
left content column
*************************************************************/

#one
    {
	float:left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 339px;	
    height: 100%;
	background: #fff;	   
	}
#one p
    {
	margin: 0; 
	padding: 6px 0px 10px 14px;
	border: 0;
   	background-image: none;
	text-align: left;
    font:  11px Arial;
    color: #000;
	background: #fff;			
	}	

#one p.print
    {
	margin: 0; 
	padding: 6px 0px 10px 26px;
	border: 0; 	
	text-align: left;
    font:  11px Arial;
    color: #000;
	background: #fff;			
	}		
#one p.drill
    {
	padding: 10px 0px 15px 26px;
	border: 0;   	
	text-align: left;
    font:  11px Arial;
    color: #000;
	background: #fff;			
	}	
#one p.list
    {
	padding: 0px 0px 6px 20px;
	border: 0;   	
	text-align: left;
    font:  11px Arial;
    color: #000;
	background: #fff;			
	}		
#one h1
    {
	margin: 0; 
	padding: 6px 0px 10px 10px;
	border: 0;
   	background-image: none;
	text-align: left;
    font:  bold 14px Arial;
    color: #000;
	background: #fff;			
	}	
#one    a.image
	{
	margin: 0px 0 0 0;
	padding: 7px 0px 0px 0px;
	border: 0;       
	font: 12px arial;
	color: #000;
    text-align: left;
    
	background-image: none;
	
	}
#one    a:hover.image
	{	
	color:  #FF7F00;
	background-image: none; 
	}

#one    a
	{
	border: 0;       
	color: #000;
    text-align: left;
    
	}
#one    a:hover
	{	
	color: #FF7F00;        
	
	
	}


#one h1
    {
	margin: 0; 
	padding: 0px 0px 0px 26px;
	border: 0;   
	text-align: left;
    font: bold 11px Arial;
    color: #000;
	background: #fff;			
	}	
	
#one  ol 
	{
	margin: 0;
	padding: 5px 23px 0 60px;
    text-align: left;

/*	list-style-position: inside;*/
	}
	
#one  ol.tier 
	{
	margin: 0;
	padding: 0px 23px 0 60px;
    text-align: left;

/*	list-style-position: inside;*/
	}		

#one  ul.lom
	{
	margin: 0;
	padding: 0px 23px 0 40px;
    text-align: left;
	list-style-type: circle;
/*	list-style-position: inside;*/
	}
	
#one  ul 
	{
	margin: 0;
	padding: 20px 23px 0 40px;
    text-align: left;
	list-style-type: none;
/*	list-style-position: inside;*/
	}
#one  ul.links 
	{
	margin: 0;
	padding: 50px 23px 0 60px;
    text-align: left;
	list-style-type: none;
/*	list-style-position: inside;*/
	}
	

	
#one  ul.list 
	{
	margin: 0;
	padding: 12px 20px 0 20px;
    text-align: left;
	list-style-type: none;
/*	list-style-position: inside;*/
	}
#one  ul.paragraph
	{
	margin: 0;
	padding: 0px 20px 0 10px;
        text-align: left;
	list-style-type: none;
/*	list-style-position: inside;*/
	}
#one ul.paragraph p
    {
	margin: 0; 
	padding: 6px 0px 10px 20px;
	border: 0;
   	background-image: none;
	text-align: left;
    font:  11px Arial;
    color: #000;
	background: #fff;			
	}	
#one   li h1
	{
	margin: 0px 0 0 0;
	padding: 7px 0px 0px 0px;
	border: 0;       
	font: bold 12px arial;
	color: #000;
        text-align: left;
        padding-left: 20px;
	background-image: url(../images/shambullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	}
#one   li.paragraph h1
	{
	margin: 0px 0 0 0;
	padding: 7px 0px 0px 0px;
	border: 0;       
	font: bold 12px arial;
	color: #000;
        text-align: left;
        padding-left: 20px;
	background-image: url(../images/shambullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	}
#one   ul h1
	{
	margin: 0px 0 0 0;
	padding: 7px 0px 4px 0px;
	border: 0;       
	font: bold 13px arial;
	color: #000;
    text-align: left;
        
	}

#one   li a
	{
	padding: 0 0 0 20px;
	border: 0;       
	color: #000;
    text-align: left;
	background-image: url(../images/shambullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	}
	
#two   li a
	{
		padding: 0 0 0 20px;
	border: 0;       
	font: 12px arial;
	color: #000;
    text-align: left;
	background-image: url(../images/shambullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	}
	
#two   li a:hover
	{	
	color: #FF7F00;        
	background-image: url(../images/shambullet.gif);
	
	}
#one   li.links 
	{
	margin: 2px 0 2px 0;
	padding: 0px 0px 0px 0px;
	border: 0;       
	font: bold 13px arial;
	color: #000;
        text-align: left;
        padding-left: 20px;
	background-image: url(../images/shambullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	}
	


#one   li a:hover
	{	
	color: #FF7F00;        
	background-image: url(../images/shambullet.gif);
	
	}

	/*************************************************************
right content column
*************************************************************/

#two 
    {
	float:left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 339px;	
	height: 100%;
	background: #fff;	   
	}
.top
    {
	float:left;
	display: block;
	margin: 0px 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 339px;		
	background: #fff;	   
	}
#two h1
    {
	margin: 0; 
	padding: 0px 0px 0px 26px;
	border: 0;   
	text-align: left;
    font: bold 11px Arial;
    color: #000;
	background: #fff;			
	}	
#two p
    {	
	margin: 0; 
	padding:6px 20px 10px 10px;
	border: 0;
	text-align: left;
    font:  11px Arial;
    color: #000;		
	}	
#two p.home
    {	
	margin: 0; 
	padding:6px 0px 10px 30px;
	border: 0;
	text-align: left;
    font:  11px Arial;
    color: #000;		
	}	
#two p.drill
    {
	padding: 0px 0px 6px 26px;
	border: 0;   	
	text-align: left;
    font:  11px Arial;
    color: #000;
	background: #
	}
#two p.list
    {

	padding: 0px 0px 1px 20px;
	border: 0;
   	
	text-align: left;
    font:  11px Arial;
    color: #000;
	background: #fff;			
	}	
#two p.paragraph
    {	
	margin: 0; 
	padding:6px 20px 10px 20px;
	border: 0;
	text-align: left;
    font:  11px Arial;
    color: #000;		
	}		
#two   a
	{
	border: 0;       

	color: #000;
    text-align: left;    
	}
#two   a.callout
	{
	margin: 0px 0 0 0;
	padding: 7px 0px 0px 0px;
	border: 0;       
	font: 12px arial;
	color: #000;
    text-align: left;    
	}
#two   a:hover
	{	
	color: #FF7F00; 
	}

#two ul.list 
	{
	margin: 0;
	padding: 12px 20px 0 20px;
        text-align: left;
	list-style-type: none;
/*	list-style-position: inside;*/
	}

#two .top ul 
	{
	margin: 0;
	padding: 10px 23px 0 60px;
        text-align: left;
	list-style-type: none;
/*	list-style-position: inside;*/
	}
	
#two li.links a
	{
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	border: 0;       
	font: 12px arial;
	color: #000;
    text-align: left;
    padding-left: 20px;
	background-image: url(../images/shambullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	
	}
#two li.links a:hover
	{	
	color: #FF7F00;        
	
	
	}

	
#two  ul.paragraph
	{
	margin: 0;
	padding: 0px 0px 0 0px;
        text-align: left;
	list-style-type: none;
/*	list-style-position: inside;*/
	}
#two  li h1
	{
	margin: 0px 0 0 0;
	padding: 7px 0px 0px 0px;
	border: 0;       
	font: bold 12px arial;
	color: #000;
        text-align: left;
        padding-left: 20px;
	background-image: url(../images/shambullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	}

.images
{
	float:left;
	display: block;
	margin: 65px 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 339px;		
	background: #fff;	   
	}
.shoes
    {
	float:right; 
	}
	
.middle
    {
	float:left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 339px;		
	background: #fff;	   
	}
	
.bottom
    {
	float:left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 339px;		
	background: #fff;	   
	}
	/*************************************************************
middle divider
*************************************************************/

#middle  
	{
	float:left;
	display: block;	
	border: 0;
	width: 33px;	
	height: 530px;		
	background: #fff;	   
	}
	
	/*************************************************************
right border
*************************************************************/

#right
    {
	float:left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
	border: 0;
	width: 22px;
	height: 530px;
	background:  url(../images/border_right.jpg);	   
	}
	/*************************************************************
footer
*************************************************************/

#footer
    {
	display: block;	
	width: 757px;	
	text-align:center; 	
	}
	
#footer p	
	{
	margin: 0; 
	padding: 8px 0px 0 0px;
	border: 0;
	text-align: center;
    font: bold  9px Arial;
    color: #fff;		
	}	
	
#footer p.green	
	{
	margin: 0; 
	padding: 4px 0px 0 0px;
	border: 0;
	text-align: center;
    font: bold 9px Arial;
    color: #01A33C;		
	}	
	
#footer p.orange	
	{
	margin: 0; 
	padding: 4px 0px 0 0px;
	border: 0;
	text-align: center;
    font: bold 9px Arial;
    color: #FF7F00;		
	}	
	
#footer a
    {        
	padding:  0 0px 0 0px;
	border: 0;
	text-decoration:none;	
    text-transform: uppercase;
	font: bold  9px Arial;
	color: #FFF;	
	}
	
#footer a:hover
        {        
	padding:  0 0px 0 0px;
	border: 0;
	text-decoration:none;	
    text-transform: uppercase;
	font: bold  9px Arial;
	color: #FF7F00;	
	}
	
#footer a
    {        
	padding:  0 0px 0 0px;
	border: 0;
	text-decoration:none;	
    text-transform: uppercase;
	font: bold  9px Arial;
	color: #FFF;	
	}
	
#footer a:hover
   {        
	padding:  0 0px 0 0px;
	border: 0;
	text-decoration:none;	
    text-transform: uppercase;
	font: bold  9px Arial;
	color: #FF7F00;	
	}
	#footer a
    {        
	padding:  0 0px 0 0px;
	border: 0;
	text-decoration:none;	
    text-transform: uppercase;
	font: bold  9px Arial;
	color: #FFF;	
	}
	
#footer a:hover
   {        
	padding:  0 0px 0 0px;
	border: 0;
	text-decoration:none;	
    text-transform: uppercase;
	font: bold  9px Arial;
	color: #FF7F00;	
	}
#footer a.planit
    {        
	padding:  0 0px 0 0px;
	border: 0;
	text-decoration:none;	
	text-transform: none;    
	font: bold  9px Arial;
	color: #FF7F00;	
	}
	
#footer a:hover.planit
   {        
	padding:  0 0px 0 0px;
	border: 0;
	text-decoration:none;	
    text-transform: none;    
	font: bold  9px Arial;
	color: #FFF;	
	}