/* pretty 

<link rel="stylesheet" type="text/css" href="./style.css" title="medium" />


*/

/***** Body *****/

body {
			background-color: #000000;
			font-family: System, Fixedsys, courier, small fonts;
			background-image: url(freewave04v3bg.jpg); 
			background-repeat: no-repeat;
			background-position: 40% 35%;
			background-attachment: fixed;

/* link="#FFFF00" vlink="#BEBE5A" text="#CC9900"*/
}
#bg {
			z-index: -1
}
#bg img{
			margin-left: -900px;
}
img{
			
}
/***** Header ****/

#header h1 {
			color: #000099;
			background-color: Transparent;
			Font-family: ocr a extended, Ocr A STD, system;   		/*Font*/
			Font-size:400%;
			Margin: 0cm 0cm 0cm 0cm;
			padding: 0px 5px 5px 1cm;
			text-align:Center;
}
#header h2 {
			color: #1133bb;
			background-color: Transparent;
			Font-family: ocr a extended, Ocr A STD, system;   		/*Font*/
			Font-size:300%;
			Margin: 0cm 0cm 0cm 0cm;
			padding: 0px 5px 5px 1cm;
			text-align:Center;
}
/**** Content ****/

#info h2{
			color: #2222dd;							 /*color@*/
			Font: Bold 28px Fixedsys;   							/*Font*/
			margin-right: 1cm; 
			margin-left: 35%;
			text-align:center;
			background-color: black;							 /*color@*/
			/* for IE */
			filter:alpha(opacity=40);
			/* CSS3 standard */
			opacity:0.4;
			/* for Mozilla */
			-moz-opacity:0.4;
}

#info h2.def {
			word-spacing: 40px;
}
#info h2:hover {
			background-color: black;
			/* for IE */
			filter:alpha(opacity=100);
			/* CSS3 standard */
			opacity:1;
			/* for Mozilla */
			-moz-opacity:1;
}
#info p {
			color: #8888dd; 							 /*color@*/
			text-align:justify;
			Text-indent: 1cm;
			padding: 5px 5px 5px 5px;
			margin-right: 1cm;
			margin-left: 35%;
			background-color: black;							 /*color@*/
			/* for IE */
			filter:alpha(opacity=40);
			/* CSS3 standard */
			opacity:0.4;
			/* for Mozilla */
			-moz-opacity:0.4;
}
#info p:hover {
			background-color: black;
			/* for IE */
			filter:alpha(opacity=100);
			/* CSS3 standard */
			opacity:1;
			/* for Mozilla */
			-moz-opacity:1;
}
#info p:first-line{
			Margin-left: 1cm;
}
#info p.def {
			margin-left: 2cm;
}
#info p.def:first-line {
			font-variant: small-caps;   							/*Font*/
			font-style: italic;
}

#info a{
			color: #000099; 							 /*color@*/
			Margin-left: 2.5cm;
			font-style: underline;
}
/* */
#info a.cite{
			text-align:left;
			Text-indent: 1cm;
			margin-left: 1cm;
			margin-right: 35%;
			Font-variant: small-caps;   							/*Font*/
}

note {
			Position: Absolute;
			Top: 1cm;
			color: #ffff00;							 /*color@*/
			background-color: #ff8800;							 /*color@*/
			Margin: 25% 25% 3cm 25%;
			Text-Align: center;
			padding: 25px 25px 25px 25px;
			min-width: 50%
}

/**** Sidebar ****/

#side	{
			background-color: Transparent;							 /*color@*/
			position: absolute;
			Top: /* 10%; */ 3.5cm;
			Margin: 1cm 70% 4cm 10%;
			padding: 5px 5px 5px 5px;
}
#side h2 {
			color: #7777ff; 							 /*color@*/
			background-color: transparent;							/*color@*/
			Font: Bold 28px Fixedsys;   							/*Font*/
}
#side a {
			Margin-left: 0cm;
		    text-decoration: none;
		    font-weight: bold;
		    color: #3333ff;							 /*color@*/
}
#side ul.square {
			list-style-type: square;
}
#side li {
			font-weight: bold;
			color: #0000ff;							 /*color@*/
}
#side a:hover {
		    text-decoration: none;
		    font-weight: bold;
		    color: #7777ff;							 /*color@*/
}
#side p {
}


#counter {
			position: absolute;
			Top: 90%;
			Margin: 1px 50% 1px 50%;
			
}

/*
/* how do I code this 
<!-- #include file="sidebar.html" -->
*/