/* newish implemented   */


	body,
	html {
		margin:0;
		padding:0;
		color:#666;
		background:#000;
		font-family: times;
	}
	

/* = 						Rules for any page with "mono" ID on body  								 = */
	body#mono  {
		background-color:blue;
	}	
	
	body#mono #wrap {
		background-color:#fff;
	}
	body#mono #header {
		background-color:red;
	}
	body#mono #nav {
	background-color:#fff;
	}
	body#mono #nav li a:hover {
	background-color: red; 
	color: #fff;
	}	
	body#mono #main {
	background-color:#fff;
	}
	
	body#mono a:link {color:red;text-decoration: none}      /* unvisited link */
	body#mono a:visited {color:red;text-decoration: none}  /* visited link */
	body#mono a:hover {color:red; text-decoration: underline}  /* mouse over link */
	body#mono a:active {color:red;text-decoration: none}  /* selected link */

	body#mono #sidebar {
		background-color: #62a4aa;
		color: #fff;
	}
	body#mono #sidebar h2 {
		color:#000;
		}	
		
	body#mono #sidebar a:link {color:#fff;text-decoration: underline}      /* unvisited link */
	body#mono #sidebar a:visited {color:#fff;text-decoration: underline}  /* visited link */
	body#mono #sidebar a:hover {color:#fff; text-decoration: none}  /* mouse over link */
	body#mono #sidebar :active {color:#fff;text-decoration: underline}  /* selected link */
	
	body#mono #footer {
		background-color:red;
	}	
	body#mono h2 {

		color: red;
	}
	
	body#mono h3 {
		color: red;
		font-size:72%;
	}	

/*===============end rules for mono=====================*/
	
	
	#wrap {
		width:750px;
		margin:0 auto;
		background-color:#a60000;
	}
	#header {
		height: 64px;
		/*background-image:url('images/arowanafish.jpg');*/
		background-color:#ff2c00;
	
	}
	#header h1{
    	color: #fff; margin:0; padding-left: 12px; padding-top:12px;
	}

#nav {
	width: 750px;
	/*text-align: center;*/
	letter-spacing: 2px;
	height: 22px;
	border-top: solid #000 2px;	
	border-bottom: solid #000 2px;
	padding-bottom: 12px;
	background-color:#a60000;
	} 

/* selected link */


#nav ul{
	margin: 10px -12px 0 -12px;
	padding: 0px 0 0 0;
	width:100%;
	
}

#nav li{
	display: inline;
	padding: 10px 6px 4px 12px;
}

#nav li a {
	font-size: 16px;
	font-weight: bold;
	letter-spacing:2px;
	text-decoration: none;	
	color: #fff;
	padding: 10px 6px 4px 12px;
}

#nav li a:hover {
	
	text-decoration: none;
	background-color: #ff2c00; 
	color: #fff;
	padding: 10px 6px 5px 12px;
}


	
	#main {
		float:left;
		width:480px;
		padding:10px;
		background-color:#a60000;
	}
	#main_list {
		float:left;
		width:730px;
		padding:10px;

	}	
	
	h2 {
		margin:0 0 1em;
		color: #000;
	}
	
	h3 {
		margin:0 0 1em;
		color: #000;
	}
	
a:link {color:#ff2c00;text-decoration: none}      /* unvisited link */
a:visited {color:#ff2c00;text-decoration: none}  /* visited link */
a:hover {color:#ff2c00; text-decoration: underline}  /* mouse over link */
a:active {color:#ff2c00;text-decoration: none}  /* selected link */
	
	#sidebar {
		float:right;
		width:200px;
		padding:10px;
		margin: 14px;
		background:#ff8b73;
		font-size: 80%;
	}
	
	#sidebar a:link {color:#a60000;text-decoration: none}      /* unvisited link */
	#sidebar a:visited {color:#a60000;text-decoration: none}  /* visited link */
	#sidebar a:hover {color:#a60000; text-decoration: underline}  /* mouse over link */
	#sidebar :active {color:#a60000;text-decoration: none}  /* selected link */
table	{
		background-color: #fff;
		font-size: 70%;
		color: #666;
		}
td	{
		border-bottom: #000 dotted 1px;
		}
		
h4 {font-size: 12px;
		color: #999;
			}

	
	#footer {
		clear:both;
		padding:5px 90px 10px; 
		background-color:#a60000;
		border-top: solid #000 2px;
		text-align: center;

	}
	#footer p {
		margin:0;
		font-size: 80%;
		font-style:italic;
		color: #fff;	
		}
		
	* html #footer {
		height:1px;
	}
	/*COLLAPSED BROWSER OR SMALL VERSION OF THE SITE  */	
@media all and (min-width: 400px) and (max-width: 749px) {
	#wrap {
			width:96%;
			margin:0 auto;
			background-color:#6f8370;
				}
	#clams,#sidebar,#footer 	{
			visibility:hidden;
			font-size:1%;
			height: 1px;
			overflow:hidden;
		
		}
	 
	#main {
			width:98%;
			padding:6px;
			background-color:#bdd6bf;
	}		
	}