/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~  Plateau State stylesheet
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html, body {
	background-color: #F4F4F4;
	margin:0; 
	padding:0; 
	text-align:center; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~  LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:link, a:visited {
	text-decoration : underline;
	color: #1B5897;
	background: transparent; 
	}

a:hover {
	text-decoration : underline;
	color: #3B91EA;
	background: transparent; 
	}

a:active {
	text-decoration : underline;
	color: #1B5897;
	background: transparent;  
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~  LAYOUT 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#main { 
	width:795px; 
	text-align:left; 
	min-width: 500px;
	margin-left:auto; 
	margin-right:auto; 
	background-color: #fff;
}

	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~  header
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	#header{
		height:219px; 
		width:100%; 
		background-color: #fff;
		background-image:url("../images/hero.png");
 		background-repeat:no-repeat;
	}
	
	#header h1 {
		text-indent: -20000px;
		margin: 0;
		height: 224px;
		background: transparent url('../images/logo.png') no-repeat 20px 75px;
	}
	
	.content {
		height: 219px;
		padding:5px 5px 0;
		position:relative;
		zoom:1;
	} /*padding for content */ 
 
	#header .content {padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~ main content 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content {
	background: url("../images/top_border.gif") repeat-x;
	font: .8em/1.5em verdana, lucida, arial, helvetica, sans-serif;
	padding: 40px 20px 20px;
	overflow: hidden;
	_height: 1%;
}

#content img {
clear: right;
float: right;
margin: 0 0 10px 10px;
}

#content img.figure {
clear: none;
float: none;
display: block;
margin: 0 auto 10px;
}

#content img.ldeco, #content img.lfigure {
float: left;
clear: left;
margin: 0 15px 15px 0;
}

#content img.rdeco, #content img.rfigure {
float: right;
clear: right;
margin: 0 0 15px 15px;
}

#content img.figure {
display: block;
margin: 0 0 15px;
clear: both;
}

#content div.article_list {
/*border: solid 1px rgb(212,212,212);
padding: 10px;
background-color: rgb(236,236,236);*/
margin: 0 0 15px;
}

#content div.article_list ul {
list-style: none;
}

#content div.article_list li {
display: inline;
margin-right: 15px;
vertical-align: middle;
}

#content div.article_list li:before {
color: #1B5897;
font-weight: bold;
content: '|';
margin-right: 15px;
}

#content div.article_list li:first-child:before {
content: '';
margin-right: none;
}

#content div.article_list li a {
text-decoration: none;
}

#sidebar {
	float: left;
}

#mainpad {
	padding: 0 20px 0 15px;
	margin: 80px 0 40px 0;
	border-left: 2px solid #F0F0F0;
}

#outer>#inner { border-bottom: 1px solid #FFFFFF;  } /* hack stuff */

#outer{ 
	border:solid white 0px; 
	/*/*/ border-left-width: 285px ;  /* left column width. NN4 hack to hide borders */ 
	border-left-color: #fff;   /* left column colour */ 
	border-left-style: solid; 
	background-color: #FFFFFF; /* center column colour */ 
	width: auto;
 } 

#inner {
	margin:0;
	width:100%;
}

#tables span {
	padding-left: 50px;
	}
 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
~  Input Buttons, Forms
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
 
form div {
clear: both;
}

form label {
display: block;
}
 
 
 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 ~  left column 
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#leftcol{
	background-color: #fff;
	width:285px; 
	float:left; 
	position:relative; 
	margin-left:-285px; 
	margin-right:1px; 
 }

.leftcontent {
		margin: 30px 15px 40px 15px;
}
	 
#maincol{ 
	float: left; 
	width: 100%; 
	position: relative; 
	margin: 0 -8px 0 -2px; 
 }

#sticker {
	background: url(../pics/plat_sticker.gif) no-repeat bottom left;
	height:75px;
	width:100%;
	}

#footer{
	font: .65em/14px verdana, lucida, arial, helvetica, sans-serif;
	color: #B3BA8B;
	width:100%; 
	background-color: #F7F9EB; 
}

.footcontent {
	padding: 10px;
}
 
.clr{clear:both;} /* hack stuff */


#menu {	
	position: absolute;
	bottom: 0;
	margin: 30px 0 0 0;
	padding: 0 0 10px 10px;
}

#menu ul {
	font: bold .7em/14px verdana, lucida, arial, helvetica, sans-serif;
}

#menu ul, #menu li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	text-transform: lowercase;
}

#menu a:link, #menu a:visited {
	float: left;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #000;
	padding-bottom: 6px;
}

#menu a:link#current, #menu a:visited#current, #menu a:hover {
	border-bottom: 4px solid rgb(14,34,81);
	padding-bottom: 2px;
	background: transparent;
	color: #000;
}

#menu a:hover { color: #000; border-bottom: 4px solid rgb(14,34,81); }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~  SEARCH 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#search {
	margin: 15px 0 20px 15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~  IMAGES 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.siteid {
	margin-left: 20px;
}

img {
	border: 0;
}

.gallery img {
	margin-left: 85px;
	border: 2px solid #eee;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~  HEADING FONTS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1, h2, h3, h4, h5 {
	font-family:  "Palatino Linotype", Palatino, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, Georgia, "Times New Roman", times, serif;
}

h2 {
/*	color: rgb(43,82,148);*/
	color: rgb(0,0,0);
	font-size: 1.8em;
	margin:0 0 15px;
}

h3 {
	color: #7D9F2E;
	font-size: 1.4em;
	margin:0;
}

.pagetitle {
	text-align: right;
	font: 2.4em Georgia, "Times New Roman", times, serif;
	margin:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~  SPECIAL FONTS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.subtitle {
	text-align: right;
}

.subtitle2 {
	text-align: right;
	font-size: 1.6em;
	}

.title1 {
	font-size: 1.3em;
}

.left {
	text-align:left;
	}

h4 {
margin: 0 0 15px;
}

p, ul, ol {
margin: 0 0 15px;
}

hr {
clear: both;
color: rgb(255,255,255);
background-color: rgb(255,255,255);
border-color: rgb(255,255,255);
visibility:hidden;
}

ul, ol {
list-style-position: inside;
list-style-type: square;
}