/* Reset.css */
/* CSS RESET */

html{color:#000;background:fff6;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
    margin:0;padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight: inherit;}
input,textarea,select{font-size:100%;}
legend{color:#000;}

/* END CSS RESET */


/* COLUMNS */
/* **************** GRIDS ***************** */
.line, .col-last {overflow: hidden;_overflow:visible;_zoom:1; }
.column {float:left;_zoom:1;}
.column-ext {float:right;}
.col-full {float:none;}
.col-half {width:50%;}
.col-onethird {width:20%;}
.col-twothirds {width:75%;}

.col-twothirds h2 
{
	margin: 0.1em 0 0.2em;
	color: #006600;
	font-size: 1.8em;
    font-weight: bold;
    padding: 0 0 0.5em;
	border-bottom: 1px #336633 solid;
	
}

.col-twothirds h3 
{
	margin: 0.6em 0 0.2em;
	color: #006600;
	font-size: 1.5em;
    font-weight: bold;
    padding: 0 0 0.5em;
	border-bottom: 1px #336633 solid;
	
}

.col-onequarter {width:25%;}
.col-threequarters {width:75%;}
.col-onefifth {width:20%;}
.col-twofifths {width:40%;}
.col-threefifths {width:60%;}
.col-fourfifths {width:80%;}

.col-last {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media {width:auto;}
/* END COLUMNS */

.page
{
    margin: 0 auto;
    width: 80%;
    border: 2px solid #cbcdc2;
    margin-top: 3em;
    --margin-bottom: 3em;
}

body
{
    background: #7e8865 url('images/page-bg.jpg') repeat-x top left;
    color: #4d4d4d;
    font-family: Geneva, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;
    font-size: 62.5%;
}

h1
{
    font-size: 2.2em;
    font-weight: bold;
    margin: 1em 0 0.8em;
}

h2
{
    font-size: 1.8em;
    font-weight: bold;
    margin: 0.6em 0 0.5em;
    --margin: 0.8em 0 0.6em;
}

h3
{
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.6em 0 0.5em;
}

p
{
    --font-size: 1.1em;
    --margin-top: 0.3em;
    --line-height: 120%;
}

dl
{
}

dt
{
    font-weight: bold;
    margin-top: 0.8em;
    padding: 0.2em 0;
}

dd
{
    margin: 0.2em 0 0.3em;
}


.header
{
	--background-color: #edeedd;
    background-color: #eff0eb;
    border-bottom: 1px solid #ccc;
    padding: 1em 1em 0.5em;
    position: relative;
    height: 102px;
}

.content
{
	background-color: #ffffff;
    --background-color: #fcfcfa;
    border-bottom: 1px solid #ccc;
    padding: 1.5em 1em 1.5em;
}

.bodycontent
{
	line-height: 18px;
	color: Black;
	font-family: Verdana, sans-serif, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
	font-size: 12px;
    padding: 0.5em 0 0.5em 0;
    width: 100%;
}

.bodycontent a
{
    color: #006600;
    font-weight: bold;
    text-decoration: none;
}

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

.bodycontent ul {
margin: 0px;
padding: 0px;
padding-left: 18px;
 list-style-position: inside;
}

.bodycontent li
{
padding: 0px;
margin: 0px;

}

.footer
{
    background: #6f6e59 url('images/footer-bg.jpg') repeat-x top left;
    color: #fff;
    padding: 0.7em 0em 0.7em;
}

.footer .copyright {
	--float: left;
	margin: 0px;
	--padding-left: 20px;
	text-align: center;
}

/* Navigation styles */
.top-navigation-left
{
    position: absolute;
    left: 3em;
    top: 10em;
}

.top-navigation
{
    margin-top: 0em;
    position: relative;
}

.top-navigation ul
{
    margin-right: 2em;
    text-align: right;
}

.top-navigation li
{
    border: 1px solid #ccc;
    display: inline;
    padding: 0.5em 1em;
}

.top-navigation li:hover
{
    background-color: #fff;
}

.top-navigation li a
{
    color: #006600;
    text-decoration: none;
}

/* region-specific styles */
.search
{
    position: absolute;
    right: 3em;
    top: 5em;
}

.search input
{
    background: #fff url('images/search-icon.png') no-repeat scroll 0.3em 0.2em;
    border: 1px solid #ccc;
    padding: 0.3em 0.2em 0.3em 2.5em;
}

.header img
{
    left: 0;
    position: relative;
    top: 0;
}

.image-runner
{
    background: #fff url('images/spring-lamb-mast.jpg') no-repeat top right;
    border-bottom: 2px solid #ccc;
    font-style: italic;
    height: 135px;
    padding-left: 2em;
}

.image-runner h2
{
    margin: 0 0 1em;
    padding-top: 1em;
}

.framed
{
    -moz-border-radius: 6px;
    background: #bcc4a8 url('images/panel-bg.jpg') repeat-x scroll top left; 
    border: 1px solid #ccc;
    margin: 1em 0;
    padding: 1em;
}

.framed ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

.framed li {
	padding-left: 10px;
	padding: 5px 0 5px 10px;
	background: url(images/img04.gif) no-repeat left 50%;
}

.framed h3 {
	font-size: 1.5em;
    font-weight: bold;
    margin: 0.6em 0 0.2em;
	border-bottom: 1px #336633 solid;
}

.framed a 
{
	--padding-left: 10px;
	--background: url(images/img04.gif) no-repeat left 50%;
	margin-bottom: 1.5em;
	
	color: #666666;
	font-weight: bold;
	--border-bottom: 1px #97C8E5 dotted;
}

.framed selected
{   
background: #F1F1F1;
text-decoration: none; 
} 

.bordered
{
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 1em 0;
    padding: 0.4em;
}

/* Type Styles */
.title
{
    color: #626529;
    position: absolute;
    top: 0;
    left: 4em;
}

/* Layout Helpers */
.margin-reset
{
    margin: 0;
}

.padded-sides
{
    padding: 1.5em 1em 1.5em 1.5em;
}

.clr{clear:both;}

a.readon {
font-size: 12px;
text-decoration: none;
line-height: 15px;
--border: 1px solid #EEEEEE;
padding-left: 13px;
background: url(Images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
color: #006600;
}

.blog {
width: 100%;
}

.componentheading 
{
	margin: 0.1em 0 0.2em;
	color: #006600;
	font-size: 1.8em;
    font-weight: bold;
    padding: 0 0 0.5em;
	border-bottom: 1px #336633 solid;
--font-weight: bold;
--font-size: 16px;
--height: 23px;
--line-height: 20px;
--font-family: "Trebuchet MS", Verdana, sans serif;
--border-bottom: 1px solid #002E61;
--color: #002E61;
--margin-bottom: 5px;
}

.contentheading 
{
width: 98%;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
padding: 5px 0 0 0;
border-bottom: 1px #336633 solid;
font-family: 'Trebuchet MS', verdana, sans-serif;
color: #006600;
}

.contentpaneopen {
text-align: left;
background: transparent;
font-size: 12px;
line-height: 1.8;
width: 94%;
}

.contentpaneopen1 {
text-align: left;
background: transparent;
font-size: 12px;
line-height: 1.8;
width: 97%;
}

.contentpaneopen h5 
{
	--margin: 0.1em 0 0.2em;
	color: #000000;
	font-size: 1.8em;
    font-weight: bold;
    line-height: 27px;
    --padding: 0 0 0.5em;
	--border-bottom: 1px #336633 solid;
	
}

table.contentpane td.contentheading 
{
color: #006600;
width: 98%;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family: 'Trebuchet MS', verdana, sans-serif;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.back_button a
{
text-decoration:  none;
font-family: Verdana, sans-serif, Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana;
font-weight: bold;
border: none;
color: #006600;
font-size: 12px;
font-weight: normal;
}

.pagenav a
{
    color: #006600;
    font-weight: bold;
    text-decoration: none;
}

.selected
{   
background: #F1F1F1;
text-decoration: none; 
}