@charset "utf-8";
/* CSS Document */

html {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Arial';
	font-size: 100%;
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: white;
	background-color: #000;
}

div, img{
	margin: 0;
	padding: 0;
	border: 0;
}

:link { 
	color: #007a5c;
	text-decoration: none;

}
:visited {
	color: #b29f00; 
	text-decoration: none;
}

#container {
	background-image:url(asphalt.png);
	width: 1008px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	overflow: hidden;
}

#lanestripe {
	background-image:url(lanestripe.png);
	width: 101px;
	height: 100%;
	float: left;
	position: absolute;
	left: 711px;
	top: 0px;
}

#tiremark {
	background-image:url(treads.png);
	width: 1008px;
	height: 176px;
	float: left;
	position: absolute;
	top: 50px;
	left: 0px;
}

#frame {
	float: left;
	background-image: url(frameBG.png);
	overflow: hidden;
	position: relative;
	padding-left: 35px;
	padding-right: 35px;
}

#head {
	float: left;
	overflow: hidden;
	width: 100%;
	height: 220px;
	
}

#logocaption {
background-image:url(caption.png);
	width: 261px;
	height: 30px;
	text-indent: -9000px;
	position: relative;
	left:50px;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	vertical-align: baseline;
}

#logo {
	background-image:url(title.png);
	width: 588px;
	height: 137px;
	text-indent: -9000px;
	position: relative;
	left: 50px;
	margin: 0;
	margin-top: 28px;
	padding: 0;
	vertical-align: baseline
}

#content{
	float: left;
	width: 100%;
	padding-top: 25px;
}
	
.column.left {
	width: 671px;
	float: left;
	overflow: hidden;
}
 
.column.right{
	float: right;
	position: relative;
	left: 15px;
}

.article {
	background-image: url(bg000t70.png);
	margin-bottom: 15px;
}

.article.image {
	background-image: none;
}

.article.blogpost {
	padding: 25px;
}

.article.blogpost .title,
.article.blogpost .author,
.article.blogpost .date {
	padding: 0;
	margin: .4em 0; 
	color: #dcdcdc;
}

.article.blogpost .title {
	text-decoration: bold;
}

.article.blogpost .content{
	color: #bbb;
	font-size: 85%;
}

.article.blogpost a.addthis_button {
	margin-top: 1em;
	margin-left: .5em;
}



/* Dynamic drive menu stuff */
.glossymenu {
margin: 0;
padding: 0;
width: 160px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: transparent url(bg000t70.png) repeat;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
width: 100%;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
	xbackground-image: url(bg000t70.png);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: url(bg4d4t70.png);
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 0px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #007a5c;
color: white;
}

.facebook {
margin: 0;
padding: 0;
width: 160px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;}