@charset "UTF-8";
/* CSS Document */

html,body,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,form,fieldset,input,select,textarea,div,img,table,th,td,object,pre,blockquote,address { 
	margin:0;
	padding:0;
}

body {
	background-color: #CCCCCC;
}

div#container {
	width: 800px;
	margin: 0 auto;
	padding: 5px;
	background-color: #FFFFFF;
	border: none;
	overflow: hidden;
}
	

div#header {
	width: 800px;
	height: 278px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: url(images/jpg/title.jpg) no-repeat;
	position: relative;
}
	

div#header div#nav {
	width: 800px;
	height: 31px;
	margin: 247px 0 0 0;
	padding: 0;
	border: none;
	position: absolute;
}

div#date {
	width: 790px;
	height: 30px;
	margin: 0 auto;
	padding: 0 10px 0 0;
	border-bottom: 2px solid #FFFFFF;
	background-color: #0036A0;
	color: white;
	text-align: right;
	line-height: 30px;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

div#address {
	width: 288px;
	padding: 5px;
	background-color: #FFCC00;
	border: none;
	margin: 0 2px 0 0;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	float: left;
	height: 100%;
}

div#mainarea {
	width: 490px;
	padding: 5px;
	background: url(images/jpg/main_bg.jpg) no-repeat;
	border: none;
	margin: 0;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	float: left;
}

/***********************************************************************
	TEXT VARIATIONS
************************************************************************/

div#address .header, div#mainarea .header {
	color: #0033CC;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Lucida Grande', Arial, sans-serif;
}

div#address strong {
	color: #0033CC;
}

.image-paragraph {
	text-align: center;
}

/***********************************************************************
	FORM ELEMENTS
************************************************************************/

fieldset {
	border: none;
}

.formtext {
	width: 283px;
}

.genericbox {
	width: 99%;
}

/***********************************************************************
	IMAGES
************************************************************************/

.smallimage {
	float: left;
	border: none;
	margin-right: 6px;
}

.otherimage {
	border: none;
	margin-right: 6px;
}

.otherimage-nomargin {
	border: none;
}

/***********************************************************************
	LINKS
************************************************************************/

div#nav a {
	display: inline-block;
	width: 106px;
	height: 31px;
	margin: 0 0 0 3px;
	padding: 0;
	border: none;
	line-height: 31px;
	color: white;
	text-align: center;
	text-decoration: none;
	background: url(images/png/link_up.png) no-repeat;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size: 12px; 
}

div#nav a:hover {
	display: inline-block;
	width: 106px;
	height: 31px;
	margin: 0 0 0 3px;
	padding: 0;
	border: none;
	line-height: 31px;
	color: #FFCC00;
	text-align: center;
	text-decoration: none;
	background: url(images/png/link_over.png) no-repeat;
	font-family:'Lucida Grande', Arial, sans-serif;
	font-size: 12px; 
}

div#address a {
	color: #000000;
	text-decoration: underline;
}

div#address a:hover {
	color: #000000;
	text-decoration: none;
}


/***********************************************************************
	TOOLS
************************************************************************/

div#address img {
	border: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.accessibility {
	position: absolute;
	text-indent: -999em;
	left: -999em;
	top: -999em;
}