/* 

You may not reproduce it elsewhere without the 
 designer's written permission. However, feel free to study the CSS and use 
 techniques you learn from it elsewhere. */

/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */

.hidden
{
display: none;
}

img {
	border: none;
	}

acronym {
	font-weight: bold;
	color: #e74d15;
	}
	
form { padding: 0; margin: 0;}

html
{
height: 100%;
margin-bottom: 1px;
}

body { 
	color: #555; 
	background-color: #c3c3c3;
	margin: 0; 
	padding: 20px 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}

p { padding: 0 0 10px 0; 
	font-family: Arial, Helvetica, sans-serif; 
	margin-top: 0; 
	margin-bottom: 0; 
	line-height: 18px;
	font-size: 12px;
	color: #555;
	}
	
h1 {
	padding-bottom: 0px;
	font-size: 16px;
	padding-left: 25px;
	padding-top: 1px;
	margin: 0px 0 10px 0; 
	color: #e74d15;
	height: 21px;
	background: url(images/target.gif) no-repeat top left;
	}
	
h1 a
{
color: #e74d15 !important;
}

h1 a:hover
{
color: #182f8a !important;
text-decoration: none !important;
}
	
h2 {
	padding-bottom: 0px;
	font-size: 13px;
	margin: 0px; 
	color: #e74d15;
	}

h3 { color: #555; text-decoration: underline; font-size: 11px; font-weight: bold; margin: 0 0 4px; }

a { 
	text-decoration: none; 
	color: #182f8a;
	}

a:hover, a:active { color: #182f8a; text-decoration: underline; }

.contactbutton {
	float:left;
	width:54px;
	height:23px;
	background: url("images/buttons/contact.gif") no-repeat 0 0px;
	}

a.contactbutton:link, a.contactbutton:visited, a.contactbutton:active {
	background: url("images/buttons/contact.gif") no-repeat 0 0px;
	}

a.contactbutton:hover {
	background: url("images/buttons/contact.gif") no-repeat -54px 0px;
	}



/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */

#linkbar { background-image: url(images/linkbar.gif); 
  height: 30px; 
  width: 800px; 
  text-align: left; 
  }

#linkbar ul li {
  list-style-image: none;
  padding: 0;
  margin: 0;
  }
  
#linkbar ul {
  list-style-image: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  }

#linkbar ul li a:link, #linkbar ul li a:visited, #linkbar ul li a:active {
	font-weight: bold;
	color: white;
	display: block;
	padding: 6px 15px;
	font-size: 12px;
	}
	
#linkbar ul li a:hover {
	text-decoration: none;
	color: #e74d15;
	}
	
#links { float: right; margin-top: 90px; margin-right: 20px; font-size: 10px;}

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	top: 0px;
	}

#pageHeader { 
	width: 800px;
	height: 118px;
	background-image: url(images/header.gif);
	}

#homepage { 
	background-image: url(images/homepage.gif); 
	width: 800px; 
	height: 145px; 
	}

#supportingText { background-image: url(images/body-background.jpg); width: 800px; float: left; }

#right { 
	text-align: left; 
	font-size: 10px; 
	float: right; 
	padding:20px; 
	width:149px; 
	}

#right p {
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	}

#midbartext {
	color: #fff;
	padding: 20px;
	text-align: left;
	font-style: normal;
	font-size: 13px;
	line-height: 25px;
	font-weight: bold;
	}

#center { float: left; width: 570px; overflow: auto; padding: 20px; }
	
#footer { 
	float: left;
	color: #fff; 
	width: 800px; 
	height: 22px; 
	background-image:url("images/footer.gif"); 
	text-align: center; 
	font: 10px Tahoma; 
	background-position: 0 bottom; 
	text-transform: uppercase; 
	padding-top: 10px; 
	}

ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 35px;
	}

li
{ 	list-style-image: url(images/li.gif);
	margin-bottom: 7px;
	font-style: italic;
	padding-left: 3px;
	line-height: 18px;
	 }
	 
li a:link, li a:visited, li a:hover, li a:active {
	font-weight: normal;
	}
	
.clearer { clear: both; }


small
{
color: #192F89;
}

.postmetadata
{
line-height: 14px;
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 40px;
font-size: 11px;
background: #EFEFEF;
}

#sidebar ul, #sidebar li
{
padding: 0;
margin: 0;
background: none;
list-style-image: none !important;
list-style: none !important;
}

#sidebar ul
{
margin-bottom: 10px;
}

#sidebar li
{
list-style-image: none !important;
list-style: none !important;
padding: 0 0 3px 0 !important;
}