body {
	background: #667079 url(images/page-background.jpg) top center no-repeat;
	color: black;

	font-size: 9pt;
	font-family: sans-serif;

	min-width: 800px;
	max-width: 800px;
	width: 800px;

	margin: auto;
	text-align: center;
}

img {
	border: none;
}

div {
	text-align: justify;
	padding: 0px;
}

a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted black;
}

a, a:focus, a:active {
	outline: none;
}

/*
 * Neutralize the hover effect on certain links.
 */
a.neutral, a.neutral:hover {
	background: none;
	border: none;
}

#header {
	text-align: center;

	min-height: 140px;
	max-height: 140px;
	height: 140px;

	background: transparent url(images/logo.jpg) center center no-repeat;
	overflow: hidden;
}

#menu {
	position: relative;
	z-index: 1;

	padding: 0px;
	padding-top: 8px;
	padding-bottom: 8px;

	margin: 0px;
	margin-top: 25px;

	text-align: left;
	text-transform: uppercase;
	/* text-shadow: 1px 1px 2px #CCC; */

	white-space: nowrap;
}

#menu ul {
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 8px;

	margin: 0px;
	display: inline;
}

#menu ul li {
	list-style: none;
	display: inline;

	padding: 0px;
	padding-top: 8px;
	padding-bottom: 8px;

	margin: 0px;
	margin-right: 4px;

	border: 1px solid #364049;
	border-bottom: none;

	background-color: #768089;
	vertical-align: middle;
}

#menu ul li.selected {
	border: 1px solid black;
	border-bottom: none;
}

#menu ul li a {
	padding: 8px;

	color: white;
	background-color: #768089;
}

#menu ul li.selected a {
	color: black;
	background: #F2F2F2 url(images/menu-background.jpg) top left repeat-x;
}

#menu ul li a:hover {
	border-bottom: none;
	background-color: #96A0A9;
}

#menu ul li.selected a:hover {
	border-bottom: none;
	background-color: #F2F2F2;
}

#footer {
	padding-top: 15px;
	padding-bottom: 25px;

	font-size: 8pt;
	text-align: center;
	color: white;
}

#footer a {
	color: white;
}

#footer a:hover {
	border-bottom-color: white;
}

#footer .social a:hover {
	border-bottom: none;
}

#footer .valid a:hover {
	border-bottom: none;
}

#container {
	min-height: 100px;

	z-index: 0;
	position: relative;
	top: -1px;

	color: black;
	background: #F2F2F2 url(images/contentarea-background.jpg) bottom center repeat-x;

	border: 1px solid black;

	padding: 10px;
	padding-bottom: 70px;
}

#container #left {
	min-width: 545px;
	max-width: 545px;
	width: 545px;

	float: left;
	border: none;
}

#container #right {
	min-width: 225px;
	max-width: 225px;
	width: 225px;

	float: right;
	border: none;

	text-align: center;
	padding: 0px;
	padding-top: 10px;
}

#container #right input {
	border: 1px solid black;
}

#container #right input#checkbox_1 {
	border: none;
}

#container #left a[target = '_blank'] {
   padding-right: 18px;
   background: transparent url(images/famfamfam/link_go.png) no-repeat center right;
}

#container #left a[href ^= 'mailto:'] { 
   padding-right: 18px;
   background: transparent url(images/famfamfam/email.png) no-repeat center right;
}

#container #left a[href $= '.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/famfamfam/page_white_acrobat.png) no-repeat center right;
}

#container #left a[href $= '.xls'] { 
   padding-right: 18px;
   background: transparent url(images/famfamfam/page_white_excel.png) no-repeat center right;
}

#container #left a[href $= '.doc'] { 
   padding-right: 18px;
   background: transparent url(images/famfamfam/page_white_word.png) no-repeat center right;
}

#container #left h1 {
	margin-top: 5px;
	margin-bottom: 0px;

	font-size: 16pt;
	font-weight: bold;
}

#container #left h2 {
	margin-top: 5px;
	margin-bottom: 0px;

	font-size: 14pt;
	font-weight: bold;
}

#container #left h3 {
	margin-top: 5px;
	margin-bottom: 0px;

	font-size: 12pt;
	font-weight: bold;
}

#container #left h4 {
	margin-top: 5px;
	margin-bottom: 0px;

	font-size: 10pt;
	font-weight: bold;
}

#container #left h5 {
	margin-top: 5px;
	margin-bottom: 0px;

	font-size: 10pt;
	font-weight: bold;
}

#container #left p {
	margin-top: 0px;
}

#container #left div.hr {
	text-align: center;

	margin-top: 20px;
	margin-bottom: 20px;

	border: none;
	border-bottom: 1px dotted #AAA;
}

#container #left .author {
	text-align: right;
}

#container #left .heading {
	/* text-shadow: 1px 1px 2px gray; */
}

#container #left .heading h1 {
	font-size: 20pt;
}

#container #left .heading p {
	margin-top: 2px;
	font-size: 11pt;
}

#container #left .article h1 {
}

#container #left .article p {
}


.ditto_paging {
	border-top: 1px solid #ccc;
	padding: 10px; 
	font-size: 86%;
	color: black;
}

#ditto_pages {
	margin: auto;
	margin-top: 25px;

	text-align: center;
}

#ditto_pages .ditto_currentpage {
	border: 1px solid black;
	padding: 1px 5px 2px; 
	margin-right: 1px;
	background-color: #008CBA; 
	color: #fff;
}

#ditto_pages .ditto_off {
	border: 1px solid #ccc;
	padding: 1px 5px 2px; 
	margin-right: 1px;
	color: #ccc;
}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	border: 1px solid #008CBA; 
	padding: 1px 5px 2px; 
	margin-right: 1px; 
	text-decoration: none !important; 
	color: black;
}
 
#ditto_pages a:hover {
	background-color: #fff;
	color: #000;
}