/* TinyMCE EDITOR RULES */

/* Makes links look right in FF */
#tinymce a:link, #tinymce a:visited, #tinymce a:active {
color: #637b0f !important; /* FF requires a important here (for tinyMCE) */
}
#tinymce h1 a:link, #tinymce h1 a:visited, #tinymce h1 a:active {
color: inherit !important; /* FF requires a important here (for tinyMCE) */
}

/* When editing, <p> is pretty much the same as <br/>.
This is to make the editing more similar to e.g. Word.
It is automatically converted to and from the semantically
correct use of <p> (this is done in admin.js, the mceeditor
widget) */
#tinymce p {
margin: 0;
padding: 0;
}

#tinymce td, #tinymce tr, #tinymce table {
font: inherit;
}

/* LAYOUT */

body, html {
height: 100%;
margin: 0;
padding: 0;

/*font-family: Georgia, serif; Didot */
font-family: Arial, sans-serif;
font-size: .9em;
color: #444;

background-color: #fff;
}

/*
Footer positioning technique from The man in blue
http://www.themaninblue.com/writing/perspective/2005/08/29/
*/

#non_footer {
position: relative;
min-height: 100%;
}

* html #non_footer {
height: 100%;
}

/* end of footer code for now (the rest is in the styles related to #footer) */

#logo {
position: relative;
top: 7px;
left: 13px;

border-top: 2px solid transparent;

margin: 0;
padding: 0;
border-width: 0;
}

#logo img {
position: absolute;
}

#logo:hover {
border-color: #637b0f;
}

#nav {
float: left;
width: 100%;
margin-top: 82px;

letter-spacing: .04em;
color: #222;
}

#nav_list_block {
right: 2em;
position: absolute;
}

#nav_list {
margin: 0;
padding: 0;

list-style-type: none;
}

.nav_listitem {
margin: 0 0 0 1em;
padding: 0;

float: left;
}

.nav_listitem {
padding-bottom: 3px;
background-image: url(../images/nav_greypix.png);
}

.nav_listitem_block > a {
float: left;

background-color: #fff;
color: #000;
}

#nav_list_block a {
color: #000;
text-decoration: none;

line-height: 2em;
}

#nav_list_block .nav_listitem_block > a:hover {
color: #637b0f;
}

.nav_listitem:hover {
background-image: none;
background-color: #444;
padding-bottom: 4px;
}

.nav_listitem.active {
background-color: #444;
padding-bottom: 4px;
width: 208px;
height: 2em;
}

.nav_listitem.active .nav_listitem_block {
margin-right: 200px;
}

.nav_listitem.active .nav_listitem_block > a {
position: absolute;
padding-left: 4px;
padding-right: 4px;
color: #444;
width: 200px;
font-weight: bold;
}

div.nav_sublist {
position: absolute;
display: none;

margin-top: 2em;
}

.nav_listitem.active div.nav_sublist {
display: block;
}

.nav_listitem ul {
position: absolute;

list-style-type: none;
padding: 0;
margin: 4px 0 0 0;

font-size: .9em;
font-family: Arial, Helvetica, Geneva, sans-serif;

width: 208px;
height: 236px;
overflow: auto;
background-image: url(../images/nav_transpix.png);
}

.nav_listitem li {
margin: 0;
padding: 0;
display: inline;
}

.nav_listitem ul a {
display: block;
padding: 0 .8em;
}

#nav_list .nav_listitem ul a:hover {
text-decoration: underline;
}

#nav_list .nav_listitem ul a:focus, #nav_list .nav_listitem ul li.active a {
font-weight: bold;
outline: 0;
background-image: url(../images/nav_transpix.png);
}

div.nav_sublist_filler_block {
margin-top: 240px;
}

div.nav_sublist_filler {
position: absolute;
margin-top: -2em;
margin-left: -2000px;

background-image: url(../images/nav_transpix.png);
height: 2em;
width: 2000px;
}

#nav_no_active {
float: left;
margin-top: -2em;
width: 100%;
height: 2em;
background-image: url(../images/nav_transpix.png);
}

#nav_img {
float: left;

margin-top: 2em;

width: 100%;
height: 240px;
background-color: #ddd;
background-position: 50% 0;
}

#top_block {
float: left;
width: 100%;
font-size: 2em;
}

#top {
position: absolute;
margin: -1em 1em;
}

#top h1 {
line-height: 1em;
font-size: 1em;
margin: 0;
border-width: 0;
color: #333;
display: inline;
}

#content_block {
}

#main_block {
float: left;
width: 60%;
padding-bottom: 2em; /* for the footer */
}

#main {
margin: 0 1em 0 2em; 
padding-top: 1em;
}

#sidebar_block {
float: right;
width: 40%;
padding-bottom: 2em; /* for the footer */
}

#sidebar {
margin: 0 2em 0 1em; 
padding-top: 1em;
}

#footer {
position: relative;
float: left;
width: 100%;
margin: -2em 0 0 0;
padding-bottom: .4em;

font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: .9em;
color: #777;
}

#footer_top {
margin: 0 2em .4em 2em;
height: 1px;
overflow: hidden;
background-color: #777;
}

#footer span.link {
float: right;
margin-right: .35em;
}

#footer a {
font-weight: normal;
}

#footer span.copyright {
float: right;
width: 40%;
}

/* TYPOGRAPHY */

a:link, a:visited, a:active {
font-weight: bold;
color: #637b0f;
text-decoration: none;
}


a img {
border: 0;
}

a:link:hover, a:visited:hover {
text-decoration: underline;
}

p, blockquote {
text-align: justify;
line-height: 140%;
}

table p, table blockquote {
text-align: left;
}

p {
margin: 0 0 .6em 0;
padding: 0;
}

p img {
margin: .7em;
}

blockquote {
background-color: #eee;
padding: 1em;
margin: 1em;
}

hr {
border-width: 0;
border-top: 1px solid #777;
}

ul {
margin: 1em 1em 1em 2em;
padding: 0;
}

li {
padding: 0;
margin: 0;
line-height: 140%;
}

p+h1 {
margin-top: 1em;
}

h1, h2 {
font-family: Arial, Helvetica, Geneva, sans-serif;
letter-spacing: -.02em;
line-height: 1em;

margin: .4em 0 .7em 0;
padding: 0;
}

h3, h4, h5, h6 {
letter-spacing: -.02em;

margin: .4em 0 0 0;
padding: 0;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
color: #444;
}

h1 {
font-size: 1.5em;

padding-bottom: .1em;
border-bottom: 1px solid #777;
}

h1:hover {
border-color: #637b0f;
}

h2 {
font-size: 1.35em;

margin-bottom: .3em;
}

h3 {
font-size: 1.05em;
}

.readmore_link, .readless_link, .readmore {
margin: .5em 0 0 0;
display: block;
}

/* NEWS */

ul.news_list {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.news_list > li {
float: left;
width: 100%;
}

ul.news_list > li+li {
margin-top: 2.5em;
}

div.news_header {
line-height: 1.5em;
font-family: Arial, Helvetica, Geneva, sans-serif;
border-bottom: 1px solid #ccc;
}

div.news_header h3 {
letter-spacing: -.02em;
font-size: 1.7em;

margin: .1em 0 -.1em 0;
padding: 0;
}

span.news_date {
color: #555;
font-size: .7em;
font-weight: bold;
}

/* CALENDAR */

ul.cal_list, ul.cal_shortlist {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.cal_list > li {
background-color: #eee;
margin-bottom: 1em;
padding-bottom: .3em;
border-top: 1px solid #888;
}

li.cal_listitem:hover, li.cal_listitem.selected:hover {
border-color: #637b0f;
}

ul.cal_shortlist li.cal_listitem {
background-color: #eee;
margin-bottom: .5em;
padding-bottom: .3em;
border-top: 1px solid #888;
}

ul.cal_list.has_selected li.cal_listitem {
background-color: #f3f3f3;
}

ul.cal_list li.cal_listitem.selected {
border-color: #666;
background-color: #ddd;
}

div.cal_header {
padding: .2em .3em 0 .3em;
}

div.cal_header span.date {
font-family: Arial, Helvetica, Geneva, sans-serif;
font-weight: bold;
color: #555;
}

div.cal_header h3 {
display: inline;
}

div.cal_intro, ul.cal_list div.readmore,
ul.cal_list .readmore_link, ul.cal_list .readless_link {
padding: 0 1em;
}

ul.cal_months {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.cal_months li {
border-top: 1px solid transparent;
margin-bottom: -1px;
}

ul.cal_months li:hover {
border-color: #637b0f;
}

ul.cal_months a {
color: inherit;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;

display: block;
padding: .3em;
border-top: 1px solid #777;
}

ul.cal_months li.active span.reading {
color: #777;
font-weight: normal;
margin-left: .3em;
}

ul.cal_months a:hover {
border-color: #637b0f;
text-decoration: none;
}

ul.cal_months li.active a {
background-color: #eee;
font-weight: bold;
}

p.cal_archivelink {
margin-top: .4em;
text-align: right;
}

p.cal_archivelink a {
font-family: Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
font-size: .9em;
}