/* Cicada styles */
/* COLOR PALETTE:
  #1e5b04 - deep green (links, H1, etc.)
  #e8e8e8 - light gray (content-sidebar)
  #cdddec - light blue page background
*/

a { 
color: #1e5b04; 
text-decoration: underline;
}

body   { 
font-size: 0.8em; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #cdddec; 
margin: 0;
}

th  { 
color: #4d4d4d; 
font-size: .8em; 
font-weight: bold; 
text-align: center;
}

td {
font-size: 0.8em; 
}

h1 { 
color: #1e5b04; 
font-size: 2.2em; 
font-weight: normal; 
line-height: 110%; 
margin: 0.67em 0; 
}

h2    { 
color: #333; 
font-size: 1.4em; 
font-weight: normal; 
line-height: 110%; 
margin: 0.5em 0 -0.15em 
}

h3, .content-sidebar h1, .content-sidebar h2, .content-sidebar h4, .content-sidebar-wide h1, .content-sidebar-wide h2, .content-sidebar-wide h4 { 
color: #4d4d4d; 
font-size: 1.2em; 
font-weight: normal; 
line-height: 120%; 
margin: 0.25em 0 -0.5em 0;
}

h4  { 
color: #000; 
font-size: 1em; 
font-weight: bold; 
margin: 0.25em 0 -0.85em 
}

ul { 
margin: -10px 0 -10px 18px; 
padding: 0; 
}

.bg_left { 
background-image: url("/images/bg_edge_left.gif"); 
background-repeat: repeat-y; 
background-position: right 0; 
}

.bg_right { 
background-image: url("/images/bg_edge_right.gif"); 
background-repeat: repeat-y; 
background-position: left 0; 
}

.datetime { 
font-size: .8em;
color: #444;
}

.nav {
background-color: #c7c7c7;
}

.nav-wide {
background-color: #c7c7c7;
background-image: url("/images/bg_page-2col_nav.gif"); 
background-repeat: no-repeat; 
background-position: left top; 
}

.nav, .nav-wide { 
margin: 0; 
padding: 0;
}

.nav ul, .nav-wide ul { 
font-size: 1em; 
font-weight: bold; 
line-height: 1.8em; 
list-style-type: none; 
margin: 0; 
padding: 0 0 5px; 
}

.nav a, .nav a:link, .nav a:visited, .nav-wide a, .nav-wide a:link, .nav-wide a:visited { 
color: #252525; 
text-decoration: none; 
margin: 0; 
padding: 5px 10px 5px 12px; 
}

.nav a.currentpage:link, .nav a.currentpage:visited, .nav-wide a.currentpage:link, .nav-wide a.currentpage:visited, .nav a.currentpage:hover, .nav-wide a.currentpage:hover { 
color: white; 
background-image: url("/images/nav_button_all.gif"); /*current*/
background-repeat: no-repeat; 
background-position: right -2px; 
}

.nav a:hover, .nav-wide a:hover { 
color: #000; 
background-image: url("/images/nav_button_all.gif"); /*hover*/
background-repeat: no-repeat; 
background-position: right -82px; 
}

.nav a:active, .nav a.currentpage:active, .nav-wide a:active, .nav-wide a.currentpage:active  { 
color: #fff; 
background-image: url("/images/nav_button_all.gif"); /*active*/
background-repeat: no-repeat; 
background-position: right -42px; 
}

.loginpane { 
font-size: 0.75em; 
line-height: 1.5em; 
background-color: #d7dfe8; 
background-image: url("/images/bg_page_loginpane.gif"); 
background-repeat: no-repeat; 
background-position: right top; 
padding: 10px; 
}

.content-main, .content-main-wide, .content-main-full { 
font-size: 0.8em; 
line-height: 1.5em; 
background-color: white; 
padding: 10px 15px 50px 25px;
}

.content-main {
background-image: url("/images/bg_page_topleft.gif"); 
background-repeat: no-repeat; 
background-position: left top; 
}

.content-main-wide { 
background-image: url("/images/bg_page-2col_topleft.gif"); 
background-repeat: no-repeat; 
background-position: left top; 
}

.content-main-full { 
background-image: url("/images/bg_page-2col_full.gif"); 
background-repeat: no-repeat; 
background-position: left top; 
}

.content-main a, .content-sidebar a, .content-main-wide a, .content-main-full a, .content-sidebar-wide a { 
text-decoration: none;
}

.content-main a:hover, .content-sidebar a:hover, .content-main-wide a:hover, .content-main-full a:hover, .content-sidebar-wide a:hover { 
text-decoration: underline;
}

.content-sidebar, .content-sidebar-wide { 
font-size: 0.7em; 
line-height: 1.5em; 
background-color: #e8e8e8; 
padding: 10px;
}

.content-sidebar-wide { 
background-image: url("/images/bg_page-2col_sidebar.gif"); 
background-repeat: no-repeat; 
background-position: right top; 
}

input { 
font-size: 0.8em; 
}

td ul  { 
margin: 0 0 0 18px; 
padding: 0;
}
 
hr {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
}