/* CSS Document */
	body {
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.5em;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	#fixed {
		margin:0 auto;
   		width: 960px;   /* you can use px, em or % */
   		text-align: left;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		clear:both;
		float:left;
		width:100%;
		height: 100px;
		background: #FFFFFF;
	}

	/*Main menu*/
	#nav {
		float: left;
		width: 100%;
		background: #333333 url(../images/nav-bg.jpg) repeat-x;
		height: 36px;
		margin-top:-5px;
		z-index:9999;
		}
	#nav ul {
		list-style:none;
		padding:0;
	}
	
	#nav ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		float:left;
			}
	#nav ul li a {
		display:block;
		padding:10px 27px;
		text-align:center;
		color:#fff;
		text-decoration:none;
		line-height:1.3em;
		border-right: 1px solid #eee;
	}
	#nav ul li:first-child a{
     padding: 10px 100px;
	}
	#nav ul li a:hover {
		background: url(../images/nav-bg-hover-purple.jpg) repeat-x;
		color:#fff;
	}
	
	#nav ul li:first-child a:hover {
		background: url(../images/nav-bg-hover-cyan.jpg) repeat-x;
		color:#fff;
	}
	#nav ul li a.active,
	#nav ul li a.active:hover {
		color:#fff;
		background: url(../images/nav-bg-hover-cyan.jpg) repeat-x;
	}
	
	#nav ul li:first-child a.active,
	#nav ul li:first-child a.active:hover {
		color:#fff;
		background: url(../images/nav-bg-hover-cyan.jpg) repeat-x;
	}
	/*sub menu */
#nav li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
	background-color: #999999;
	}

#nav ul ul li a {
		padding: 10px 30px !important;
		background:#999999;
		width: 170px;
		border-bottom: 1px solid #fff;
		border-right:none;

	}
#nav ul ul li:first-child a:hover{
		background-image:none;
		border-bottom: 1px solid #fff;
		background:#999999;

	}		
#nav ul ul li:first-child a{
		padding: 10px 10px;
		text-align:left;
		border-bottom: 1px solid #fff;
	}
#nav ul ul li a:hover{
		background-image:none !important;
		background:#999999;
		text-align:left;
	}		
#nav ul ul li a{
	 padding: 10px 10px !important;
	 text-align:left;
	}
#nav li:hover ul, #nav li.hover ul {
	display: block;
	position: absolute;
	width: 190px;
	}
#nav li:hover li, #nav li.hover li {
	float: none;
	}
#nav li:hover li a, #nav li.hover li a {
	background-color: #999999;
	color: #fff; 
	}
#nav li li a:hover {
	background-color: #999999; 
	}	
	
	/*sub menu*/
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
	float:left;
	width:100%;
	position:relative;
	background-color: #fff;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background:#fff url(../images/lozenges-bg.jpg);	/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
		padding-top: 10px;
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}
	/* Footer styles */
	#footer {
	clear:both;
	float:left;
	width:100%;
	height: 70px;
	background-color: #FFF;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	}
	#footer p {
		clear:both;
		float:left;
		width:100%;		
		font-size: 0.8em;
		padding: 6px 6px 6px 36px;
		color: #FFF;
	}
	#footer p a:link a:visited a:hover a:active {
		text-decoration: none;
		color: #ffffff;
	}
	.left {
		float: left;
		width: 200px;
	}
	.right {
		float: left;
		width: 760px;
		margin-top: 25px;
		text-indent: 25px;
	}
	.right p {
		text-align: left;
		margin-right: 50px;
	}
	.right p a {
		text-decoration: none;
		color:#676767;
		font-weight:bold;
	}
	.right h3 {
	text-align: left;
	margin-right: 50px;
	line-height: 0.5em;
	font-size: 16px;
	font-weight:bold;
	color:#676767;
		}
.floatleft{
	float:left;
	}		
.floatright{
	float:right;
	}	
.clearboth{
	clear:both;
	}	
/* TWO COLUMN LAYOUT */
	#columnleft{
		width:293px;
		}	
	#columnright{
		width:600px;
		padding:38px 50px 50px 0px;
		}	
/*THREE COLUMN LAYUT*/
#secondColumn{
	width:260px;
	}
#thirdColumn{
	margin-left:20px;
	width:260px;
	}	
	
#content .title h1 a{
	text-decoration:none;
	color:#000;
	}	
#content .entry{
	margin:10px 0px;
	}
#footer a:link,
#footer a:visited,
#footer a:active{
	text-decoration:none;
	color:#FFF;
	}