/* CSS Document */
body {

	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    scrollbar-base-color: #0F3F1D;
    scrollbar-face-color: #F9D3DB;
    scrollbar-track-color: #D7979A;
    scrollbar-arrow-color: #D7979A;
    scrollbar-3dlight-color: #0F3F1D;
    scrollbar-darkshadow-color: #D7979A;
    scrollbar-highlight-color: #D7979A;
    scrollbar-shadow-color: #0F3F1D;		
}

.footer_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
}



.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0F3F1D;
}



td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0F3F1D;
}



th {
	font-family: Arial, Helvetica, sans-serif;
}

.body_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #0F3F1D;
}

.body_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0F3F1D;
}

a {color:#000000;
text-decoration:none;
}

.scroll_pane {
width : 494px;
height : 316px;
overflow : auto;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #dc6162;
	text-decoration:none;
	border:none;
}


body{
margin:0;
padding:0;
line-height: 1.0em;
}

b{font-size: 110%;}
em{color: white;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #EAEAEA;
height: 151px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 3px 0;
padding-left: 5px;
padding-top: 3px;
}

#leftcolumn{
float: left;
width: 190px; /*Width of left column in pixel*/
height: 1500px;
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #6ca41f;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
height: 1500px;
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #dc6162;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

#footer a{
color: #ffffff;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


.arrowgreen{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(images/arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #C8FC98;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #C8FC98;
	background-position: 100% -64px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
width: 170px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #6ca41f;
}

.markermenu ul li a{
background: 6ca41f url(images/arrow-list.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000000;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #6ca41f;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: black;
}

.markermenu ul li a:hover{
color: black;
background-color: #fbe5e7;
background-image:url(images/arrow-list-red.gif) norepeat; /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */


.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid red;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

.notSoWide {
 font-family: Tahoma, Arial;
 font-size: 0.8em;
 padding: 5px;
 background-color: #99cc66;
 border-right: 1px solid #99cc66;
 border-bottom: 1px solid #99cc66;
 width: 400px;
 margin-bottom: 25px;
}

.wider {
 font-family: 'Trebuchet MS', Arial;
 font-size: 0.9em;
 padding: 10px;
 background-color: #99cc66;
 border-right: 1px solid #99cc66;
 border-bottom: 1px solid #99cc66;
 width: 600px;
 margin-bottom: 25px;
}

.widest {
 font-family: Arial, Verdana, Tahoma;
 font-size: 1.0em;
 padding: 15px;
 background-color: #ffffff;
/* border-right: 1px solid #99cc66;
 border-bottom: 1px solid #99cc66; */
 width: 95%;
}

.table {
 width: 100%;
 border: 1px solid #99cc66;
 background-color: #ffffff;
}

.table .th {
 background-color: #99cc66;
 color: #99cc66;
 font-weight: bold;
 border-bottom: 1px dotted #99cc66;
}

.table .tr:nth-child(odd) {
 background-color: #99cc66;
}

.table .td {
 float: left;
 width: 40%;
 padding-left: 2%;
}

.breadcrumb{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

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

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}

#MB_overlay[id] { position: fixed; }



#MB_window {
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}

#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}

#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}

#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}

#MB_caption { color:#000 }

#MB_close { color:#777 }

#MB_close:hover { color:#000 }

</script>