/* @override 
	http://www.djgile.com/dev/css.css
	http://www.djgile.com/dev/css/css.css
	http://djgile.com/dev/css/css.css
*/

/* **************************** /*
** green lush css based layout  **
** ---------------------------- **
** author: Yamazaki             **
** this layout is free for      **
** download, however you can't  **
** redistribute it and put the  **
** zip / rar file in your web   **
** without any permissions from **
** the author. thank you        **
** ---------------------------- **
** have fun with the layout     **
/* **************************** */

body
{
	font-size:       62.5%; /* reset 1EM to 10px */
	margin:          0;
	padding:         0;
	background:      transparent url('bg.jpg') repeat;
	background-color:#000;
	font: 			 helvetica, verdana, sans-serif;
}

#box
{
	margin:          0 auto;
	width:           760px;
	background:      transparent url('../images/containerbg.jpg') top left repeat-y;
}

#header
{
	margin-left:     12px;
	width:           748;
	height:          78px;
	background: #FFF url('../images/logocn.jpg') no-repeat 5px;
	border-bottom: 5px solid #000;
}

#menu
{
	margin:          0px 0px;
	position: 		 relative;
	width: 			 170px;
	left: 			 20px;
	top: 			 105px;
}

#menu ul
{
	margin:          0;
	padding:         0px;
	padding-bottom:  2px;
}

#menu ul li
{
	list-style:      none;
	display:         block;
	height: 20px;
	
	background: transparent url('../images/menuoff.jpg') no-repeat 0 0;
	padding-bottom: 12px;
	padding-top: 3px;
}
#menu ul li.currentPage
{
	list-style:      none;
	display:         block;
	height: 20px;
	background: transparent url('../images/menuon.jpg') no-repeat 0 0;
	padding-bottom: 12px;
	padding-top: 3px;
	
}

#menu a:link, #menu ul li a:active, #menu ul li a:visited
{
	color: 			 #000;
	text-decoration: none;
	font: 			 bold 1.1em verdana, arial, sans-serif;
	padding-left: 	 23px;
	margin-bottom: 23px;
}

#menu a:hover
{
	color:           #000;
	text-decoration: none;
}

#content
{
	width: 			 550px;
	float: 			 right;
	margin-right: 	 5px;
	z-index:		 0;
}

.h1
{
	margin:          0;
	color:           #000;
	font: 			 bold 2.6em/170% helvetica, verdana, sans-serif;
}

#insidecontent
{
}

#insidecontent p
{
	margin:          0;
	color:           #000;
	font: 			 1.2em/170% helvetica, verdana, sans-serif;
}

#insidecontent a:link, a:active, a:visited
{
	color:           #000;
	text-decoration: none;
}

#insidecontent a:hover
{
	color: 			 #0C6A15;
	text-decoration: underline;
}


#footer
{
	margin:          0 auto;
	position: 		 relative;  /* Needed for Safari */
	width: 			 785px;
	padding-left: 	 0px;
	background: 	 transparent;
	float: right;
	height: 		 20px;
}

#footerspan
{
	position: 		 relative;
	height: 20px;
}

#footerspan span
{

	font-family:     'lucida grande', 'franklin gothic medium', sans-serif;
	font-size:       1.0em;
	color:			 #ccc;
	padding:         0px;
	padding-left: 	 500px;	
	height: 20px;
}

#footerinside
{
	background: 	 transparent url(footer.jpg) no-repeat right bottom;
	width: 			 773px;
	height: 20px;
}

#footerspan span a:link, a:visited
{
	color: 			 #ccc;
	text-decoration: none;

}
#footerspan span a:hover
{
	color: 			 #000;
}