* {
  margin: 0;
  padding: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* LAYOUT *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#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%}
	#utility {position:absolute;top:5px;left:0;width:165px;padding-bottom: 40px;text-align: left;list-style:none;list-style-image:none;border-bottom: 1px dashed #eee;padding-bottom: 10px}

	#type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-b #content {margin: 0 23px 0 235px; top:0}

/* CONTAINER */
	#container {position: relative;width: 100%;}	

/* CONTENT */
	
	#content-wrapper{position:relative;width:83%;margin: 0 25% 0 190px;text-align:justify;border-top:2px solid #622700}
	#left-col {position:absolute;top:225px;left:2px;width:165px;padding-bottom: 60px;padding-top:20px;}
	#left-col {text-align:left}

	#content-wrap {margin-left:10px;margin: 10px 0 0 5px;top:10px;text-align:justify;padding-top: 1px;padding-bottom: 40px;padding-top:5px}
	#content-wrap ul li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
		
	/* INSIDE */
		#left{width: 450px;}
		#right{position:absolute;top:10px;right:25px;width:20%;border-top: 2px solid #622700;padding-top: 3px;padding-bottom: 40px;}

	/* TOP PART */
		#search_top{font-size:90%;letter-spacing:1px;}
		#top_nav{text-align:center;font-size:large;padding-top:15px;}
	/* 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;}

/* BREADCRUMB */
	#content-wrap #breadcrumb {font-family:"Trebuchet MS"; padding-top:10px;border-bottom: 1px dashed #eee;padding-bottom: .1em}
	#content-wrap #breadcrumb {margin-top:-5px;font-size:83%;font-weight:bold}
	#content-wrap #breadcrumb a:visited {text-decoration:none}
	#content-wrap #breadcrumb a:link {text-decoration:none}
	#content-wrap #breadcrumb a:active {text-decoration:underline}
	#content-wrap #breadcrumb a:hover {text-decoration:underline}	
	
	
  /* 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:#CC6600}

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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* 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}
	blockquote{
		display: block;
		padding: 20px 20px 10px 45px;
		margin: 20px 20px;
		font-style: italic;
		font-size: 1.2em;
		color: #141310;
		width:90%;
		background: #e7e6e2 url(../images/blockquote.gif) no-repeat top left;

	}
/*{background-image:url('../images/open-quote.gif');background-position: top left;background-repeat: no-repeat;text-indent: 20px;text-align: justify;}*/

	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;}
		
/* LISTS */
	ul {margin: .3em 0 1.5em 0;list-style-type:none;}
	ul.related {margin-top: -1em}

	ol {margin: .5em .5em 1.5em;}
	ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
	
	ul.nomarker li {background:none;padding-left:0;}
	
	dl {margin: 0 0 1em 0}
	dt {font-weight:bold;margin-top: 1.3em}
	dl dl {margin: 0 0 1.5em 30px}
	
	ol {margin: 0 0 1.5em;}	

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

/* 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;border: 1px solid #fff;font-size:90%;color:#000;
			border:1px solid #00000;border-collapse:collapse;}
		.tables th {text-align:left;border: 1px solid #fff}
		.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;}
         
/* CALEDNAR */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
/* LINKAGE */
		a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
		a:link {background:transparent;text-decoration:underline;cursor:pointer} 
		a:link {background:transparent;text-decoration:underline;cursor:pointer} 
		a:link {background:transparent;cursor:pointer
} 
		a {background:transparent;text-decoration:underline;cursor:pointer;} 
		a:link {color:/*#c00*/#943c01;} 
		a:visited {color:#999} 
		a:active {color:#024fa4} 
		a:hover {color:#024fa4;text-decoration:none;} 
		

/* '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$='.pdf'] {
			background:transparent url('../images/pdf.png') center right no-repeat;
			display:inline-block;
			padding-right:18px;
			line-height:18px;
		}

		a[href$='.doc'] {
			background:transparent url('../images/word.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[title="opens new window"] {
			background:transparent url('../images/external.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[title="Opens 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:20px;
			line-height:18px;
			text-transform:lowercase;	
			border-collapse: collapse;
		}
/*Back link*/
#back a{
			background:transparent url('../images/back.png') center left no-repeat;
			display:inline-block;
			padding-left:18px;
			line-height:18px;
			border-collapse: collapse;
			border:0px;
		}

	
/* EVENT STYLYING */
	.issued{font-family:Tahoma, Helvetica, sans-serif;font-size:80%;}

/* HIGHLIGHTS */
.pop{
	color: green;
}
 
}		

	
/* EVENT STYLYING */
	.issued{font-family:Tahoma, Helvetica, sans-serif;font-size:80%;}

/* HIGHLIGHTS */
.pop{
	color: green;
}

/* HEADER IMAGE*/         
.backimage{background-image:url('../images/bg.png');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;
}


/*

Valid CSS by: Mxolisi Mkhonza
Last Edited: 07 September 2011

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