/* CSS Document */
<!--
body { 	
	background-image:url(images/Background.gif);
	background-repeat:repeat-x;
	
	margin: 0;
	padding: 0;
	color: #222;
	/* Centers the container div in IE5. Only centers text in
	other browsers. Must be undone elsewhere as text-align is inheritable.
	*/
	text-align: center;
	font-size: small;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	
	voice-family: "\"}\"";
  voice-family: inherit;
	
	font-size: medium;
	}
	
a:link	{
	color:#004080;
	}

a:visited	{
	color: #004080;
	}

a:hover 		{
	color: #0077aa;
	}

a:active 		{
	color: #0077aa;
	}

hr	{
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: none;
	}


/* Float anything left or right e.g. class="FloatBox right" */
.left	{
	float: left;
	padding:5px;
	}
.right	{
	float: right;
	padding:5px;
	}

a img	{
	/* Removes borders around image links */
	border: none;
	text-decoration: none;
	}

#container { 
	text-align:left; 
	width: 98%;
	/*width:760px;*/
	margin:0 auto;
	padding: 0;
	padding-top:4px;
	position:relative;
	font-family:Tahoma, Verdana, Arial, sans-serif;
}

#Header {
	text-align:left;
	background-image: url(images/HeaderLinks.gif);
	background-repeat:no-repeat;
	background-position:right top;
	border-top: 2px solid #999;
	border-bottom: 2px solid #ccc;
	margin-top: 1px;
	padding: 2px 0;
	padding-right: 5px;
	font-size: 0.8em;
}

#LeftNav {
	text-align:left;
	width:20%;
	float:left;
	font-size:0.8em;
	/*background-color:#F0F8FF;*/
	clear:left;
}

#Footer {
	font-size: 0.6em;
	text-align: center;
	clear:left;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #999999;
	
	margin: 0.5em 0;
	padding:0.5em 0;
}

#Main {
	text-align:left;
	width:79.8%;
	/*left:17%;*/
	float:left;
	line-height: 1.5;
	font-size: 0.8em;
}

#Main h1 	{
	font-size: 1.20em;
	padding:0 0 1px 0.5em;
	margin:0 0 1em 0;
	/*background-image:url(images/MenuHead.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top: 2px solid #999;
	border-bottom: 1px solid #999;*/
	color:#2F4F4F;
	}
	
#Main h2 {
	font-size: 1.20em;
	margin: 0em 0 0.3em 0;
	padding-left:6px;
	color:#2F4F4F;
	}
	
#Main h3	{
	font-size: 1.05em;
	margin: 0em 0 0.2em 0;
	padding-left:6px;
	color:#2F4F4F;
	}
#Main h4   {
	font-size: 1.05em;
	margin: 1em 0 0.2em 0;
	padding-left:6px;
	color:#666666;
}

#Main p	{
	margin-top: 0;
	margin-left:0.5em;
	margin-bottom: 1.3em;
}

#Header a {
	text-decoration:none;
	color:#004080;
}

#Header a:hover {
	text-decoration:none;
	color:#0077aa;
}

#bannerblue {
	background-color:#DBEDFF;
	border-bottom:3px solid #FFCC33;
}
.HeaderLinks {
	font-size: 0.7em;
	margin: 0.4em 0;
	text-align:right;
	color: #666666;
	float:right;
}

/******************ULs*****************************/
#Main ul  {
	list-style-type: none;
	padding: 7px 0 0 0;
	margin: 1em 0 2em 2.0em;
	}

#Main ul li	{
	background-image: url(images/BulletList.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left: 1.2em;
	padding-bottom: 0.5em;
	}

#Main ul ul {
	list-style-type: none;
	padding: 3px 0 2px 0;
	margin: 0 0 0 12px;
	}

#Main ul li li	{
	background-image: url(images/BulletList.gif);
	background-position: left top;
	padding: 0 0 0 0;
	margin: 2px 0 0 0;
	background-repeat:no-repeat;
	padding-left:1em;
	}

/*********************************Menu styles****************************/

.nav, #Main .nav {
	padding:0;
	margin: 0 0 0.75em 0;
	border-top: none;
	width:auto;
	font-size: 0.8em;
	}
	
/* for menus that occur in the content area, do not reduce font size */
#Main .nav	{
	font-size: 1em;
	float:right;
	margin:0.5em;
	
	/* sets width of content area menu */
	width: 150px;
	}

.nav ul, #Main .nav ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	border-bottom:none;
	background-color:#FFF;

	width:100%;
	}
	
.nav ul li, #Main .nav li {
	position: relative;
	/**********************************/
	/*width: auto;*/
	width:100%;
	margin: 0;
	padding: 0;
	font-size: x-small;
	/*font-size:0.8em;*/
	height: auto;
	_height: 1%;
	vertical-align:bottom;
	}
	
.nav li ul {/*popout style*/
	position: absolute;
	left: 100%;
	width:200px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	border:2px solid #ccc;
	/*font-size:x-small;
	font-size:1.1em;*/
	}
	
.nav ul li:first-child, #Main .nav ul li:first-child	{
	border-top: none;
	}

/* Styles for Menu Items */
.nav ul li a, #Main .nav ul li a {
	display: block;
	padding: 6px;
	padding-left:10px;
	width: auto;
	
	/* Fixes a whitepsace bug in IE. Auto Height for good browsers,
	1% for Internet Explorer (IE ignores the defined height and makes 
	it tall enough fir the content to fit. "Another nonsense bugfix 
	for Internet Explorer" */
	height: auto;
	_height: 1%; /* Exploits IE's underscore bug. Invalidates CSS but should be
									ignored by all compliant browsers. */
	
	color: #2f4f4f;
	}

.nav ul li a:link, .nav ul li a:visited, #Main .nav ul li a:link, #Main .nav ul li a:visited {
	color: #2f4f4f;
	text-decoration:none;
	font-weight:bold;
	}

.nav ul li a:hover, #Main .nav ul li a:hover { /* Hover Styles */
	color: #2f4f4f; 
	background-color:#FFCC33;
} 

.nav li:hover ul, li.over ul { display: block; } /* Allows fly out menu. 
													Also requires some minor javascript because
													IE 6< doesn't understand li:hover only a:hover  */
	
/******************FloatBox******************************/
.FloatBox	{
	border: 1px dashed #ccc;
	font-size: 0.85em;
	padding: 0.5em;
	margin: 0.5em;
	float:right;
	background-color: #eee;
	
	/* set width of floatbox */
	width: 200px;
	}

.FloatBox h2, #Main .FloatBox h3	{
	margin-top: 0.15em;
	padding: 0;
	}
.FloatBox p	{
	margin: 0.5em 0;
	padding: 0;
	}

/****************************ImageBox******************/
.ImageBox	{
	border: 1px solid #ccc;
	font-size: 0.85em;
	padding: 0.5em;
	margin: 0.5em;
	float:right;
	background-color: #fff;
	
	/* set width of floatbox */
	width: 200px;
	}

/*****************Remove border etc for layout latbles**************/
table.layout, #Main table.layout	{
	border: none;
	border-collapse: collapse;
	/*padding: 0;
	margin: 0;*/
	}

table.layout td, #Main table.layout td	{
	border: none;
	border-collapse: collapse;
	padding: 4px 10px;
	/*margin: 0;*/
	}

table.layout td h3, #Main table.layout td h3 {
	padding: 0;
	margin:0;
}
	
/************************Tables**************************/
#Main table    {
	border: 1px solid #999;
	border-collapse: collapse;
	/*font-size:small;*/
	font-size:1em;
	
  	margin: 0 0 10px 10px;
	}

#Main table td   {
	border: 1px inset #ccc;
	padding: 3px;
	margin:0;
	background-color: #fff;
	}

#Main table td p, #Main table th p {
	padding: 0px;
	margin:0;
	} 

#Main table th {
  	background-color: #eee;
	color:#2f4f4f;
  	border: 1px inset #ccc;
  	padding: 4px;
  	margin:0;
	text-align:left;
	}
#Main table th.lower	{
	font-weight: normal;
	}

#Main table tr.summary td, #Main table tr.summary th {
  	border-top: 3px double #ccc;
	}
#Main table tr.summary td	{
	background-color : #F5F5F5;
	}

#Main table caption    {
	font-size: 1em;
	color: #2f4f4f;
	font-weight: bold;
	text-align: left;
	padding: 0px 10px 10px 0;
	}

#Main table tr.highlight td	{
	background-color: #efefff;
	}

/******************News Page Styles*********************/

#Main .NewsLinks ul li a  {
	font-weight:bold;
	color:#2f4f4f;
	text-decoration:none;
	
}

#Main .NewsLinks ul li a:hover { /* Hover Styles */
	color:#66CCFF;
}

/*************Image container for gallery********************/
#ImageContainer{
	padding:5px;
	border: 1px solid #999;
	visibility:hidden;
}

#Main .thumb:hover img{
border: 1px solid #FFCC33;
}

#Main .thumb img{
border: 1px solid white;
}
-->