
<!-- Joshua Clevenger__Assignment 6 -->


margin, border, 
padding, p, div, 
span, applet, a, 
object, h1, h2, 
h3, h4, h5, h6, { margin: 0; border: 0; padding: 0; }


body 	{
	margin: 0; border: 0; padding: 0;
	font-family: arial,  Helvetica, Verdana, sans-serif;
	font-style: normal;
	color: #333333;
	background-color: #ffffff;
	background-image: url("images/bkg.jpg");
	background-repeat: repeat-y;
	background-position: center;
	}


#container {
	margin-right: auto; margin-left: auto; width: 820px; 
	height: 100%;background-color: #ffffff;
	}


#topbanner {
	background-image: url("images/header.jpg");
	height: 200px; text-align: center; color: #66ccff; 
	background-color: #666666; border: 1px solid #ffffff;
	background-position: center; background-repeat: no-repeat;
	}

#othercontent {
	height: 50px;  background-color: #999999; border: 1px solid #ffffff;
	background-image: url("images/other.jpg");
	background-repeat: repeat-x;
	background-position: top;
	}

.smallertxt {font-size: smaller; color: #ffffff;}


#maincontent {padding: 10px; border: 1px solid #ffffff;
	background-image: url("images/main.jpg");
	background-repeat: repeat-x;
	background-position: top;
	}

ul {list-style-type:none;}

ul a {text-decoration:none;}

li {font-size: 12px; color: #333333; font-weight: bold; clear:left;}
li a:hover {color: #66ccff;}
li a {color: #ffffff;}

ul.project li {
	border-left: 6px solid #ffffff;
	margin-bottom:35px;
	text-decoration: none;
	color: #ffffff;
	display:inline;
	float:left;
	clear:none;
	list-style-type:none;
	width: 130px;
	height: 28px;
	background-image: url("images/button.jpg");
	font-size:12px;
	}