/* IMPORTANT - h1.title and h2.sub-title are custom classes assigned by the title and sub-title buttons in the WYSIWYG toolbar */
/* Styling for these must be included in your default site stylesheet otherwise the user wont be able to create main or sub-titles in their web page content */
h1.title { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16pt; border-bottom:1px dotted #999; }
h2.sub-title { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16pt; }


body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#666; padding:25px; }
h1 { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16pt; border-bottom:1px dotted #999; }
h2 { font-family:Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16pt; }




ul.menu { 
list-style: none; /* remove default bullet points from menu list */
margin: 0; 
padding: 0; 
height: 100%; 
}

li.menu { 
float:left; /* remove "float:left;" to make the menu buttons sit vertically */
margin: 1px 0; /* gap between buttons - "margin: 0 1px;" is the gap above and below buttons if vertical */
padding: 0; 
text-align: center; /* alignment of text on button */
width: 150px; /* overall width of menu button */
}

li.menu a, li.menu a:visited { 
display: block; /* makes the whole button a link instead of just the text on it */
text-decoration: none; /* remove the underline from text hyperlinks */
color: white; /* color of text on button */
font-size: 12px; /* size of text on button */
line-height: 25px; /* height of each button */
width: 150px;  /* overall width of menu button (must be set here and i "li.menu" above) */
}

li.menu a { 
background: url("path/to/image/button.gif") repeat 0 0; /* optional image for button at rest */
padding: 5px 0px;
}

li.menu a:hover, li.menu a:active { 
background: url("path/to/image/button-hover.gif") repeat 0 0; /* optional image for button on hover */
} 






.non-editable { background:#ccffff; border:1px dotted #999; padding:10px 20px; margin:25px 0; }
.editable { background:#ffffcc; border:1px dotted #999; padding:10px 20px; }