/* Copyright (C) 2009, Satish B D, Some Rights Reserved.
 * This CSS file is licensed under Creative Commons BY-NC-SA 3.0
 * You MUST link back to my website, if you use this or modify this.
 * You MUST NOT use this for commercial purposes.
 * Contact: http://bdsatish.in
**/

/* HEADER STYLES  */

/*
This is inherited from general.css
* {
    margin: 0;
}
*/

#header {
    background-color: #D3D3D3; /* lightgray */
    color: #FFFFF0;  /* ivory, text color, almost white */
    text-align:center;
	padding: 15px 40px 15px 40px;
}

#header h1 {
	font-size: 22px;
	margin-bottom: 15px;
}

#header h2 {
	font-size: 16px;
}

#menu {
	padding: 5px 30px 0px 30px;
	margin-bottom: 10px;
	color: #222222;
	background-color: #f5f5f5;
	border-bottom: solid 1px #DADADA;
	padding-left: 24%;
	padding-right: 0%;
}

#menu div {
	clear: both;
}

#menu ul {
	display: block;
    position: relative;
    top: 1px;
	list-style: none;
	padding: 0px;  /* Do not change this */
	margin-bottom: 0px;
	font-weight:bold;
}
	
#menu ul li
{
    position: relative;
    float: left;
	border: solid 1px #dadada;
	border-bottom: 0px;
	margin-right: 5px;
	width:auto;
}

#menu ul li a
{
	display: block;
	padding: 5px 10px 8px 10px;
	text-decoration: none;
	background-color: inherit;
	color: #333333;
}

#menu ul li a:hover
{
	background-color: gray;
	color: #fff;
}

#menu ul li.active, #menu ul li.active a {
	background-color: #ffffff;
	color: #333333;
}

#menu ul li.active a:hover {
   	background-color: gray;
   	color: white;
}