@charset "UTF-8";
/* CSS Document */


* {
	margin: 0;
	padding: 0;
}

body {
	color: #333333;						/* sets the color of all type in the website except for links and other sections overwritten */
	font-family: verdana,sans-serif;	/* choose overall font - go to www.typetester.org to test sizes and see the list of safe fonts
										 - If the user doesnt have the first one, it try the second, and goes along the list until it finds
										 a font that the computer has installed */
	background-image: url(http://nedine.lostcommonground.net/misc/squaretile.gif);
	background-repeat: repeat; 
}


/* colors for all links */
a:link { text-decoration: none; color:#000000; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color:#000000;}	/* This can be helpful for users to identify which items they've already seen*/
a:hover { text-decoration: none; color: #FFFFFF; background-color:#66cc00; }	/* sets the properties for links when mouse rolls over */




a img {  border: none; }				/* any img that is a link */

#menu {
    width: 200px;						/* sets the width of your left hand bar - if you change this also change the LEFT margin in #content to match */
	background-color: transparent;
    top: 0;
    bottom: 0;
	height: 500;					
 	margin: 0 0 0 90px;  				/** "#content" left margin (90) */
    position: absolute; 				/* this make the menu stay in place while the content section scrolls*/
	float: left;
	overflow: auto;
	padding-top: 0 px; 					/* change to match the padding-top in #content if you want them to align */
	padding-bottom: 0 px;				/* padding-left & right can be changed in #menu ul - below */
	border-right: 2px solid #66cc00;
	z-index: 2; 						

}

#background_menu {
	width: 200px;						
    top: 0;
    bottom: 0;
 	left: 90px;  	
	height: 500;					
    position: absolute; 				
	float: left;
	padding-top: 0 px; 					
	padding-bottom: 0 px;   
	background-color: #cccccc;
	filter: alpha(op\acity = 40);			/* for IE -- OPACITY set up */
    opacity: 0.5;						/* CSS3 standard -- OPACITY set up */
	z-index: -1; 						
}

#background_content {
	width: 700px;						
    top: 0;
    bottom: 0;
 	left: 290px;  						
    position: absolute; 				
	height: 500;					
	float: left;
	padding-top: 0 px; 					
	padding-bottom: 0 px;
	z-index: -2; 	
	background-color: #FFFFFF;

}

.h1 {
	color: #000000;
	background-color: transparent;
	font-size:10pt;
	align: right;
	margin: 0 0 7px 0;
	
	/* Following lines adds a line below the section */
	border-top: 1px dotted #000000;		/* border : 'width', 'style', colour' ; */
	border-bottom: 1px dotted #000000;


	
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;  /* sets the space between each section : 'top', 'right', 'bottom, 'left' */   /* here is to sets the space at the bottom (between) each section */

}

#menu ul li.section-title {
	line-height:12pt;
	color: #000000;
	background-color: #FFFFFF;
	font-size:9pt;
	text-align: right;

}

#menu ul li.menu1 {
	line-height:12pt;
	color: #000000;
	font-size:9pt;
	text-align: left;
	margin-bottom: 3px; 

}

#menu ul li.menu2 {
    padding-left: 10px;	
	line-height:12pt;
	color: #000000;
	font-size:9pt;
	text-align: left;
	margin-bottom: 3px; 
}

#menu ul li.current {
	line-height:12pt;
	color: #FFFFFF;
	font-size:9pt;
	text-align: left;
	background-color: #000000;
	margin-bottom: 3px; 
}

#menu ul li.current2 {
    padding-left: 10px;	
	line-height:12pt;
	color: #FFFFFF;
	font-size:9pt;
	text-align: left;
	background-color: #000000;
	margin-bottom: 3px; 
}



#content {
	width: 700px; 
	height: 100%;					
    margin: 0 0 0 290px;
    top: 0;
	left:0px;
	float:left;
	background-color: #transparent;
	overflow: auto;
	z-index: 2; 						
}

#text_full {
	height: 550px;					
	background-color: #transparent;
	overflow: auto;
	z-index: 3; 						
}

#text_half {
	height: 250px;					
	background-color: #transparent;
	overflow: auto;
	z-index: 3; 						
}

.container {
    padding: 20px 35px 20px 30px;	
}

#content p.caption {
	font-size:7pt;
	color: #666666;
    margin-bottom: 9px; 
}

#content p { 
	width: 100%; 
	margin-bottom: 9px; 
	line-height:14pt;
	font-size:8pt;
	color: #333333;
	text-align: left;
}

#image_main {
    margin-bottom: 15px; 
}

#image_thumbs {
	height: 50px; 
}

#stat_shadow {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	width: 83px;
	height: 38px;
	background-image: url(http://nedine.lostcommonground.net/misc/squaretile.gif);
	background-repeat: repeat;
}

#stat_counter {
	left: 0px;
	top: 0px;
    position: absolute; 				
	z-index: -3; 	
}