﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~* LAYOUT *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper{min-width:770px;max-width:1200px;margin: 0 auto;position:relative;
	top: 0px;
	left: 0px;
}

#masthead {background-color: #fff;height:auto;}

/* CONTAINER */
	#container {position: relative;width: 100%;}	
	#container li.doc {background-position: 3px -500px}	
	#left_col {position:absolute;top:10px;left:25px;width:165px;padding-bottom: 60px;padding-top:3px;}

/* CONTENT */
	#content_wrapper{background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0;}
	#page_content {margin-left:10px;margin: 10px 0 0 5px;top:10px;text-align:justify;padding-top: 1px;padding-bottom: 40px;border-top: 5px solid #622700;}
	#page_content 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: 5px solid #622700;padding-top: 3px;padding-bottom: 40px;}

	/* TOP PART */
		#sitename{font: verdana;letter-spacing: -.05em;margin:0 0 0 0px;padding:5px 0;color:#ea2a29;border:none;text-align:right;}
		#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 */
	#page_content #breadcrumb {font-family:"Trebuchet MS"}
	#page_content #breadcrumb {margin-top:-5px;font-size:83%;font-weight:bold}
	#page_content #breadcrumb a:visited {text-decoration:none}
	#page_content #breadcrumb a:link {text-decoration:none}
	#page_content #breadcrumb a:active {text-decoration:underline}
	#page_content #breadcrumb a:hover {text-decoration:underline}	
	
	
  /* FOOTER */
	#footer {clear:both; border-top: 1px solid #E3E8EE; padding: 10px 0 10px; font-size:86%; color:#ea2a29; text-align:center;}
	#footer p {margin:0;}
	#footer a:link {color:#999}

   .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{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;text-decoration:underline;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/arrow_up.png') center left no-repeat;
			display:inline-block;
			padding-left:18px;
			line-height:18px;
			text-transform:lowercase;	
			border-collapse: collapse;
		}
/*Back link*/
#back a{
			background:transparent url('../images/go_back.png') center left no-repeat;
			display:inline-block;
			padding-left:10px;
			line-height:18px;
			text-transform:lowercase;	
			border-collapse: collapse;
		}
#back span{
	border:0px;
}		

	
/* EVENT STYLYING */
	.issued{font-family:Tahoma, Helvetica, sans-serif;font-size:80%;}
	 
/*
Valid CSS by: Mxolisi Mkhonza
Last Edited: 01 June 2009

Credit: Contains samples of Mollio v.1.1
Community: Mollio http://www.mollio.org


*/