@import url("reset.css");
@import url("form.css");

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background: #000 url(/images/body-bg.jpg) repeat-x;
    height: 100%;
}

h1, h1 em {
	color: #cddc16;
	font-size: 18px;
	margin: 0 0 10px;
}

p {
	color: #333333;
}

/* Container Section */

#container {	
	height: 100%;
}
	
/* Header Section */

#header {
	height: 100px;
	width: 900px;
}

/* Menu Section */		

#menu {
	background: url(/images/menu-bg.gif) no-repeat;
	height: 100px;
	margin-top: 20px;	
	position: relative;
	z-index: 200;
}
	
	#menu img#logo {
		left: 20px;
		position: absolute;
		top: 8px;
	}

	#menu ul {	
		right: 10px;
		position: absolute;
		bottom: 2px;
		z-index: 10000;
	}

		#menu ul li {
			float: left;
			list-style: none;
		}

			#menu ul li span {
				display: block;
				color: #cddc16;
				font-weight: bold;
				padding: 2px;
			}				

			#menu ul li a {
				color: #765f36;
				display: block;
				font-size: 12px;
				line-height: 20px;
				padding: 0 4px;
			}

				#menu ul li a:hover, #menu ul li.selected a, #menu ul li a.selected {
					background-color: #cddc16;
					color: #ffffff;					
				}

			#menu ul li.selected {
				position: relative;
			}

/* AZ Section */

#az {
	background: url(../images/az-bg.gif);
	height: 32px;
}

	#az ul {
		margin-left: 40px;
		padding-top: 8px;
	}
	
		#az ul li {
			float: left;
		}
		
			#az ul li span {
				background: #d7e341 !important;
			}
		
			#az ul li a, #az ul li span {
				background: #bed600;
				border: 1px #e2e96f solid;
				color: #fff;
				display: block;
				margin: 2px;
				padding: 2px 5px;
				text-align: center;
				width: 13px;
			}
			
				#az ul li.big a, #az ul li.big span {
					width: 20px;
				}
			
				#az ul li a:hover, #az ul li a.selected {
					background: #e2e96f;
					border: 1px #bed600 solid;
				}
			
/* Content Section */

#content {
	background: #fff url(../images/footer-bg.gif) no-repeat left bottom;
	clear: both;
	padding: 15px;
	text-align: left;
	vertical-align: top;
}
										
/* Footer Section */

#footer {
	clear: both;
	color: #fff;
	font-size: 11px;
	height: 24px;
}
		
	#footer span {
		color: #ffffff;
		float: left;
		padding: 6px 20px;
	}
	
	#footer ul {
		float: right;
		padding: 6px 20px;
	}
	
		#footer ul li {
			display: inline;
			padding: 0 0.5em;
		}
		
		#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active {
			color: #ffffff;
			text-decoration: none;
		}
		
			#footer ul li a:hover  {
				text-decoration: underline;
			}


/* Quick Links */

div#quickLinks {
	background: #f0f1f3;
/*	margin: 5px 0 10px;
	padding: 10px 0;
*/
	margin-bottom: 20px;
	overflow: hidden;
}

	div#quickLinks div {
		float: left;
		margin-left: 20px;
		width: 200px;
	}

		div#quickLinks div h6 {
			color: #cddc16;
			font-weight: bold;
			margin-bottom: 5px;
		}
	
		div#quickLinks div ul {
		}

			div#quickLinks div ul li {
			}
			
				div#quickLinks div ul li a {
					background: url(../images/grey-dot.png) no-repeat 5px 50%;
					color: gray;
					font-size: 11px;
					padding-left: 14px;
					text-decoration: none;
				}
				
					div#quickLinks div ul li a:hover {
						text-decoration: underline;
					}
			
/* Sitemap */	

#sitemap {
	list-style: outside disc;
	margin-left: 20px;	
}

	#sitemap li strong {
		color: #000;
	}

	#sitemap ul {
		list-style: outside disc;
		margin-left: 30px;
	}

	#sitemap li {
		padding: 5px 0 0 !important;
	}

	#sitemap li a {
		color: #000;
	}
	
		#sitemap li a:hover {
			text-decoration: underline;
		}
		
/* Website List */

div.websiteList {
	border: 1px #cddc16 solid; 
	float: left; 	
	margin-bottom: 10px;
	padding: 5px;
	width: 424px
}
/*
	div.websiteList:hover {
		opacity: .50;
		filter: alpha(opacity=50); 
		-moz-opacity: 0.5;
	}
*/
	div.websiteList div {
		float:  right;
	}
		
		div.websiteList div img {
			background: url(../images/loader.gif) no-repeat center center;
			border: 1px #7f7f7f solid;
			height: 120px;
			padding: 5px;
			width: 160px
		}

	div.websiteList ul li {
		clear: left;
		margin: 0 0 3px 0;
		width: 244px;
	}

		div.websiteList ul li strong {
			display: block;
			float: left;
			width: 66px;
		}
		
		div.websiteList ul li span {
			display: block;
			float: left;
			overflow: hidden;
			white-space: nowrap;
			width: 176px;
		}
		

	div.websiteList p {
		height: 53px;
		overflow: hidden;
		text-align: justify;
		width: 244px;
	}
		
/* Paging */

div#pagingResult {	
	border: 1px #cddc16 solid;
	clear: both; 
	height: 45px;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 5px;
	width: 870px;
}

	div#pagingResult h2 {
		color: #cddc16;
		font-weight: bold;
		margin-bottom: 10px;
	}

	div#pagingResult ul {
	}

		div#pagingResult ul li {
			float: left;
			padding-right: 5px;
			width: auto;
		}
	
			div#pagingResult ul li a {
				background: #bed600;
				border: 1px #e2e96f solid;
				color: #fff;
				display: block;
				padding: 2px 5px;
				text-align: center;
			}
		
				div#pagingResult ul li a:hover, div#pagingResult ul li a.selected {
					background: #e2e96f;
					border: 1px #bed600 solid;
				}
		
/* Web Site Section */

div#website {
	
}
	div#website h1 {
		float: left;
	}
	
	div#website h2 {	
		color: #7f7f7f;
		float: right;
		font-size: 18px;
		margin: 0 0 10px;		
	}
	
	div#website div#sideLeft {
		float: left;
		width: 653px;
	}
		
		div#website div#sideLeft div#webLink, div#website div#sideLeft div#site-content {
			border: 1px #cddc16 solid;
			margin-top: 5px;
			padding: 5px;
		}
		
			div#website div#sideLeft div#webLink p strong {
				color: #cddc16;	
			}
			
				div#website div#sideLeft div#webLink p a {
					color: #000;
					font-weight: normal;
					text-decoration: none;
				}
				
					div#website div#sideLeft div#webLink p a:hover {
						text-decoration: underline;
					}
	
	div#website div#sideRight {
		float: right;
		width: 223px;
	}
	
		div#website div#sideRight div {
			border: 1px #cddc16 solid;
			margin-bottom: 5px;
			padding: 5px;
		}
		
		div#website div#sideRight div h3 {
			color: #cddc16;
			display: block;
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 10px;
		}

		div#website div#sideRight div#options img {
			display: inline-block;
			margin: 0 2px 3px 0;			
		}
		
		div#website div#sideRight div#features ul {
			list-style: disc outside;
			margin-left: 15px;			
		}

/* Sector List */

ul#sectorList {
	overflow: hidden;
}

	ul#sectorList li {
		float: left;	
		width: 280px;
	}
	
		ul#sectorList li.middle {
			margin: 0 18px;
		}
		
		ul#sectorList li div {
			border: 1px #e2e96f solid;
			margin-bottom: 10px;
		}
		
			ul#sectorList li div h2 {
				background: #bed600;
				color: #fff;
				font-weight: bold;
				padding: 4px 5px;
			}
			
			ul#sectorList li div a {
				background: transparent;
				border: none;								
				color: #000;
				display: block;
				margin: 0;
				padding: 2px 5px;
			}
			
				ul#sectorList li div a:hover {
					text-decoration: underline;
				}

/* Faqs Section */

div.faqContent {
	float: right;
	width: 620px;
}

#faqCategories {
	border: 1px #cddc16 solid;
	float: left;
	width: 250px;
}

	#faqCategories h2 {
		background: #cddc16;
		color: #fff;			
		display: block;
		font-weight: bold;
		padding: 3px 5px;	
	}

	#faqCategories ul {
		overflow: hidden;
	}
	
		#faqCategories ul li.mainHeading span {
			background: #e4f04b;
			color: #fff;			
			display: block;
			font-weight: bold;
			padding: 2px 5px 2px 20px;	
		}
		
			#faqCategories ul li ul {
			}

				#faqCategories ul li ul li.subHeading span {
					background: #ebf384;
					color: #fff;			
					display: block;
					font-weight: bold;
					padding: 2px 5px 2px 40px;	
				}
				
					#faqCategories ul li ul li a {
						background: #fff;							
						color: #000;
						display: block;
						padding: 2px 5px 2px 40px;
					}
					
						#faqCategories ul li ul li a:hover, #faqCategories ul li ul li a.selected {
							background: #f4f4f4;
							color: #000;
						}
								
					#faqCategories ul li ul li ul {
					}
					
						#faqCategories ul li ul li ul li a {
							background: #fff;							
							color: #000;
							display: block;
							padding: 2px 5px 2px 60px;
						}
						
							#faqCategories ul li ul li ul li a:hover, #faqCategories ul li ul li ul li a.selected {
								background: #f4f4f4;
								color: #000;
							}
				
/* A Link Button */

a.button {	
	background: #bed600;
	border: 1px #e2e96f solid;
	color: #ffffff;
	display: inline-block;	
	margin-top: 5px;
	padding: 3px 6px;
}

	a.button:hover {
		background: #e2e96f;
		border: 1px #bed600 solid;
	}
	
/* Misc Section */

.centerise {
	
	display: block;
	margin: 0 auto;
	width: 913px;		
}