/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0;
 font-family: "Bank Gothic Medium";


 } 
 
#pagewidth{
 background-color:white;
  position:static;
 text-align:left;  
 margin-left:auto; 
 margin-right:0px;
 border:none;

	}
 
#header{
	height:82px;
	background-image:url(../Images/PaceHeader.jpg);
	background-repeat:no-repeat;
	background-position:center;
	/*margin-top:-30px;*/
 /*right:-30px;*/
 position:absolute;
	left: 9px;
	width: 1227px;
	top: 8px;
} 

 
#leftcol{
	width:200px;
	height:500px;
	position:absolute;
	margin-left:-200px;
	float:left;
	background-color:white;
	left: 290px;
	top: 102px;
 }
 
#twocols{
 width:805px;
 /*margin-left:470px;*/
 float:right; 
 position:static;

 
  }
 
#rightcol{
	width:200px;
	height:500px;
	margin-left:-200px;
	top:103px;
	float:right;
	position:absolute;
	background-color:white;
	left: 1216px;
 }
 
#maincol{
	background-color:white;
	float: left;
	display:inline;
	position:absolute;
	width:600px;
	height:500px;
	margin-left:-170px;
	margin-right:30px;
	margin-top:15px;
	left: 492px;
	top: 101px;
 }
 
#footer{
	height:93px;
	width:1113px;
	display:inline;
	float:left;
	position:absolute;
	/*margin-top:570px;*/
    background-color:white;
	clear:both;
	left: 42px;
	top: 620px;
 }
 
 #footer img{
	display:inline;
	border:none;
	left: 194px;
	top: 18px;
	width: 199px;
	height: 71px;
 } 
  #footer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

 #footer ul li{
 display:inline;
 list-style-type:none;

 }
 


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*Ordered List setup*/

ul{ 
  list-style-type: none;
}

li {
margin-left: 10%;
margin-right: 10%;
margin-top: .5em;
margin-bottom: .5em;
}

/*Content text inside each page*/
#contentHeader img{
	
	width:600px;
	
	
}

#textHeader{

	margin-left:-2000px;
	width:300px;
	margin-top:-100px;
	
	
	
}


#contentText img{
	border-style:none;
}

#contentText{

	margin-left:20px;
	margin-right:20px;
	margin-top:-60px;
}

#contentText p{
	font: normal 14px/22px "Bank Gothic Medium", "Bank Gothic Light", bank, lucida, sans-serif;

}

#contentText ul li{
	font: normal 14px/22px "Bank Gothic Medium", "Bank Gothic Light", bank, lucida, sans-serif;

}

/*iFrame parameters*/
#datamain{

	border:0;
	height:450px;


}

#arrows{
	margin-left:50px;
	
	
}

#arrows img{
	border-bottom-style:none;
	border:0;
	
	
}


/*CSS for the side images effect */

ul.thumb {
	float: left;

	list-style: none;
	margin-left: -10px; 
	padding: 1px;
	width: 150px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 100px;
	height: 110px;
}
ul.thumb li img {
	width: 100px;
	height: 75px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 0px none #ddd;
	padding: 0px;
	background: #FFF;
	position: absolute;
	left: 6px;
	top: 7px;
}
ul.thumb li img.hover {
	 /*background:url(thumb_bg.png) no-repeat center center;  Image used as background on hover effect*/
	border: 0; /* Get rid of border on hover */
}


/*For the Freinds Images*/

#Friends img{
	
	
}