* { margin: 0; padding: 0; }
body {
background:#363942 none repeat scroll 0%;
}

a {
    color: #284907;
}

a:hover {
    color: #5c832f;
}

#header ul a {
    width: 100%;
    height: 100%;
    display: inline;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
}

#content ul {
    padding-left: 5em;
    list-style: none;
}

#header ul { 
list-style-type: none; 
margin-top: 132px;
}

#header li {
    display:inline;
    float: left;
}

#header {
background:transparent url(images/header.gif) no-repeat scroll 0%;
height:200px;
margin:0 auto;
width:850px;
padding-top: 1px;
}

#home_button {
margin-left: 60px;
height:34px;
width:101px;
}
#home_button a:hover {
background:transparent url(images/home_over.gif) repeat scroll 0%;
}
#portfolio_button {
height:39px;
width:159px;
margin-left: 80px;
}
#portfolio_button a:hover {
background:transparent url(images/portfolio_over.gif) repeat scroll 0%;
}
#calpolyslo_button {
height:36px;
width:177px;
margin-left: 66px;
}
#calpolyslo_button a:hover {
background:transparent url(images/calpolyslo_over.gif) repeat scroll 0%;
}
#resume_button {
height:32px;
width:118px;
margin-left: 45px;
}
#resume_button a:hover {
background:transparent url(images/resume_over.gif) repeat scroll 0%;
}

#footer {
    background:transparent url(images/footer.gif) repeat scroll 0%;
    width: 850px;
    height: 70px;
    margin:0 auto;
    
}

#content {
    background: transparent url(images/content.gif) repeat scroll 0%;
    width: 850px;
    margin:0 auto;
    color: #363942;
    font-family: Arial Black, Arial;
    font-size: 12pt;
}

#content h1,h2,h3 {
    padding-left:2em;
}

#content h4 {
    padding-left:4em;
}

#content p {
    padding-left:4em;
    font-family: Arial;
    font-size: 12pt;
    padding-right: 4em;
}

#content-top {
    background: transparent url(images/content-top.gif) no-repeat 0%;
    width: 850px;
    height: 39px;
    margin:0 auto;
}

#content-bottom {
    background: transparent url(images/content-bottom.gif) no-repeat 0%;
    width: 850px;
    height: 39px;
    margin:0 auto;
}

#content ul a {
    width: 100%;
    height: 100%;
    display: inline;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
}

#word {
    background: transparent url(images/word.gif) no-repeat 0%;
    width: 225px;
    height: 75px;
}

#word a:hover {
    background: transparent url(images/word_over.gif) no-repeat 0%;
}

#pdf {
    background: transparent url(images/pdf.gif) no-repeat 0%;
    width: 225px;
    height: 75px;
}

#pdf a:hover {
    background: transparent url(images/pdf_over.gif) no-repeat 0%;
}

#hunter {
    width: 600px;
    height: 287px;
    margin-left: 1em;
    background: transparent url(images/hunter_thumb.gif) no-repeat 0%;
}

#hlcre {
    width: 600px;
    height: 364px;
    margin-left: 1em;
    background: transparent url(images/hl_thumb.gif) no-repeat 0%;
}

#ccg {
    width: 600px;
    height: 220px;
    margin-left: 1em;
    background: transparent url(images/ccg_thumb.gif) no-repeat 0%;
}

#trinity {
    width: 600px;
    height: 229px;
    margin-left: 1em;
    background: transparent url(images/trinity_thumb.gif) no-repeat 0%;
}

#content ul p {
    padding-left: 220px;
}

#content ul h3 {
    text-indent: -2em;
}