/* columnar CSS design based on the open source Fluidity2 template by Dave Reeder, www.davereederdesign.com */
/* modified extensively for AAVR by the peregrine project, peregrineproject.com */

body { margin: 0; padding: 0; color:#eda; background: #164a33; line-height:1.2em}
* {margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, sans-serif; }noscript {color:#edd; background-color:inherit}

/*-----------------------------------Basic styles----------------------------------*/

p, h1, h2, h3, span#copyright { margin:.5em 0; font-weight: normal}
h1, h2, h3, h4 {margin: .5em 0; color: #CFCFB7; }
div { padding: 10px 0;}
p { color: #eee; font-size: 0.75em; line-height: 1.5em; margin-bottom:0.75em;}
.quarter {border-top: 1px solid #676; margin-top:1em; padding-top:.5em;}

/*h1 {float: left; font-style: italic; margin-top: 20px; margin-left: 30px; font-size: 1.75em; line-height: 1em; letter-spacing: 0.1em}	*/

h1 a {color: #eee; text-decoration: none}
h1 a:hover {color: #eee; text-decoration: underline}
h2 { font-size: 1.5em; line-height: 1.5em; }	

/* site heading */
h3 { font-size: 1.2em; }

/* sub headings */
h4 { font-size: 1em; }span#copyright { font-size: 13px; line-height: 35px; color: #000 }
h6 {color: #ddd; border-top:1px solid #000; border-left:1px solid #000; background-color: #222; margin-top: 2em; padding: .25em .5em}
a {color: #00CCFF; text-decoration: none; font-style: italic}
a:hover {color: #fff; text-decoration: underline}
blockquote { float:right; width:40%; font-size:80%; line-height:1.4em; color:#eee; background-color:#357;	border-top:1px solid #676; border-right:2px solid #121; border-bottom:2px solid #121; border-left:1px solid #676; padding:1em 1.5em; margin:1em 0 1em 1em; text-indent: -0.5em; }
.attrib { font-size:80%; font-weight:600; text-align:right; }
.lefthalf {float:left; margin:1em 1em 1em 0}
ul, ol {margin: .5em 10px; color: #eee; font-size:80%; line-height: 1.6em}
ul {list-style: disc inside}
ol {margin-left:1em; list-style: decimal outside}
ol li {margin-bottom:.5em}
em {font-weight: bold; font-style: normal}
.form {margin:1em 14% 1em 14%;}
form input, form textarea {background-color:#eed; font-size: 1em}
table td {padding: 4px;}
.overline {border-top: 1px dotted #eda}
.error {color: yellow}

.banner {margin:0; padding:0 .25em 2px .25em; text-align:center; font-family:Rockwell, "Times New Roman", serif; background-color:#f8d515; color:#543a60;}
.banner a {color:#34a; font-family:Rockwell, "Times New Roman", serif; background-color:inherit; font-style: normal}
.banner a:hover, banner a:focus, banner a:active {text-decoration:underline; font-family:Rockwell, "Times New Roman", serif}

/*----------------------------------- Layout ---------------------------------*/
#menu { margin:0;	padding:0;}
#hdr { height:110px; width:100%; background:url(../images/kente2.jpg) 0 top #444; line-height:1em;	border-bottom:2px solid #402b00;}
#hdr h1 {	overflow: hidden;	font-size: 1px;	line-height: 1px;	height: 0px !important;	height /**/:150px;}
#hdr h2 {	text-align:right;	font-size:.8em;	margin:80px 1em 14px 1px;	color:#eee;	font-weight:600;	overflow:visible;	font-style:normal;}
#hdr a:hover, #hdr a:active, #hdr a:focus { text-decoration:none;}
#hdr ul {	margin-left:4px;}

.rowcontainer {	/* Used to keep the divs in a row.  you can use this for any size div */	float: left;	width: 100%;	overflow: hidden;	background: #164a33}
#navbar {position: relative; width: 110%; height: 2em; background-color: inherit}
#bttmbar {float: left; width: 100%; height: 4em; line-height: 2em; text-align: center; font-weight: 600; font-size: 0.80em; color: #ddd; background: url(../images/kente.jpg) repeat-x 0 50% #333}
#bttmbar a {text-decoration: underline;}#bttmbar a:hover {text-decoration: none}

/*------ Columns: Note they dont add up to 100%, this is intentional to avoid problems! -----*/ .fullcolumn {float: left; width: 100%}		/* Full width column */
.threequartercolumn {float: left; width: 70%; padding:0 2%}		/* Three-quarter width column, pair with the onethirdcolumn div class */
.halfcolumn {float: left; width: 45%; padding:0 1.5% 1em 1.5%; border-left: 1px solid #222}		/* Half-width column. */
.onethirdcolumn {float: left; width: 30%; padding:0 1.5% 1em 1.5%; border-left: 1px solid #222}		/* One-third width column */
.onequartercolumn {float: left; width: 20%; padding:0 2% 1em 1.5%; border-left: 1px solid #222}		/* One-quarter width column */

/*------ Styling for scrolling news box ------*/
#headline_box {
	margin-top: .5em;
}

#headline_box, #headline_box tr {
	border-width: 1px;
	border-color: #996600;
	border-style: solid;
}

#headline_box, #headline_box * {
	background-color: inherit;
}

#headline_box * #header {
	color:inherit;
	background-color: inherit;
	font-weight: bold;
	font-style: italic;
	font-size: 11pt;
}

#headline_box * {
	color:#ffffff;
}