/***********************************************/
/* iloveskateparks.com css                     */
/* if you can do better, hit me up.            */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	/*background: #cccccc url("ilsp_gradient.jpg") fixed;*/
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pageshell{
	margin: 100 auto 10 auto;
	width:750px;
	background: #BBBBBB;
}


a {
	text-decoration:none;
	color:FF0000;
}

p {
	padding: 0px 5px 0px 5px;
}

a:hover{
	text-decoration: underline;
	color:DD0000;
}

.nav{
	position:relative;
	width:150px;
	float:left;
	text-align:center;

	font-weight:bold;
}

#breadcrumb{ /* <div id="breadcrumb"> */
	position:relative;
	width:740px; /* was 740 */
	float:left;
	text-align:right;
	background: #BBBBBB;
	font-weight:bold;
	font-style:italic;
	padding: 0px 5px 0px 5px;
}

#login{
	position:relative;
	width:750px;
}

#navigation{
	position:relative;
	width:730px; /* was 740 */
	padding: 0px 5px 0px 5px;
}

#video{
	position:relative;
	width:750px;
}

#content{
	position:relative;
	float:left;
	width:750px;
	padding: 0px 0px 0px 0px;
	background: #BBBBBB;
}

#map{
	position:relative;
	float:left;
	width:750px;
	padding: 0px 0px 0px 0px;
	background:#FFFFFF;
}

#mapdiv{
	position:relative;
	float:left;
	width:750px;
	padding: 0px 11px 0px 11px;
}

#footer{
	position:relative;
	float:left;
	width:750px;
	font-style:italic;
	background: #BBBBBB;
}

/*  use span class for this */
.onecell{
	position:relative;
	width:750px;
	float:left;
	text-align:left;
	padding: 2px 0px 2px 0px;
}
.twocell{
	position:relative;
	width:370px; /* was 375 */
	float:left;
	text-align:left;
	padding: 2px 0px 2px 5px
}
.threecell{
	position:relative;
	width:225px; /* was 250 */
	float:left;
	text-align:left;
	padding: 2px 0px 2px 25px
}
.fourcell{
	position:relative;
	width:182px; /* was 187 */
	float:left;
	text-align:left;
	padding: 2px 0px 2px 5px
	/*background-color:#666666;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;*/
	/*this is wicked retarted, but required to make columns in a row look equal if one overflows.  it worked, then I had long column lengths
	margin-bottom: -1000px; 
	padding-bottom: 1000px;*/
	/* I now doubt the validity of the above statement */
}

.fivecell{
	position:relative;
	width:145px; /* was 150 */
	float:left;
	text-align:left;
	padding: 2px 0px 2px 5px
	/*background-color:#444444;
	color:#FFFFFF;
	margin:0px 0px 0px 0px; */
	
	/*this is wicked retarted, but required to make columns in a row look equal if one overflows.  it worked, then I had long column lengths
	margin-bottom: -1000px; 
	padding-bottom: 1000px;*/
	/* I now doubt the validity of the above statement */
}

.tencell{
	position:relative;
	width:70px; /* was 75 */
	float:left;
	text-align:center;
	padding: 2px 0px 2px 5px
}

ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
ul li{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
	display:block;
}