html, body {
margin : 0px;
padding : 0px;
}   
/*-------- layout  -------------*/
body {
background : #ff0859 fixed url(img/bg.gif);			  
background-position : left top;
background-repeat : repeat-y;
font : 10pt tahoma, "book antiqua", verdana, arial, sans-serif;
margin : 0 auto;
text-align : justify;
}	
#layo
{
	background: transparent;
	top: 0px;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index: 1;
}	   			   
#content { 	 
	position: absolute;
	top: 240px;
	left: 422px;
	padding:0px;
	margin: 0px 0px 0px 0px;
	width: 440px;
	text-align: justify; 
	z-index: 2;
	color: #FFFFFF;
}	 
#menu { 	 
	position: absolute;
	top: 240px;
	left: 440px;
	padding:0px;
	margin: 0px 0px 0px 0px;
	width: 200px; 
	height:32px;
	text-align: justify; 
	z-index: 3;
}
  	 
div#menu a:link, div#menu a:active, div#menu a:visited {
background: transparent;
	border: 0px;
	color: #CCCCCC;
	cursor: crosshair;
	font-weight: normal;
	font: 15pt tahoma, verdana, sans-serif;
	text-transform: lowercase;
}
div#menu a:hover {
background:transparent;
	border: 0px;
	color: #fff;
	cursor: crosshair;
	font-weight: normal;
	font: 15pt tahoma, verdana, sans-serif;
	text-transform: lowercase;
}	
#altern { 	 
	position: absolute;
	top: 280px;
	left: 370px;
	padding:0px;
	margin: 0px 0px 0px 0px;
	width: 100px; 
	height:32px;
	text-align: justify; 
	z-index: 3;
}
div#altern a:link, div#altern a:active, div#altern a:visited {
background: transparent;
	border: 0px;
	color: gray;
	cursor: crosshair;
	font-weight: normal;
	font: 15pt tahoma, verdana, sans-serif;
	text-transform: lowercase;
}
div#altern a:hover {
background:transparent;
	border: 0px;
	color: #ff0859;
	cursor: crosshair;
	font-weight: normal;
	font: 15pt tahoma, verdana, sans-serif;
	text-transform: lowercase;
}
#discla {
font :7pt verdana, arial, sans-serif;
margin-top : 0;
margin-left : 5px;
text-align : justify;
}		
/*-------- common stuff -------------*/
p {
font : 10pt tahoma, verdana, arial, sans-serif;
margin-top : 0;
margin-left : 10px;
text-align : justify;
}
h1 {
color : #ff0859;
font-variant : normal;
font : 18pt georgia, Arial, sans-serif;
line-height : normal;
padding-left : 10px;  
text-align:right;
padding-right:20px;
border-bottom : 1px dotted #2C2C2C;
}
h2 {
color : #ff0859;
font-variant : normal;
font : 14pt georgia, Arial, sans-serif;
line-height : normal;
text-align:right;
padding-right:20px;
border-bottom : 1px dotted #2C2C2C;
}
a, a:link, a:active, a:visited {   
background: #000000;
color : #ffffff;
cursor : help;
text-decoration : none;
border-bottom : 1px solid #ff0859;		   
font : 10pt tahoma, "book antiqua", verdana, arial, sans-serif;
}
a:hover {
background: #000000;
color : #ff0859;
cursor : help;
text-decoration : none;
border-bottom : 1px solid #ffffff;		
font : 10pt tahoma, "book antiqua", verdana, arial, sans-serif;
}
strong, b {
color : #ff0859;
}
i {
color : #ff0859;
}
u {
color : #6d7053;
text-transform : uppercase;
font : 8pt tahoma, "book antiqua", verdana, arial, sans-serif;
text-decoration : none;
}
label, th {
color : #6a7184;
font : bold 8pt verdana, arial, sans-serif;
line-height : 10pt;
text-align : justify;
}
img {
border : 0;
}
.boxfl {
padding-left : 20px;
background : transparent;
color : #182126;
font-weight : normal;
font-family : arial;
text-align : justify;
border : 0 solid #a2e1f2;
width : 100%;
}
.title {
padding-left : 20px;
color : #fbffff;
font : 10pt Verdana, sans-serif;
font-weight : bold;
text-align : justify;
text-transform : uppercase;
}
.descrip {
background : #b6d093 url(img/bglist.gif);
background-position : left top;
background-repeat : no-repeat;
color : #182126;
font-weight : normal;
font-family : arial;
text-align : justify;
width : 90%;
}
.imgfl {
background : #7e7771;
border : 3px solid #383838;
}
td {
color : #8C3A12;
background : #fbe198;
border-left : 7px solid #b2c711;
}
td.blank {
color : #7b735e;
background : #EFF398;
border-left : 7px solid #b2c711;
}  		
	  
blockquote.stats {
background : #2C2C2C url(img/stats.gif);
background-position : right bottom;
background-repeat : no-repeat;
border : 1px solid #ff0859;	  
color: #fffff;		   
padding: 10px;	 
width : 328px;
height: 157px;
}  

/*-------- code sort -------------*/
.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0; 
	color: #ff0859;
}
	
.codesort p {
	text-align:center; 
}

.codesort img {	
	background : #FFFFCC;
	border : 3px solid #DEDEDE; 
}