/*
A hybrid of several designs by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/
*/

/* Main body */
body {background: #00331a; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0;}
#wrap {background:#fff; color:#404040; margin:0 auto; padding:30px; width:760px; margin-top:5px; margin-bottom:5px; }

/* Basic tags */
a {background-color:inherit; color:#006633; font-weight:700; text-decoration:none;}
a:hover {background-color:inherit; color:#006633; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 1.4em;}

/* Header */
#headleft {clear:left; float:left; text-align:left; width:460px; color:#006633;}
#headright {float:right; text-align:right; height:115px; line-height:1.4em; width:300px; color:#006633;}
#headleft h1 {font-size:2.0em; font-weight:700;}
#headright a {color:#000080; font-weight:400;}
#headright a img {margin-bottom:15px;}
#headright a:hover {color:#0000ff;}

/* Main menu */
#navigation ul {clear:both; height:1.8em; line-height:1.5em; padding:0; margin-bottom:10px; border-bottom:2px solid #e0e0e0;}
#navigation li {float:left; list-style-type:none;}
#navigation li a {padding:3px 20px 5px 0px; font-size:1.1em; font-weight:700; text-decoration:none; background-color:inherit; color: #00331a;}
#navigation .selected,#navigation a:hover {color: #006633;}

/* Main content */
#content {clear:both; line-height:1.5em; margin:0 0 5px 0; padding:0;}
#content h2 {font-size:1.5em; margin:0 0 10px;}
#content h3 {font-size:1.1em; margin:0 0 4px;}
#content p  {text-align:justify;}
#content hr {clear:both; height:1px; border:0; margin: 10px 0 20px 0; background-color:#006633;}
#content img {background:#ccc; border:0px solid #f0f0f0; color:#303030; display:inline; padding:1px;}
#content ul,#content ol {margin:0 0 16px 20px; padding:0;}
#content li {margin:0; padding:0 0 0 5px;}
#content ul ul,#content ol ol {margin:0 0 0 16px; padding:0;}

/* Footer */
#footer {background:#fff; border-top:2px solid #e0e0e0; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; width:760px; line-height:1.5em; font-size:0.9em;}
#footer p {margin:0; padding:0;}
#footer a {background-color:#fff; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* Tables for dates and activities */
table {border:0; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
td {text-align:left;vertical-align:top; padding:6px 0;}
td.date {padding:0; width:80px;}
td.time {padding:0; width:80px;}
td.desc {padding:0;}

/* Table for displaying side-by-side images with captions */
table.image {width:100%;}
td.image {margin:auto;}
td.caption {text-align:left;}

/* Two columns and images with caption */
.left {float:left; margin:3px 10px 2px 0; width:340px;}
.right {float:right; margin:2px 0 2px 10px; width:340px;}
.rightpic {float:right; margin:2px 0 2px 20px; width:252px; font-style:italic;}

/* Various lists */
ol.list_1 {list-style-type:decimal;}
ol.list_a {list-style-type:lower-alpha;}
ul.list_clean {list-style-type:none; padding:0px;}
ul.list_inline {clear:left; list-style-type:none;}
ul.list_inline li {float:left; line-height:1.8em;}
ul.list_inline li a {margin-right:20px;}
ul.list_agf {clear:left; list-style-type:none;}
ul.list_agf li {float:left; line-height:1.8em; width:80px;}

/* Additional classes */
.textright {text-align:right; margin:5px 0;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight:700;}
.highlight { color:red;}
.special {border:4px solid #004488; padding:10px 10px 0 10px; margin-bottom:30px;}
.important {border:4px solid red; color:red; padding:10px 10px 0 10px; margin-bottom:30px;}
.clearing {clear:both; margin:0; padding:0; visibility:hidden;}
.hide {display:none;}