/* CSS Document */

body {font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:.9em;
	margin-top:5px;
	margin-left:5px;
	background-color:#ffffff; }
	
h1 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2.5em;
	font-weight:bold;
	font-style: normal;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	padding-right:0;
	text-align:center;
	color:#000099;
	}
	
p.smallinfo {
	font-size: .8em;
	color: #000000;
	margin-left:.5em;
	border:none;
	padding:.2em;
	margin-top:0;
	padding-top:0;
	margin-right:0;
	padding-right:0;
	width:65%;
	text-align:right;
}
/*	
h2  {font-family:"Arial Black",Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	margin-top:0;}
*/
h2 {color:#FF6600; font-size:1em;}
h2.inline {display:inline}

h3 {color:#FF6600; font-size:1em;}
h3.inline {display:inline}

p.tagline {
	font-style:italic;
	font-weight:bold;
	font-size:1.8em;
	color:#000099;
	text-align:center;
}

.contactinfo {
	font-size: 1em;
	font-weight: bold;
}
	
/* Layout - styles for divs*/

#outer {
    width: 80%;
    background-color:#FFFFFF;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: none;

}
#banner {
	position:absolute;
	width:854px;
	height:115px;
	z-index:1;
	background-color:#ffffff;
	top:10px;

}
#top {
	position:absolute;
	width:577px;
	height:92px;
	z-index:2;
	top: 100px;
	left: 23px;
}

#content {
	position:absolute;
	width:612px;
	/*height:346px;*/
	z-index:3;
	/*left: 12px;*/
	top: 260px;
	padding-left:1em;
}

#top1 {
	position:absolute;
	width:131px;
	height:87px;
	z-index:1;
	text-align:center;
	margin:0;
	padding:0;
	left:70px;
	/*top: 2px;*/
}
#top2 {
	position:absolute;
	width:137px;
	height:89px;
	z-index:2;
	left:240px;
	top:-90px;
	text-align:center;
	margin:0;
	padding:0;
}

#menu {
	position:absolute;
	width:542px;
	height:25px;
	z-index:8;
	left: 39px;
	top: 116px;
}
/* links, info & contact are boxes to appear down the side. All have the same width and some other attributes the same -
so these are in the class sidebox. Attributes that differ are in the unique indentifier for each box.*/
#links {
	position:absolute;
	height:435px; /* 280px */
	z-index:4;
	top: 396px;
}

#info {
	position:absolute;
	height:7.2em;/*115px*/
	z-index:5;
	top: 460px;
}

#contact {
	position:absolute;
	/*height:115px;*/
	z-index:7;
	top: 254px;
}

#topbox {
	position:absolute;
	z-index:7;
	top: 20px;
	text-align:center;
	background-color:#FFFFFF;
	height: 211px;
}

#contact p {margin:0;}
/* the panels at the right use the sidebox class for their common attributes*/
div.sidebox {
	width:260px;
	background-color:#ccccff;
	border:solid thin #0000FF;
	padding:.5em;
	font-size:.8em;
	left:640px;
}

div.pageheading {
	margin-top:5%;

}
/* footer div */
.footer {
	/*position:absolute;*/
	position:relative;
	width:618px;
	height:38px;
	z-index:6;
	/*left: 6px;*/
	/*top: 668px;*/
	font-size:.7em;
	text-align:center;
	border-top:#000033 solid thin;
	padding-top:5px;
}
.footer p {margin-top:0;
margin-bottom:0;}

.faded {
	color:#CCCCCC;
}

.infobox
{
	border:#FF6600 thin solid;
	float:left;
	position:relative;
	width:46%;
	margin:1px;
	padding:.5em;
	padding-top:0;
	text-align: justify;
}



/* nav menu appearance */
#navmenu {
	
	padding:0;
	padding-top:0;
	padding-bottom:.5em;
	padding-left:10px;
	margin:0;
	margin-left:15px;
	margin-top:0px;
	list-style-type:none; 
	text-align:left;
	border:none;
	z-index:3;
	/*background-color:#ffffff;*/
	}
#navmenu li { 
			text-align: center; 
			list-style-type:none; 
			color:#000000; 
			font-size:1em;
			font-weight:bold;
			display:inline; 
			margin:5px;
			/*border:2px solid #0000FF;*/
			padding: 2px 4px 2px 4px;
			text-align:center;
			/*background-color:#0082d6;*/
			}
#navmenu li a {font-weight:bold;
			border-bottom:none;
			text-decoration:underline;
			color:#000000;
			font-weight:bold;
} 

#navmenu li a:link {
color:#000000;
text-decoration:underline;}

#navmenu li a:hover {
color:#FF6600;
text-decoration:underline;}

#navmenu li a:visited {
color:#FF0000;
text-decoration:underline;}


#navmenu li.current {
color:#990000;
} 

#navmenu li.navextra {
font-size:smaller;
border:none;
text-decoration:none;
text-align:right;
color:#990000;
text-align:right;

}

a {
color:#0000CC;
}

p.pushin {margin-left:0px; margin-top:0;}

.smallform{
	font-size:xx-small;
}

.smalltext {
	font-size:xx-small;
}

a.smalllink {
	font-size:.8em;
}




/*.emaillink {color:#ff6633;}*/