* {
  margin: 0;
  padding: 0;
}

	#masthead {background-color: #fff;height:auto;}
	#masthead .borda{
	border-collapse: collapse;
	border: 1px solid #622700;}
	#sitename{font:verdana;letter-spacing: -.05em;margin:0 0 0 0px;padding:5px 0;color:#ea2a29;border:none;text-align:right;}
	#wrap {min-width:770px;max-width:1200px;margin: 0 auto;position:relative}

	#content-wrap {position:relative;width:100%;max-width:1200px; min-width:770px;margin-top: -20px;}
	#utility {position:absolute;top:10px;left:0;width:200px;padding-bottom: 40px}
	#sidebar {
	
	top:21px;
	right:419px;
	left: 911px;
	width:282px;
	border-top: 0px solid #999;
	padding-top: 1px;
	padding-bottom: 40px;
	float:right;
	}
	#update {font-family:"Trebuchet MS"; padding-top:10px;color:green}
	#content {margin: 0 50px}
	
::selection {
	color:#fff;
	background: #622700; /* Safari */
	}
::-moz-selection {
	color:#fff;
	background: #622700; /* Firefox */
}	

/* LAYOUT TYPE C */
	#type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-c #content {margin: 0 25% 0 235px}

	#top-nav{text-align:center;padding-top:8px;padding-bottom:10px;}

 /* NEW UPDATES */
 	#newupdates {height:auto;overflow:auto}
 	#newupdates.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	#newupdates.featurebox a {font-weight:normal}
	#newupdates.featurebox img{padding:4px;float:left;}
	#newupdates.featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	#newupdates.featurebox h5 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	#newupdates.featurebox h4 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	#newupdates.featurebox h3 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	#newupdates.featurebox h2 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	#newupdates.featurebox h1 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	#newupdates.featurebox p {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	#newupdates.featurebox p {border:none;margin: 0 0 1em;color:#444;text-align:left}
	#newupdates.featurebox li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
	#newupdates.featurebox	li.doc {background-position: 3px -500px}
	#newupdates.featurebox ul {margin: .3em 0 1.5em 0;list-style-type:none}
	#newupdates.featurebox ul.related {margin-top: -1em}
	#newupdates.featurebox ol {margin: .5em .5em 1.5em}
	#newupdates.featurebox ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}	
	#newupdates.featurebox ul.nomarker li {background:none;padding-left:0}
	#newupdates.featurebox dl {margin: 0 0 1em 0}
	#newupdates.featurebox dt {font-weight:bold;margin-top: 1.3em}
	#newupdates.featurebox dl dl {margin: 0 0 1.5em 30px}

 
 /* BOTTOM PART */
	#ads{clear:both;border-top: 1px solid #E3E8EE;padding: 10px 0 10px;font-size:86%;color:#999;text-align:center;}
	#ads a:link {color:#999}
	#bottom {color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px; text-align:right;}
  
 /* FOOTER */
	#footer {clear:both; border-top: 1px solid #E3E8EE; padding: 10px 0 10px; font-size:86%; color:#622700; text-align:center;}
	#footer p {margin:0;}
	#footer a:link {color:#999}

   .footer{text-align:center;font-size:x-small;}

	.featurebox {text-align:left;color:#333;padding: 15px 0px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox a {font-weight:normal; text-align: left}
	.featurebox img{padding:4px;float:left;}
	.featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	.featurebox h5 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	.featurebox h4 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	.featurebox h3 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	.featurebox h2 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	.featurebox h1 {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	.featurebox p {margin: 0 0 .3em;border-bottom: 1px solid #622700;color:#622700}
	.featurebox p {border:none;margin: 0 0 1em;color:#444;text-align:left}
	

/** FORMATTING **/
	body{padding: 0 0 20px;background: #fff url("images/body_bg.gif") repeat-x 0 100%;font-size: 90%;font-family:Tahoma, Helvetica, sans-serif;}
	form {margin: 0 0 1.5em}
	input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
	fieldset {border: none}
	label {display:block;padding: 5px 0}
	label br {clear:left}


img {border:none} 

hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both;width:80%;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* FORMATTING *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	body{padding: 0 0 20px;background: #fff url("images/body_bg.gif") repeat-x 0 100%;font-family:Tahoma, Helvetica, sans-serif;}
	form {margin: 0 0 1.5em}
	input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
	fieldset {border: none}
	label {display:block;padding: 5px 0}
	label br {clear:left}

 /* GENERAL FORMATTING (TYPO ETC.)*/
	p {margin: 0 0 1.5em;}
	hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
	.information{
		  display: block;
		  padding: 20px 20px 10px 45px;
		  margin: 0;
		  font-style: italic;
		  font-size: 1.4em;
		  text-align:left;
		  color: #000;
		  width:90%;
		  background: #f6f6f6 url(../images/info.png) no-repeat top right;
		  background-position:630px 8px;
		  float:right;
	}
	.social{
		  display: block;
		  padding: 10px;
		  margin: 0;
		  font-style: italic;
		  font-size: 1.4em;
		  text-align:left;
		  color: #000;
		  width:90%
		  float:left;
	}
	
	h6 {letter-spacing: 0.01px;font-family: tahoma,verdana,sans-serif;margin: 1.2em 0 .3em;color:#622700;border-bottom: 1px solid #eee;padding-bottom: .1em}
	h5 {letter-spacing: 0.01px;font-family: tahoma,verdana,sans-serif;margin: 1.2em 0 .3em;color:#622700;border-bottom: 1px solid #eee;padding-bottom: .1em}
	h4 {letter-spacing: 0.01px;font-family: tahoma,verdana,sans-serif;margin: 1.2em 0 .3em;color:#622700;border-bottom: 1px solid #eee;padding-bottom: .1em}
	h3 {letter-spacing: 0.01px;font-family: tahoma,verdana,sans-serif;margin: 1.2em 0 .3em;color:#622700;border-bottom: 1px solid #eee;padding-bottom: .1em}
	h2 {letter-spacing: 0.01px;font-family: tahoma,verdana,sans-serif;margin: 1.2em 0 .3em;color:#622700;border-bottom: 1px solid #eee;padding-bottom: .1em}
	h1 {letter-spacing: 0.01px;font-family: tahoma,verdana,sans-serif;margin: 1.2em 0 .3em;color:#622700;border-bottom: 1px solid #eee;padding-bottom: .1em}
	h1 {font-size: 196%;margin-top:.6em}
	h2 {font-size: 136%}
	h3 {font-size: 126%}
	h4 {font-size: 116%}
	h5 {font-size: 106%}
	h6 {font-size: 96%}
	
	.bottom{font-size:small;}


/* IMAGES */
	img {border:none}
   .img {padding:2px 2px 2px 2px;border: 0.01px #622700 solid}

/* LINKAGE */
		a {background:transparent;text-decoration:underline;cursor:pointer;}
		a:link {color:#943c01;background:transparent;text-decoration:underline;cursor:pointer} 
 		a:hover {color:#024fa4;text-decoration:none;background:transparent;cursor:pointer} 
		a:visited {color: #630;}
		a:active {color:#024fa4} 

/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -600px;padding-left:21px}
		a.morelink:hover {background: transparent url("images/sprites.gif") no-repeat 5px -600px;padding-left:21px}
		a.morelink:visited {background: transparent url("images/sprites.gif") no-repeat 5px -600px;padding-left:21px}
		a.morelink:link {background: transparent url("images/sprites.gif") no-repeat 5px -600px;padding-left:21px}
		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}

		a[href$='.doc'] {
			background:transparent url('../images/word.png') center right no-repeat;
			display:inline-block;
			padding-right:18px;
			line-height:18px;
		}
		a[href$='.pdf'] {
			background:transparent url('../images/pdf.png') center right no-repeat;
			display:inline-block;
			padding-right:18px;
			line-height:18px;
		}
		a[title~="opens in new window"] {
			background:transparent url('../images/external.png') center right no-repeat;
			display:inline-block;
			padding-right:18px;
			line-height:18px;
		}
		a[href$='#top']{
			background:transparent url('../images/up.png') center left no-repeat;
			display:inline-block;
			padding-left:18px;
			line-height:18px;
			text-transform:lowercase;	
		}
	
/* TABLES 
			line-height:18px;
			text-transform:lowercase;	
		}*/
	
/* TABLES */
	.tables {border: 2px solid #622700;border-collapse:collapse;border-collapse:collapse;text-align:left;}
		.tables td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;font-size:90%;color:#000;border:1px solid #000000;border-collapse:collapse;
	text-align: left;
}
		.tables thead {color:#fff;font-size:100%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.tables tbody th {color:#fff;font-size:95%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.tables tbody th.sub {font-size:90%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}
         td.head-image{background-position:center;background-repeat:no-repeat;width:857px;height:170px;}

/* HEADER IMAGE*/         
.backimage{background-image:url('../images/bg.jpg');background-repeat:no-repeat;width:100%;background-position: center;}
#theme{float:left;padding-left:10%;width:0px}
#theme-pic{float:right;padding-right:10%;}
/* MENU*/
.glossymenu {
	width: 190px; /*width of menu*/;
	border: 1px solid #778;
	border-bottom-width: 0;
}
.glossymenu a.menuitem {
	background: #3f1f09 url('images/titlebar-active.png') repeat-x bottom left;
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/;
	width: auto;
	padding: 4px 0;
	padding-left: 5px;
	text-decoration: none;
}
.glossymenu .menuitem:active {
	color: white;
}
.glossymenu a.menuitem:visited {
	color: white;
}
.glossymenu a.menuitem .statusicon {
	/*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover {
	background-image: url('images/titlebar.png');
}
.glossymenu div.submenu {
	/*DIV that contains each sub menu*/
	background: white;
}
.glossymenu div.submenu ul {
	/*UL of each sub menu*/
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
}
.glossymenu div.submenu ul li {
	border-bottom: 1px solid #622700;
}
.glossymenu div.submenu ul li a {
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover {
	background: #622700;
	color: #fff;
}
.updated {
	text-align: right;
	color:#060;
	font-size:x-small;
}

/*

Valid CSS by: Mxolisi Mkhonza
Last Edited: 24 July 2012

Credit: Contains samples of Mollio v.1.1
Community: Mollio http://www.mollio.org
*/
jbkjbkjb