/* Style created by the excellent yakfolk at yakjive.com.  Free for use by users of yakjive.com. */

html {
margin: 0px;
padding: 0px;/*
scrollbar-3dlight-color:aqua;
scrollbar-arrow-color:blue;
scrollbar-base-color:khaki;
scrollbar-darkshadow-color:;
scrollbar-face-color:;
scrollbar-highlight-color:hotpink;
scrollbar-shadow-color:*/
}

body {
background: #e0e0de url(images/backgrounds/cities/fanari.jpg) no-repeat fixed center center;
margin: 0px 0px 0px 0px; 
padding: 0px;
font-family: arial;
color: #000000;
}

table {
width: 100%;
height: 100%;
}

td {
vertical-align: top;
text-align: center;
font-family: arial;
}

p, .articleFooter {
margin: 3px 0px 8px 0px;
padding: 0;
}

ul {
color: #000000;
margin: 3px 0px 8px 0px;
font-family: arial;
padding: 0;
list-style-position: inside;
}

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

a:hover{
color: #555AF;
}

li ul li {
padding-left: 17px;
}

li ul li ul li {
padding-left: 34px;
}

li ul li ul li ul li {
padding-left: 51px;
}

li ul li ul li ul li ul li {
padding-left: 68px;
}

img {
border-style: none;
}

/*
div
{border: medium double rgb(250,0,255);}*/

div.container {
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 100%;
}

.contactTable {
color: #000000;
font-family: arial;
padding: 0;
background: none;
text-align: center;
font-size: 0.9em;
}

.contactTable label{
font-size: 1.1em;
font-weight: bold;
}

.addressTitle, .coordinatesTitle {
margin-top: 10px;
font-weight: bold;
display: block;
width: 100%;
background-color: #DDDDDD;
}

.addressInfo, .coordinatesInfo {
margin-left: 25px;
}

input, select, textarea, button {
font-family: arial;
text-decoration: none;
margin-bottom: 2px;
margin-top: 2px;
border: 1px solid #666666; 
}


/* specific divs */
#userDiv1, #userDiv2, #userDiv3, #userDiv4, #userDiv5, #userDiv6, #userDiv7, #userDiv8, #userDiv9 {
display: none;
}

#titleLeft, #titleRight {
display: none;
}

#titleMain {
position: absolute;
left:100px;
top:25px;
width:800px;
height: 50px;
padding: 10px;
}

#titleMain h1 {
font-family: arial;
font-weight: bold;
color: #000000;
text-align: center;
font-size: 1.5em;
}

#topMenu {
position: absolute;
left:0px;
top:105px;
width:120px;
}

#pageHeader {
position: absolute;
left:0px;
top:0px;
width:1000px;
height: 25px;
font-family: arial;
font-weight: bold;
text-align: center;
color: #5555AA;
}

/* Used for 3-column layout section pages */
#box0 {
position: absolute;
left:150px;
top:105px;
width:170px;
padding: 0px;
}

/* Used for 3-column layout section pages */
#box1 {
position: absolute;
left:330px;
top:105px;
width:490px;
}

/* Used for 3-column layout section pages */
#box2 {
position: absolute;
left:830px;
top:105px;
width:170px;
}

/* Used for newspages */
#box3 {
position: absolute;
left:150px;
top:105px;
width:600px;
}

/* Used for 2-column layout section pages */
#box4 {
position: absolute;
left:150px;
top:105px;
width:250px;
}	

/* Used for 2-column layout section pages */
#box5 {
position: absolute;
left:410px;
top:105px;
width:580px;
}

/* Used for infoPages */
#infoPageContent {
position: absolute;
left:150px;
top:105px;
width:800px;
}

#infoPageContent .innerBoxTitle, #infoPageContent .innerBox {
width: 800px;
position: relative;
}

/* This is necessary for the toolbar placement */
.innerBoxTitle{
position: relative;
}

.articleBox {
position: relative;
margin-top: 5px;
display: block;
}

.innerBox, .innerBoxTitleList, .innerBoxLinks {
padding: 5px;
margin: 15px 0px 5px 0px;
border-style: none;
font-size: 0.7em;
}

.innerBoxTitleList{
margin-top:30px;
}

.innerBoxTitleList a:hover{
text-decoration: underline;
}

.innerBoxLinks {
font-size: 0.7em;
font-weight: bold;
}

.innerBoxLinks a {
color: #000077;
}

.innerBoxLinks a.more {
color: #DDDDFF;
}

.innerBox a {
font-weight: bold;
}

.innerBoxTitle{
vertical-align: bottom;
padding-left: 20px;
height: 25px;
opacity: 1.0;
}

#box0 .innerBoxTitle, #box2 .innerBoxTitle{
background: transparent url(images/backgrounds/cities/wineglass.gif) no-repeat;
}

#box4 .innerBoxTitle, #box1 .innerBoxTitle, #box5 .innerBoxTitle {
background: transparent url(images/backgrounds/cities/grapes.gif) no-repeat;
}

#box3 .innerBoxTitle, #infoPageContent .innerBoxTitle {
background: transparent url(images/backgrounds/cities/wineglass.gif) no-repeat;
}

#box3 li, #infoPageContent li {
list-style: disc inside;
}

#simpleTOC {
background: transparent url(images/backgrounds/sunflowers/light_square.png) repeat;
position: absolute;
left:760px;
top:125px;
width:200px;
}

#simpleTOC .itemTitle{
color: #5555AA;
}

#simpleTOC ul{
list-style-type: disc;
list-style-position: inside;
text-align: left;
}

#simpleTOC li, #simpleTOC a{
background: none;
color: white;
text-decoration: none;
color: #337733;
font-weight: bold;
font-size: 0.85em;
}

#simpleTOC {
background: none;
}

a {
/*
text-decoration: none;
*/
cursor: pointer; /* The hand...seems to be disappearing otherwise */
}

/*a:visited {
color: #444444;
}*/

h1 {
color: #888888;
font-size: 1em;
font-family: arial;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 4px;
/*line-height: 14px; -- messed up Mozilla */
}

.itemTitle {
color: #5555AA;
font-size: 1em;
font-family: arial;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 4px;
text-decoration: none; 
/*line-height: 14px; -- messed up Mozilla */
}

.innerBoxTitle span.date{
font-size: 0.7em;
}

h2, .articleTitle {
color: #000000;
font-size: 1.15em;
font-family: arial;
font-weight: bold;
margin: 10px 0px 5px 0px;
padding: 0px;
text-align: left;
text-decoration: none;
}

a.nextPage{
display:block;
width:100%;text-align:right;text-decoration: none;
font-size: 1.3em;
}

a.nextPage:hover{
text-decoration: underline;
}

a.articleTitle:hover, a.more:hover {
color: #FF4444;
}

.date {
color: #111111;
font-size: 0.8em;
font-weight: bold;
margin: 1px 10px 0px 1px;
padding: 2px;
font-family: arial;
}

.more {
color: #000000;
margin-left: 3px;
font-size: 0.8em;
text-decoration: none; 
}

.imageRight {
float: right;
text-align: center;
margin: 2px;
border-style:none;
padding: 3px;
}

.imageLeft {
float: left;
text-align: center;
margin: 2px;
border-style:none;
padding: 3px;
}

#box0 div.imageRight, #box0 div.imageLeft, #box2 div.imageRight, #box2 div.imageLeft, #box4 div.imageRight, #box4 div.imageLeft {
float: none;
display: block;
text-align: left;
width: 100%;
}

.letterArticle {
font-family: Garamond;
font-style: italic;
}

#pageFooter { 
text-align: center;
}

#pageFooter a:link, #footer a:visited { 
margin-right: 0px; 
}

#newsletter{
background-color:#FFFFFF;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
border-style: outset;
border-color: #8888FF;
}

div.comment, div.guestbook{
font-family: arial;
font-size: 0.9em;
background-color:#DDDDFF;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
}

.comment p {
margin-top: 0px;
margin-bottom: 5px;
}

.comment th, .guestbook th {
text-align: right;
font-size: 0.9em;
}

.comment td, .guestbook td {
text-align: left;
font-size: 0.9em;
}

.comment a{
font-family: Book Antiqua, arial;
font-size: 0.9em;
color: #000000;
font-weight: bold;
font-style: italic;
}

.comment a:hover{
font-family: Book Antiqua, arial;
font-size: 0.9em;
color: blue;
font-weight: bold;
font-style: italic;
}

.comment h1{
color: #000000;
font-size: 0.9em;
font-weight: bold;
font-style: italic;
margin-bottom: 5px;
}

/* Search styles */

.searchTable{
font-size: 1.1em;
}

.searchResults {
border-style: dashed;
border-width: 1px;
border-color: #666666;
background: none;
margin: 5px 5px 5px 5px;
padding: 3px;
font-size: 0.8em;
}

.searchDate {
color: red;
font-size: 0.7em;
font-weight: bold;
margin: 1px 10px 0px 10px;
padding: 0px;
font-family: arial;
}

.searchTitle {
color: #222222;
font-weight: bold;
padding: 0px;
margin: 1px 10px 0px 20px;
font-family: arial;
font-size: 0.9em;
}

.searchText {
color: #222222;
padding: 0px;
margin: 1px 10px 0px 40px;
font-family: arial;
}

/* Main menu bar */

#sectionMenuDiv{
margin: 0;
padding: 0;
font-weight: bold;
z-index:50;
}

#sectionMenuDiv ul{
padding: 0;
margin: 0;
background: None;
font-size: 0.7em;
font-family: arial, helvetica, sans-serif;
list-style-type: none;
z-index:auto;
}

#sectionMenuDiv li{
text-align: right;
z-index:auto;
}

#sectionMenuDiv a{
color: #000000;
text-decoration: none;
display: block;
width: 100%;
z-index:auto;
background: none;
border-bottom: 1px solid #000;
padding: 2px;
}

#sectionMenuDiv a:hover{
background-color: #AAAAAA;
color: #FFFFFF;
z-index:auto;
}

#sectionMenuDiv a.selectedSectionMenu {
background-color: #000000;
color: #FFFFFF;
z-index:auto;
}

#sectionMenuDiv a.selectedSectionMenu:hover{
background-color: #000000;
color: #FFFFFF;
cursor: text;
z-index:auto;
}

/* Newspage menu bar */
#newspageMenuDiv ul{
padding-left: 0;
margin: 0;
background: None;
font-family: arial, helvetica, sans-serif;
font-size: 0.7em;
list-style-type: none;
}

#newspageMenuDiv li {
text-align: right;
}

#newspageMenuDiv a{
padding: 2px;
background-color: #555555;
color: #FFFFFF;
text-decoration: none;
display: block;
width: 100%;
font-weight: bold;
border-bottom: 1px solid #000;
}

#newspageMenuDiv a:hover{
background-color: #CCCCCC;
color: #000000;
}

#newspageMenuDiv a.selectedNewspageMenu {
background-color: #000000;
color: #FFFFFF;
}

#newspageMenuDiv a.selectedNewspageMenu:hover{
background-color: #000000;
color: #FFFFFF;
cursor: text;
}

/* Article menu bar */
#articleMenuDiv ul{
padding: 0;
margin: 0;
background: None;
font-family: arial, helvetica, sans-serif;
font-size: 0.7em;
list-style-type: none;
}

#articleMenuDiv li {
margin: 0;
padding: 0;
text-align: right;
}

#articleMenuDiv a{
display: block;
padding: 2px;
background-color: #999999;
color: #FFFFFF;
text-decoration: none;
width: 100%;
font-weight: bold;
border-bottom: 1px solid #fff;
}

#articleMenuDiv a:hover{
background-color: #555555;
color: #FFFFFF;
}

#articleMenuDiv a.selectedArticleMenu {
background-color: #000000;
color: #DDDDDD;
}

#articleMenuDiv a.selectedArticleMenu:hover{
background-color: #000000;
color: #DDDDDD;
cursor: text;
}

a.control, a.control2{
color: #333333;
background-color: #CCCCFF;
font-family: arial;
font-size: 0.9em;
font-weight: bold;
padding: 5px 5px 5px 5px;
margin-right: 4px;
margin-left: 0px;
text-decoration: none
}

a.control:hover, a.control2:hover{
color: #000000;
background-color: #AAAAFF;
font-family: arial;
font-size: 0.9em;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
text-decoration: none
}

div.greetingContainer {
position: relative;
/*text-align: left;*/
margin-left: auto;
margin-right: auto;
width: 100%;
}

div.greetingContainer #pageHeader{
left: 15px;
top: 15px;
font-weight: bold;
text-align: left;
}

.greetingCardAddress {
font-size: 0.9em;
text-align:left;
}

.greetingCardTitle {
font-size: 0.9em;
text-align:center;
}

.greetingCardMessage {
font-size: 0.9em;
text-align:left;
}

.greetingCardCaption {
font-size: 0.9em;
font-weight: bold;
text-align:left;
}

#greetingCardBox {
position: absolute;
top: 50px;
left:25px;
width: 95%;
}

#greetingCardBox .itemTitle, #mapBox .itemTitle {
color: #0066FF;
}

#greetingCardBox .innerBoxTitle, #mapBox .innerBoxTitle {
vertical-align: bottom;
text-align: left;
}