/*







Released for free under a Creative Commons Attribution 2.5 License



*/







* {

	margin: 0;

	padding: 0;

}







body {

	background: #FFFFFF url(images/img01.gif) repeat-x;

	font: normal small Arial, Helvetica, sans-serif;

	color: #676767;

}



form {

}



fieldset {

	border: none;

}



legend {

	display: none;

}



h3 {

	margin: 0;

	color: #3c3f52;

}



h2 {

	margin: 0;

	color: #3c3f52;

}



h1 {

	margin: 0;

	color: #3c3f52;

	font-size: 1.6em;

	margin-bottom: .5em;

}



h2 {

	margin-bottom: .5em;

	font-size: 1.8em;

}



h3 {

	margin-bottom: 1em;

	font-size: 1em;

}



ol {

	margin-bottom: 1.5em;

	line-height: 1.8em;

}



ul {

	margin-bottom: 1.5em;

	line-height: 1.8em;

}



blockquote {

	margin-bottom: 1.5em;

	line-height: 1.8em;

}



p {

	margin-bottom: 1.5em;

	line-height: 1.8em;

}



ul {

	margin-left: 2em;

	list-style: square;

}



ol {

	margin-left: 2em;

}



a {

	color: #a3c636;

	text-decoration: none;

}



a:hover {

	text-decoration: none;

	color: #999999;

}



img {

	border: none;

}



/* Boxed Style */



.boxed {

	margin-bottom: 1em;

	background: url(images/img02.gif) no-repeat;

}



.boxed .title {

	height: 29px;

	padding: 11px 0 0 27px;

	text-transform: uppercase;

	font-size: 1.2em;

	color: #FFFFFF;

}



.boxed .content {

	padding: 10px;

}



/* Header */



#header {

	width: 900px;

	height: 130px;

	margin: 0 auto;

	background: url(images/img02.jpg) no-repeat;

}



/* Header > Logo */



#logo {

	float: left;

	padding: 15px 0 0 0;

}



#logo h1 {

	text-transform: uppercase;

	font-size: 2em;

}



#logo h2 {

	margin: 0;

	text-transform: uppercase;

	font-size: 1.2em;

}



#logo a {

	text-decoration: none;

	color: #FFFFFF;

}



/* Header > Top Menu */



#topmenu {

	float: right;

}



#topmenu ul {

	margin: 0;

	padding: 100px 0 0 0;

	list-style: none;

	line-height: normal;

}



#topmenu li {

	display: inline

}



#topmenu a {

	display: block;

	float: left;

	margin: 0 0 0 20px;

	padding: 0 0 0 15px;

	text-transform: uppercase;

	text-decoration: none;

	font-size: x-small;

	font-weight: bold;

	color: #FFFFFF;

}







#topmenu a:hover {

	text-decoration: underline

}



#topmenu1 {

	background: url(images/img04.gif) no-repeat left center;

}



#topmenu2 {

	background: url(images/img05.gif) no-repeat left center;

}



#topmenu3 {

	background: url(images/img06.gif) no-repeat left center;

}



/* Menu */



#menu {

	width: 900px;

	height: 40px;

	margin: 0 auto;

}



#menu ul {

	margin: 0;

	list-style: none;

	line-height: normal;

}



#menu li {

	display: inline;

}



#menu a {

	display: block;

	float: left;

	height: 26px;

	padding: 14px 18px 0 20px;

	text-transform: uppercase;

	text-decoration: none;

	font-weight: bold;

}







#menu a:hover {

	text-decoration: underline;

}



#menu .first a {

	padding-left: 0;

	background: none;

}



/* Content */



#content {

	width: 900px;

	margin: 0 auto;

	padding: 20px 0;

}



/* Content > Main */



#main {

	float: left;

	width: 900px;

clear:both;

}



/* Content > Main > Welcome */



#welcome {

	margin: 0 0 3em 0;

	padding: 10px 0 0 0;

}





/* Content > Sidebar */



#sidebar {

	float: right;

	width: 220px;

}



/* Content > Sidebar > Login */





#login label {

	display: block;

}



#login #inputtext2 {

	width: 180px;

	margin-bottom: .5em;

	padding: 2px 5px;

	border: 1px solid #CCCCCC;

	font: normal small Arial, Helvetica, sans-serif;

	color: #999999;

}



#login #inputtext1 {

	width: 180px;

	margin-bottom: .5em;

	padding: 2px 5px;

	border: 1px solid #CCCCCC;

	font: normal small Arial, Helvetica, sans-serif;

	color: #999999;

}



#login #inputsubmit1 {

	float: right;

	width: 60px;

	margin-right: 7px;

	border: 1px solid #CCCCCC;

	border-top-color: #FFFFFF;

	border-left-color: #FFFFFF;

	font: normal small Arial, Helvetica, sans-serif;

}



#login p {

	margin: 0;

	padding-top: .2em;

	font-size: x-small;

}



/* Content > Sidebar > Updates */



#updates ul {

	margin: 0;

	list-style: none;

}



#updates li {

	margin-bottom: 1em;

}



#updates h3 {

	margin: 0;

	padding: 0 0 0 10px;

	font-size: x-small;

}



#updates p {

	margin: 0;

	padding: 0 0 0 10px;

	line-height: normal;

	font-size: .85em;

}



#updates a {

	text-decoration: none;

}



/* Footer */



#footer {

	clear: both;

	width: 900px;

	margin: 0 auto 2em auto;

	border-top: 1px solid #CCCCCC;

}



/* Footer > Legal */



#legal {

	margin: 0;

	padding: 8px;

	text-align: center;

	font-size: x-small;

}



#legal a {

	font-weight: bold;

}



/* Footer > Links */



#links {

	margin: 0;

	padding: 10px;

	text-align: center;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 



	####	Header Menu #####



	#######################







	Horizontal Drop-Down Menu based off :



	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp



	



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */



#navContainer {width: auto; display: block; clear: both;}











/* Remove List Formattings



~~~~~~~~~~~~~~~~~~~~  */



 ul.menu, li.menu {



	list-style-type: none;



	margin: 0px;



	padding: 0px;



}







/* Header menu */	 



#header_menu {position: absolute; margin-left: 0px;}



ul#header_menu  {z-index: 10; clear: both;}











#nav {



	width: 900px;



	height: 40px;



	margin: 0 auto;



	padding:0;



}



#nav ul {



	list-style-type: none; 



	margin: 0; 



	padding: 0; 



	font-size: 1.15em; 



	text-transform: uppercase;



	width: auto;



	/*



	(Disappearing List-Background)



	http://www.positioniseverything.net/explorer/ie-listbug.html



	*/



	position: relative; /* Fix the Stupid IE6 Bug */



}



#nav ul li {float: left; color: #000; text-align: left; font-weight: normal;}



#nav ul li a {display: block; padding: 5px 10px 0 0; padding-bottom: 4px; color: #999999; font-weight: bold; text-decoration: none;}







/* Root Level Link Formatting */



#nav ul li a:hover, #nav li a:focus {color: #c4e951;}



#nav li a:active, #nav ul li a.active {color: #4b4c4d;}







/* Current page Customisations*/



#nav li.menu-current a		{color: #c4e951;}



#nav li.menu-current a		{font-weight: bold;} 







/* 2nd Child menu */



#nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border-top: 0; font-size: 100%;}



#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}



#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #c4e951; color: #fff; border: 0;}







/* 2nd Child link hover */



#nav .menu li ul a:hover {color: #4b4c4d; background: #999999; border: 0; color:#fff;}







/* Show and hide */



#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}



#nav .menu li ul ul { display: none;}



#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}



#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}











/* 3rd Child Menu Appreances */



#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c4e951; color: #fff; }







/* Positioning the Pop-out Drops */



#nav li {position: relative;}







#nav ul ul ul {



	position: absolute;



	top: 1px;



	left: 100%;



}





/* end menu */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 



	Custom Classes (Re-useables)



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



	



/*  Float containers fix: */



.clearfix:after {



    content: ".";



    display: block;



    height: 0;



    clear: both;



    visibility: hidden;



}



/*  \*/



* html #clearfix {



	height: 1%;



}



/*  */



#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:650px;
	z-index:2;
	list-style:none;
}

.accordion_headings{
	padding:5px;
	background:#c4e951;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00CCFF;
}