/**************************************************
Design Hero Website v.1 by John Chan
Last modified: May 29, 2007
All associated graphics copyright 2007, Design Hero
**************************************************/

/************ Layout ************/
body 
{
margin: 0;
padding: 0;
background-color: #04C003;
}

#container 
{
min-width: 770px;
width: expression(document.body.clientWidth < 770? "770px": "auto" ); /* IE min-width hack */
}

#left
{
background: url(images/dh_bg_left.gif);
background-attachment: fixed;
top: 0;
left: 0;
width: 100px;
height: 600px;
}

div#left {
position: fixed;
}
	
* html div#left{
position: absolute;
}

#header
{
background:url(images/dh_header.png) no-repeat;
position: relative;
left: 100px;
width: 600px;
height: 203px;
margin: 18px 0 0 0;
}

#content
{
width: 590px;
position: relative;
left: 100px;
background: url(images/dh_body.gif) repeat-y;
margin: 0;
padding: 0 10px;
}

#footer-t
{
background: url(images/dh_footer_top.gif) no-repeat;
width: 600px;
height: 19px;
position: relative;
left: 100px;
clear: both;
}

#footer-m
{
background: url(images/dh_footer_mid.gif) repeat-y;
width: 600px;
position: relative;
left: 100px;
font: 0.7em/1.3em trebuchet ms, arial;
text-align: center;
clear: both;
}

#footer-b
{
background:url(images/dh_footer_bottom.gif) no-repeat bottom;
width: 600px;
height: 15px;
position: relative;
left: 100px;
clear: both;
}

#right
{
background: url(images/dh_bg_right.gif);
position: absolute;
top: 155px;
left: 700px;
width: 17px;
height: 121px;
}

/************* Modifications **************/


#content p
{
font: 12px/16px Arial, Helvetica, sans-serif;
text-align: left;
margin-top: 10px;
margin-bottom: 0px;
}

#content h1
{
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #006600;
text-align: left;
margin-top: 10px;
margin-bottom: 0px; 
}

.titleimg
{
margin: 10px 0 0 20px;
}

a
{
color: #03D203;
text-decoration: none;
}

a:active
{
color: #00CC00;
}

a:hover
{
color: #25F525;
}

.navcontainer
{
margin: 0;
margin-left: 15px;
padding: 0;
height: 15px;
}

.navcontainer ul
{
border: 0;
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
}

.navcontainer ul li
{
display: block;
float: left;
padding: 0;
margin: 0;
}

.navcontainer ul li a
{
background: #ffffff;
font: 12px/15px Arial, Helvetica, sans-serif;
width: 95px;
height: 16px;
margin: 0;
padding-top: 2px;
color: #03D203;
text-decoration: none;
display: block;
text-align: center;
}

.navcontainer ul li a:hover
{
color: #930;
background: #f5d7b4;
}

.navcontainer a:active
{
background: #c60;
color: #fff;
}

#footer-m a
{
color: #990000;
text-decoration: none;
}

#footer-m a:active
{
color: #990000;
text-decoration: underline;
}

#footer-m a:hover
{
color: #CC0000;
text-decoration: underline;
}

#footer-m p
{
margin: 0;
padding: 0;
color: #990000;
}