/* styles.css */

html, input {
	font-family: Arial, Helvetica, sans-serif;
	color:#646464;
}

h3, h4 {
	color:#646464;
	font-size: 1em;
	margin: 0;
	padding: 0 10px 5px;
	/*vertical-align: top;*/
}

.clear { 
	clear:both;
	margin: 0 24px;
	padding: 10px 0;
}

body {
	margin:0; padding:0;
	height: 100%;
	width: 100%;
	background:#DCD8CC;
	text-align: center;	
}

a {	
	text-decoration: none;
	outline: none;
	background: none;
	color:#636363;
	font-weight: normal;
}

a.more {
	font-size: 0.76em;
	float:right;
	text-align: right;
	color: #DCD8CC;
	width: 85px;
	height: 19px;
	background: url(../images/1page_button_sm1.gif) right top no-repeat;
	margin: 0; padding: 2px 28px 0 0;
}

a:hover {
	text-decoration: underline;
}

/* ***** HEADER ***** */
#header {
	font-size:0.625em; 
	color:#c0bcb2; 
	text-transform:uppercase;
}

ul#icon_menu {
	float: right;
	padding: 0;	
	margin: 0;
	list-style: none;
	text-align: center;
}

ul#icon_menu li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#icon_menu li a {
	float: left;		
	height: 16px;	
	text-indent: -5000px;
}

ul#icon_menu li a.icon1 {
	width: 20px; background: url(../images/icon1.gif) left center no-repeat;
}

ul#icon_menu li a.icon2 {
	width: 30px; background: url(../images/icon2.gif) left center no-repeat;
}

ul#icon_menu li a.icon3 {
	width: 19px; background: url(../images/icon3.gif) left center no-repeat;
}

ul#icon_menu li a.rss {
	width:31px; 	
	background: url(../images/rss.gif) left no-repeat;	
}



.button:hover {
	text-decoration:underline;
}

.input, #ajaxSearch_input{
   	border:none; 
	background:url(../images/bg_input.gif); 
	background-repeat: no-repeat;
	width:269px; height:20px;
	font-size:12px;
	text-transform:none;
	vertical-align:middle;
	color:#c0bcb2;
	/*padding-left:10px;*/
	padding:3px 4px 0;
	margin: 0;
}

.search_button, input#ajaxSearch_submit{	
	color:#f8f7f3; 
	background:url(../images/button.gif);
	background-repeat: no-repeat; 
	/*padding:3px 18px 6px 15px; */
	margin: 0 18px 0 0;
	padding: 0;
	text-decoration:none; 
	font-size:12px; 
	text-transform:none;	
	width: 48px;
    height: 22px;
	border: 0;

}

div#slogan {
	font-size: 1em;
	font-style: italic;
	color: #FFFFFF;	
}

/* ***** CONTENT ***** */

#content table {
	margin: 0; padding: 0;	
	text-align: justify;
	border: 0;	
}

#content table h2 {		
	color:#636363; 	
	height: 16px;
	margin: 0;	
	font-weight:normal; 
	text-transform:uppercase; 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.725em;
	padding: 0 20px 0;
}

#content table td#main_1 p, #content table td#main_3 p { font-size: .76em; padding: 5px 0 0 0;}
#content table td#main_1 img { padding: 10px 0 0;}


#content table h2.first { background:url(../images/icon-2.gif) no-repeat center left;}
#content table h2.second { background:url(../images/icon-1.gif) no-repeat center left;}
#content table h2.third { background:url(../images/icon-3.gif) no-repeat center left;}

#content table h3, #content table h4 {
	color:#646464;
	font-size: 1.45em;
	margin: 0;
	padding: 0 0 5px;	
}

#content table td {
	vertical-align: top;
	padding: 0 18px;
	width: 300px;	
	background: url(../images/tail.gif) repeat-y center right;
}

#content table td#main_3 { background: none; padding: 0 12px 0 18px; width: 280px;}
#content table td#main_1 { padding: 0 18px 0 12px; width: 282px;}

#content table td.first ul {
	text-align: left;
	list-style: none;
	background: none;	
	margin: 0; padding: 0 0 3px 12px;
	font-size: .85em;
	width: 240px;
}

#content table td.first ul li {
	margin: 0; padding: 4px 10px 8px;
	background: url(../images/marker.gif) left top no-repeat;
	/*list-style-image: url(../images/marker.gif);*/
	background-position: 0 .7em;
}

#content table td.first ul ul {
	padding: 1px 10px;	
} 

#content table td.first ul ul li {
	padding: 3px 10px 0;
	background: url(../images/marker2.gif) left center no-repeat;
	background-position: 0 .7em;	
}

#content table td.first ul ul ul {
	font-size: 1em;
	padding: 2px 0 0 10px;
} 

#content table td.first ul ul ul li {
	padding: 1px;
	background: none;
} 


#content table td.third_content ul {
	text-align: left;
	list-style: none;	
	margin: 0; padding: 0 10px 10px;
	font-size: .949em;
}

#content table td.third_content ul li {
	margin: 0; padding: 4px 10px;
	background: url(../images/marker.gif) left center no-repeat;
	background-position: 0 .9em;
}

#content table td.third_content ul li ul {
	padding: 3px;
}

#content ul {
	text-align: left;
	list-style: none;	
	margin: 0; padding: 0 10px 20px;
	font-size: .76em;	
}

#content ul li {
	margin: 0; padding: 4px 10px;	
	background: url(../images/marker2.gif) left top no-repeat;
	background-position: 0 .6em;
}

#content ul li ul {
	padding: 3px;
}

#content table td.first {
	vertical-align: top;
	padding: 1px;
	margin: 0;
	width: 300px;
}

#content table td.third {
	vertical-align: top;
	background: none;
}

#content table td.third_content {	
	font-size: 0.76em;	
	padding: 0 10px;
	margin: 0 10px 0;
	background: none;
	width: 600px;
}

div.list_news, div.ditto_summaryPost  {
	/*font-size: 0.76em;*/
	background: url(../images/bot.gif) repeat-x left bottom;	
	padding: 10px 0 10px;	
	margin: 0;
}

div.list_news a, div.ditto_summaryPost a, #content table td.third_content p a {
	margin: 0; padding: 2px 10px 0;
	background: none;
	font-weight: bold;
	text-decoration: none;
}

div.list_news a, div.ditto_summaryPost a {
	background: url(../images/marker2.gif) no-repeat left center;
	background-position: 0 .6em;
}

#content table td.third_content p a {
	margin: 0; padding: 0;
}

div.list_news a:hover, div.ditto_summaryPost a:hover, #content table td.third_content p a:hover {
	text-decoration: underline;
}

div#ditto_pages {
	font-size: 0.9em;
	padding: 0;	
	margin: 5px 0 0;
}

#content ul.pure_list {
	padding: 0 0 0 25px;
	list-style: none;	
	font-size: .9em;
}

#content ul.pure_list li {
	padding: 2px 10px;
	background: url(../images/marker1.gif) no-repeat left center;
	background-position: 0 .6em;
}

#content p.gallery {
	background: none;
}

#content ol {
	padding: 0 0 0 25px;	
	font-size: .949em;
}

.third_content table#pure_table {	
	border-width: 1px 1px 0 0;	
	border-color: #636363;
	border-style: solid;
	border-spacing: 0;
    border-collapse: collapse;
	margin: 2px 10px;
}

.third_content table#pure_table td {
	border-width: 0 0 1px 1px;	
	border-color: #636363;
	border-style: solid;
	margin: 2px 10px;
	background: none;
	width: auto;
}


/* ***** FOOTER ***** */
#footer {
	font-size:0.75em;
}

#footer a {
	color:#f84b00; text-decoration:underline;
}  

#footer a:hover {
	text-decoration:none;
}


ul#footer_menu {	
	padding: 0;	
	margin: 24px 24px 0;
	list-style: none;
	text-align: left;
	width: 800px;
}

ul#footer_menu li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 20px;
	background:url(../images/bg_menu.gif) top left no-repeat;
}

ul#footer_menu li.first {	
	background:none;
	padding: 0 18px 0 0;
}

ul#footer_menu li a{
	display: block;
	text-decoration: none;
	color: #636363;
	background: none;	
}

ul#footer_menu li a:hover {
	text-decoration: underline;
}

ul#footer_menu li ul {
	font-size:0.8em;
	margin: 0; padding: 5px 0;	
	text-align: left;
}

ul#footer_menu li ul li {
	background: url(../images/marker1.gif) left center no-repeat;
	margin: 0; padding: 2px 0 0 10px;
	clear: both;
}

ul#footer_icons {	
	font-size: 0.9em;
	float: right;
	padding: 0;	
	margin: 14px 24px 0;
	list-style: none;
	text-align: center;
}

ul#footer_icons li {	
	display: block;
	text-align: center;
	clear: both;
	width: 100px;
	margin: 0;
	padding: 10px 0;	
}

ul#footer_icons li a {
	float: right;
	text-align: left;
	text-decoration: none;	
	background: none;
	text-indent: -5000px;
}

ul#footer_icons li a:hover {
	text-decoration: none;
}

ul#footer_icons li a.ppnt {	
	width:100px;
	height: 38px;
	padding: 0;
	background: url(../images/PPNT1.gif) right top no-repeat;	
}

ul#footer_icons li a.ppnt:hover {	
	width:100px;
	height: 38px;
	padding: 0;
	background: url(../images/PPNT.gif) right top no-repeat;	
}

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
}

#EmailForm legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}

div.thumbscontainer {
	padding: 0; margin: 0;
	clear: both;
	width: 600px;
}

div#bread_crumbs {	
	font-size: .7em;
	font-weight: bold;
	padding: 0 0 10px 316px;
}


/* AJAX SEARCH */

#ajaxSearch_output {
    border: 1px solid #444;
    padding: 10px;
    background: #fff;
    display: block;
    height: auto;
    vertical-align: top;
}
.ajaxSearch_paging {
}
.AS_ajax_result {
    color: #444;
    margin-bottom: 3px;
}
.AS_ajax_resultLink {
    text-decoration: underline;
}
.AS_ajax_resultDescription{
    color: #555;
}
.AS_ajax_more {
    color: #555;
}		
.ajaxSearch_intro {
	color: white;
	float: left;
}

div.ajaxSearch_result {	
    padding:2px;
}

a.ajaxSearch_resultLink {
  color: #FF5800; 
}

div.ajaxSearch_extract {
  padding: 5px 5px;
}

span.ajaxSearch_highlight {
  font-weight: bold;
}

div.ajaxSearch_paging {
  padding: 10px 0;

}

.ditto_page {
	text-decoration: underline;
	padding: 0 2px;
}

.ditto_page:hover {
	text-decoration: none;
}

#div_print {
	margin: 10px 10px 10px 20px; 
	background-color: #f1f2f3;
	text-align: right;
	padding: 3px;
}