*{
margin: 0;
}

body{
margin: 0;
background:#000000;
}

#wrapper{
margin: 0 20px 0 0;
border: solid 0px red;
}

#header{
width: 100%;
height: 238px;
background: url(images/rgtitle.jpg) center top no-repeat;
margin: 10px auto 0 auto;
border: solid 0px red;
}

a img{
border: none;
}

#nav{
height: 40px;
width: 100%;
padding: 0 0 5px 0;
margin: 10px 0 0 0;
border-bottom: dashed 1px #333;
}

#nav ul{
width: 100%;
padding: 0;
margin: 0px;
list-style: none;
display: inline;
}

#nav ul li{
height: 28px;
width: 115px;
padding: 5px;
margin: 0;
float: left;
list-style: none;
}


#nav ul li a.homenav{
background: url(images/homenav.gif) left top no-repeat;
padding: 0;
margin: 0 0 0 0px;
text-indent: -1000px;
color: black;
height: 28px;
width: 115px;
display: block;
}

#nav ul li a.aboutnav{
background: url(images/aboutnav.gif) left top no-repeat;
padding: 0;
margin: 0 0 0 0px;
text-indent: -1000px;
color: black;
height: 28px;
width: 115px;
display: block;
}

#nav ul li a.reptilesnav{
background: url(images/reptilesnav.gif) left top no-repeat;
padding: 0;
margin: 0 0 0 20px;
text-indent: -1000px;
color: black;
height: 28px;
width: 115px;
display: block;
}

#nav ul li a.contactnav{
background: url(images/contactnav.gif) left top no-repeat;
padding: 0;
margin: 0 0 0 40px;
text-indent: -1000px;
color: black;
height: 28px;
width: 115px;
display: block;
}

#nav ul li a.showsnav{
background: url(images/showsnav.gif) left top no-repeat;
padding: 0;
margin: 0 0 0 50px;
text-indent: -1000px;
color: black;
height: 28px;
width: 115px;
display: block;
}

#repnav{
width: 220px;
padding: 0;
margin: 30px 10px 10px;
float: left;
}

#repnav ul{
padding: 0;
margin: 0;
float: left;
}

#repnav ul li{
padding: 0;
margin: 0;
list-style: none;
}

#repnav ul li a{
padding: 0 10px;
margin: 0;
font-family: verdana;
color: #299700;
border: solid 1px #caca03;
text-decoration: none;
display: block;
}

#repnav ul li a:hover{
background: #299700;
color: #000;
text-decoration: none;
}

#replist{
width: 350px;
padding: 0 90px 0 0; 
float: right;
}

#pythonreplist{
background: url(images/bp.jpg) right top no-repeat;
width: 350px;
padding: 0 90px 0 0; 
float: right;
}

#replist p.replist{
padding: 60px 0 0 0;
}

p.iguana{
text-align: right;
}

#content{
width: 710px;
height: 100%;
margin: 10px auto 0 auto;
padding: 10px 10px 0 10px;
border: solid 2px #299700;
font-family: bell-gothic, sans-serif;
}

#content p{
padding: 5px 0 0 15px;
margin: 0;
font-family: arial, sans-serif;
font-size: 15px;
color: #caca03;
}

#content h1{
padding: 5px 0 0 15px;
margin: 10px 0;
font-family: arial, sans-serif;
font-size: 25px;
color: #caca03;
}

#content h2{
padding: 15px 0 0 15px;
margin: 0;
font-family: arial, sans-serif;
font-size: 20px;
color: #caca03;
}

h3{
color: #299700;
padding: 15px 0 7px 20px;
}

h4{
color: #299700;
padding: 15px 0 7px 20px;
}

#content a{
padding: 10px 0 0 0;
font-family: arial, sans-serif;
font-size: 15px;
color: #caca03;
text-decoration: underline;
}

#content a:hover{
color: #299700;
text-decoration: none;
}

#content li{
padding: 5px 0 0 5px;
margin: 0;
font-family: arial, sans-serif;
font-size: 15px;
color: #caca03;
list-style: circle;
}

.imageleft img{
padding: 0 50px 0 0;
float: right;
border: none;
}

#footer{
background: url(images/footer.jpg) left top no-repeat;
width: 730px;
height: 50px;
margin: 0 auto;
border-right: solid 2px #299700;
border-left: solid 2px #299700;

}

#footer p{
color: #caca03;
padding: 15px 0 0 120px;
font-family: verdana; 
font-size: small;
float: left;
}

#footer p.address{
color: #caca03;
padding: 10px 0 0 190px;
text-align: right;
font-family: verdana; 
font-size: small;
}

#space{
padding: 20px 0;
}

#clear{
clear: both;
}

#temp{
margin: 100px 0;
}

* html #nav{
position: absolute;
top: 178px;
left: 0;
}

* html #header{
position: absolute;
top: 0;
left: 0;
}

* html #wrapper{
border: solid 0px red;
}