/*Clears browsers automatic settings*/

	html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  	margin:0px;
  	padding:0px;
  	border:0px;
  	border-collapse:separate;
  	border-spacing:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	input,select{
	  margin:0;
	  padding:0;
	}



	body{background: black; font-size:14px;}
	
	/*Makes title and logos look centered*/

	#title {width:100%;}
	#rpi {padding:0 0 0 5px;}
	
	/* 
	bot= right-hand side links. 
	I had that div on the bottom to begin with*/

	div.top{margin:10px auto 15px auto; width:780px; background-color: white; overflow-y: visible;text-align:center; }
	div.mid{margin:0 auto 0 auto; width:135px;  background-color: #cd3738; float:right;}
	div.bot{margin:0 15px 0 auto;  width:630px;  float:left; background: #40a850}
	div.content{margin:0 auto 0 auto; width:780px;}
	div.stuff{margin: 7px 7px 7px 15px;}
	div.links{margin: 7px 7px 7px 10px;}
	



	
	div.links a {color: white; text-decoration:none; font-weight: bold; font-size: 16px; background-color:#cd3738; margin:6px 6px 6px 0px; }
	div.links a:active{color: white; text-decoration:none; font-weight: bold; font-size: 16px; background-color:#cd3738;}
	div.links a:visited {color: white; text-decoration:none; font-weight: bold; font-size: 16px; background-color:#cd3738;}
	div.links a:hover{color: black; text-decoration:none; font-weight: bold; font-size: 16px; background-color:#cd3738;}
		
	
	div.stuff div{color:black;}
	div.stuff a {color:#003000;}
	div.stuff h3 a {text-decoration:none; color:black;}
	div.stuff a:hover {color:white;}

	
	div.stuff img{border:2px solid black;}
 	p.desc {color:white; padding: 2px 100px 20px 5px; margin:0px 0px 0px 0;}

	h3{font-size: 18px; margin: 10px 0 10px 0;}