@charset "utf-8";
/* CSS Document */
/* Done by: Zarko Dudic [zarko@googlux.com] */


body {
	/* The margin clears an area around an element (outside the border) */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* The background-image specifies an image to use as the background of an element */
	/* By default, the image is repeated so it covers the entire element */
	background-image: url(header_tile.jpg);
	/* The background-color property specifies the background color of an element */
	background-color: #cccccc;
	/* image is repeated only horizontally (repeat-x) */
	background-repeat: repeat-x;
}



a {
	/* define link when mouse is NOT over it  */
    	text-decoration: none;
	color:#000000;
	font-weight:bold;
}



/* "hover" means mouse over link */

a:hover {
	/* define link when mouse is over it, so link is underline */
	text-decoration: underline;
	color:#000000;
	font-weight:bold;
}


/* ========================================= */
/*  ----------- Define Classes ------------- */
/* ========================================= */

/* Class is defined with a "." */


.title {
	/* titles left and right of main text */
	background-color:#000000; /* black */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color:#ffff00; /* yellow */
	text-indent: 5px;
	height: 20px;
}



.content_under_title {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-weight: bold;*/
	color:#000000;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	/*border: solid thin #000000;*/
}


.content_main {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-weight: bold;*/
	color:#000000;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	/*border: solid thin #000000;*/
}

/* define Class for tables */

.table {
	width:80%;
	height:100px;
	background-color: #ffffcc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: solid 1px #333333;
	border-collapse:collapse;
}


.td { 
	text-align:left;
	/* width:50%; */
	/* height:10px; */ 
	vertical-align:top; 
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: solid 1px #333333;
}


.th { 
	text-align:left; 
	/* width:80%; */
	/* height:100px; */
	vertical-align:top; 
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: solid 1px #333333;
}


/* define box for the code and similar text */
/* ID is defined with a "#" */

#code_box {
	background-color: #99ff99;
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 600px;
	
}