html { 
    height: 100%;
    margin-bottom: 1px;
}


body {
font-size: 12px;
color:#333333;
font-family: Verdana, Arial, Sans-Serif;
padding:0px;
margin-top:10px;
}

#navcontainer{
width: 160px;
margin-left: 0px;
padding:5px;
}

#navlist { 
}

ul
{
list-style-type: none;
line-height: 20px;
padding: 0;
margin: 0;
}

ul li
{
border-bottom: 1px solid #ccc;
}

ul li a.fancy:link
{
padding: 0;
margin: 0;
width:150px;
display:block;
background-image: url(images/navbg2.gif);
}

ul li a.fancy:hover
{
padding: 0;
margin: 0;
width:150px;
display:block;
background-image: url(images/navbg1.gif);
}


a.fancy{
color:#F86503;
text-decoration:none;
font-weight:bold;
}
a.fancy:visited {color:#F86503;}
a.fancy:hover {color: #008f13;}
a.fancy:active { color:#008f13;}


a.simple{font-size:10px; font-weight:normal; color:#0000FF; text-decoration:none;}
a.simple:active{color:#0000FF; text-decoration: none;}
a.simple:hover{color:#0000FF; text-decoration:underline;}

a.video{
color:#F86503;
text-decoration:none;
font-weight:bold;
}
a.video:visited {color:#F86503;}
a.video:hover {color: #008f13;}
a.video:active { color:#008f13;}

a.videoActive{
color:#F86503;
text-decoration:underline;
font-weight:bold;
}

/* ----------topnav-------------- */

#topnav {
width: 600px; /* Changed from 400 */
height:70px;
margin-left: auto;
margin-right: 0px;
text-align: right;
background-image:url(images/contentbg1.gif);
background-position: top right;
background-repeat:no-repeat;
}
#topnav2 {
width: 600px; /* Changed from 400 */
height:70px;
margin-left: auto;
margin-right: 0px;
text-align: right;
background-image:url(images/contentbg2.gif);
background-position: top right;
background-repeat:no-repeat;
}


/* ----------container to center the layout-------------- */

#containerout {
width: 900px; /* Changed from 760. IMPORTANT: Keep the width of the footer same as the width of container out*/
margin-left: auto;
margin-right: auto;
padding: 3px;
background-color: #fff;
min-height:750px;
}


/* -----------------content--------------------- */
#content {
/* background-image:url(images/contentbg2.gif);
background-position: top right;
background-repeat:no-repeat;*/
color:#333333;  /* Color of the text */
line-height: 18px;
padding: 0px;
margin-left: 205px;
margin-right: 5px;
}

#header {
float: left;
width: 400px;
margin: 0px;
padding: 0px;
}
#left {
float: left;
width: 201px;
height:700px;
margin: 0px;
padding: 0px;
}

#box{
width: 160px;
margin-left: 0px;
padding:5px;
border: 1px #008f13 dotted;
font-size: 11px;
color: #008713;
}

#box2{
width: 160px;
margin-left: 0px;
padding:5px;
color: #DD6A50;
border: 1px #008f13 dotted;
font-size: 10px;
}

#box3a{
width: 160px;
float: right; 
display: inline; 
margin-left: 0px;
padding:5px;
color:#555555;
background-color: #fff;
border: 1px #cccccc dotted;
font-size: 12px;
font-weight:bold;
}
#box3b{
width: 160px; 
margin-left: 0px;
padding:5px;
color:#4794B7;
background-color: #fff;
border: 1px #cccccc dotted;
font-size: 10px;
}
#box3c{
width: 160px;
float: right; 
display: inline; 
margin-left: 0px;
padding:5px;
color:#333333;
background-color: #fff;
border: 1px #ffffff dotted;
font-size: 12px;
font-weight:bold;
}
#box3e{
width: 55px;
float: left; 
display: inline; 
margin-left: 0px;
padding:5px;
color:#333333;
border: 1px #ffffff dotted;
background-color:#ffffff;
font-size: 12px;
font-weight:bold;
}

/* -----------headings--------------------------- */
h1 {
color: #F86503;
margin:0;
font-size: 2.0em;
padding: 0 0 0 1px;
font-weight: bold;
border-bottom: 1px solid #008f13;
background-image: url(images/blank.jpg);
background-repeat: no-repeat;
background-position: 0 1em;
line-height: 20px;
margin-right: 0px;
}
h2 {
color: #F86503;
font-size: 1.5em;
font-weight: bold;
border-bottom: 1px solid #ccc;
margin: 0;
padding: .5em 0 0 0;
margin-right: 0px;
}
h3 {
color: #008F13;
font-size: 1em;
margin: 0;
padding: .5em 0 0 0;
font-weight: bold;
margin-right: 10px;
}
h4 {
color: #008F13;
font-size: 1.5em;
margin: 0;
padding: .5em 0 0 0;
font-weight: bold;
margin-right: 10px;
}
h5 {
color: #830197; 
margin:0;
font-size: 2.0em;
padding: 0 0 0 1px;
font-weight: bold;
/*border-bottom: 1px solid #008f13;*/
background-image: url(images/blank.jpg);
background-repeat: no-repeat;
background-position: 0 1em;
line-height: 20px;
margin-right: 0px;
text-align:center;
}

h8 {
font-size:9px;
margin:0;
}

/* -----------footer--------------------------- */
#footer {
width: 900px; /* Changed from 760. IMPORTANT: Keep the width same as containerout*/
margin-left: auto;
margin-right: auto;

font-size: 10px;
font-family: Verdana;
color: #008f13;
text-align: left;
border-top: 1px solid #eee;
}

/* -----------other--------------------------- */

#picbox{
float:left;
}
#thumbbox{
float:right;
height: 200px;
}
.clear{
clear: both;
}
.in {
display: inline;
float: left;
margin:0 5px 5px 0;
}
/* Form Related CSS Style */
	.formHeader {
		background-color:#E8FFE8;
		padding:0.3em;
		font-size:12px;
		font-weight:Bold;
	}
	.formQuestion {
		background-color:#ffffff;
		padding:0.3em;
		font-weight:normal;
		width: 50%;
	}
	.formAnswer {
		background-color:#f8fff8;
		margin-bottom:1em;
		border:2px solid #E8FFE8;
		width:99%;
	}

	.small {
		width: 2.5em;
	}
	.medium {
		width: 10em;
	}
	.long {
		width: 50%;
	}

	span.invalid, span.missing { /* The Message format */
		display: inline;
		margin-left: 1em;
		font-weight: bold;
		color: #f66;
	}

	.noticeMessage {
		display: block;
		float: right;
		font-weight: normal;
		color:#00f;
	}
	.myValidateColorValid {
		background-color: #ffffff;
	}
	.myValidateColorInvalid {
		background-color: #f66;
	}
	.myValidateColorEmpty {
		background-color: #eeeeee;
	}

	/* group multiple buttons in a row */
	div .dojoButton {
		float: left;
		margin-left: 10px;
	}
	
	.hiddenMsg{
	display:none;
	background-color:#FFFF80;
	}
 /*  *********Fish Eye Related********* */
	.dojoHtmlFisheyeListBar {
		margin: 0 auto;
		text-align: left;
	}
	
	.outerbar {
		background-color: #ffffff;
		position: relative;
	}
	.page {
		padding: 60px 20px 20px 20px;
	}
.largeGreenFont {
color: #008F13;
font-size: 1.0em;
margin: 0;
padding: .5em 0 0 0;
font-weight: bold;
margin-right: 10px;
}