body 
{text-align: center;

margin:0;
padding:0;
background: #000000;
font-family:tahoma, sans-serif;

}


a
{color: #6c7982;
font-weight: bold;}

a:hover
{text-decoration: none; 
color:#8ea852;}

#header
{
/*border-bottom: 8px solid #7d7c7c;*/
width:741px;
background: url(images/leftborder.jpg) repeat-y;
}

#header img{}

#navcontainer ul
{padding: 0;
margin: 0;
border-right: 2px solid #bbd17e;
background: #a7c661 url(images/blacksmall3.jpg);
float: left;
width: 99.1%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
background: url(images/blacksmall3.jpg);
color: White;
text-decoration: none;
float: left;
border-right: 3px solid #bbd17e;
font-weight: bold;
}
#navcontainer ul li a:hover
{background: url(images/bluesmall2.jpg);
color: #fff;
}

#navcontainer {
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #909090;
	background-image: url(images/p7exp_mbar.jpg);
	background-repeat: repeat-x;

}
img
{margin: 0px;
padding: 0px;
}

.parstyle 
{margin-top: 100px; 
font-size: 70%; 
text-decoration: none; 
font-weight: normal;
color: #0047bd;}


.parstlye a:hover
{text-decoration: none; 
color:#bad07d;}


#col1
{float: left;
width: 620px;
display: inline;
background: url(images/leftborder.jpg) repeat-y #e7ebda;
height: 700px;
border-left: 1px solid #000000;

}



/* Have Butterfuly change in each header like a hidden image?.....Or add more then one butterfuly on each page?? ..... add some fun to the header...*/ 
#col1 h4
{margin-left: 55px;}


#col1 h5
{margin-left: 55px;}

#col1 ul li
{margin-left: 55px;}

#col1 h3
{margin-left: 55px;}

#col1 p
{
margin-top: 25px;
margin-left: 55px;
margin-right:30px;
}

#col2
{float: left;
width: 115px;
background: #000;
height: 700px;
}


#footer a
{text-decoration: none; 
color:#719ba7;}

#footer a:hover
{text-decoration: none; 
color:#bad07d;}

#footer
{color: #bad07d;
padding-left:15px;
margin-top: 10px;
margin-left:1px;
margin-right:1px;
font-size:75%;
clear: both;
width:725px;
border-top: solid 4px #bbd17e;
background: #000;
} 
 
#footer p
{color: #bad07d;
width:740px;
margin-left: -15px;
margin-top: 10px;} 
 
 
#footer hr
{background-color: #bad07d; 
width:740px;
margin-left: -15px;}



#content
{float: left;
width: 741px;
}

#right
{float: left;
width: 20%;}

#wrapper {
width: 741px;
margin: 0 auto;
text-align: left;
margin-top: 20px;
}


/* DESIGN HOLDERS*/
/*#design a{
background: #ccc; padding: 10px;
color: #000000; !important;

}

#design a:hover{
color: #000000; !important;
} 
#design ul li{
margin-left: 140px;
}*/
#design {
margin-top: 20px;
margin-left: 30px;
}
#design p{
font-size: 85%;
border: 2px solid #666666;
}

#design h4{
margin-left: 140px;
}
#design img{
border: 2px solid black;
}

#design b{color:#003366;}

#designnav ul
{padding: 0;
margin: 0;
margin-left: 0;
border-right: 2px solid #5a633f;
background: #a7c661 url(images/greensmall3.jpg);
float: left;
font-family: arial, helvetica, sans-serif;
}

#designnav ul li { display: inline; }

#designnav ul li a
{padding: 0.2em 1em;
background: url(images/greensmall3.jpg);
color: #ffffff;
text-decoration: none;
float: left;
border-right: 3px solid #5a633f;
font-weight: bold;
}
#designnav ul li a:hover
{background: url(images/bluesmall2.jpg);
color: #fff;
}

#imagelink{text-align: right; margin-right: 20px;}

#imagelink small{
}

#imagelink img{
margin: 0; padding: 0;}

#imagelink a{text-decoration: none !important;}