/* OUTERMOST DIV: Contains all page elements *******************/
body {font-family:Verdana, Arial, Helvetica, sans-serif; background: #DDD; font-size: 62.5%;}
body * {margin: 0; padding: 0;}

img {border: 0;}

a {text-decoration: none; color: cyan; outline: none;}
a:link {text-decoration: none; color: cyan;}
a:visited {text-decoration: none; color: cyan;}
a:hover {text-decoration: underline; color: cyan;}

p.leftnav_top a:hover {text-decoration: none;}

textarea {border: 2px solid red;}

h3 {margin-top: 0;}
ul {margin-top: 0; margin-bottom: 0;}

#container {font-size: 1.2em; width: 90%; margin: 10px auto; background-color: #fff; color: #333; border: 1px solid gray;line-height: 130%;}

#leftnav { float: left; width: 250px; /*height: 210px;*/ margin: 0; padding: 0 .5em; background: #FFF url(images/logo.gif) .5em top no-repeat;}

#leftnav p.leftnav_top { background: #0B7E2B; border-left: 2px solid black; height: 30px; margin: 0; color: yellow; font-size: 100%; padding-left: 20px;}


#leftnav a.leftnav_date {color: yellow; font-size: 1em; font-weight:normal; text-decoration: none;}

/* Navigation rollover links ************************************************/
.navcontainer { border: 1px solid gray; border-top-color:#0B7E2B; background: #EEF;}
.navcontainer h4 {margin: 0.2em 0.5em; padding: 0;}
.navlist {padding: 1px;margin-left: 0;font-size: 1.3em;line-height: 1em;width: 14em;color: gray; }
.navlist li {list-style: none;margin: 0px;text-align: left;padding: 0 0.5em 0.5em 0.9em;}
.navlist li a {display: block;text-decoration: none;border-left: 3px solid #CCE;padding-left: 5px;}
.navlist li a:link { color: #000; }
.navlist li a:visited { color: #006; }
.navlist li a:hover {font-weight:normal;color: #000080;background: #b1d5ed;border-left: 3px #004080 solid;text-decoration: none;}
.navlist li a.outside_link {padding-left: 17px; background: url(images/external4.gif) 5px 2px no-repeat;}
.navlist li a.outside_link:hover {background: #b1d5ed url(images/external4_hover.gif) 5px 2px no-repeat;}

.resources, .outside_links {border: none; background: none;}

/* RIGHT DIV: Contains all page elements except leftnav *******************/

#right_content {margin-left: 290px; border: none; padding: .5em; /*max-width: 36em;*/}

#top {padding: .5em;margin: 0;background: #0B7E2B url(images/smallgreenbar3.gif) top left repeat-x;color: white;border-bottom: 1px solid #AD99B6;border-left: 2px solid black;}

#top h1, h2 {padding: 0;margin: 0 0 .5em 0;font-weight: normal;color: white;}
#top h2 {color: yellow; font-size: 90%;}
#top p {font-size: 1.0em; line-height: 1em; padding: 0; margin: 0;}


#breadcrumbs * {
/*padding: 0;margin: 0 0 .5em 0;background: white; color: black;font-weight: normal;line-height: 1.2em;} */
padding: 0;margin: 0 0 1.0em 0;background: white; color: black;font-weight: normal;line-height: 1.5em;}

#breadcrumbs *.current {font-weight: bold;}

/* INSIDE RIGHT DIV: Contains all page elements except leftnav, top, and breadcrumbs *******/
#content {padding: 0; border: none; min-height: 20em;}
#content h3 {margin-bottom: 0.2em; border-bottom: 1px solid #666; line-height: 1.2em;}
#content h4 {margin: 0; padding: 0;}
#content h5 {margin: 0;}
#content h6 {margin: 0;}

#content p {padding: 0 1em 0em 1em; font-size: 1.3em; line-height: 110%; margin: 0 0 .7em 0;}
#content p.indent{padding-left: 2em;}
#content p.indent1{padding-left: 2em;}
#content p.indent2{padding-left: 4em;}
#content ul {margin-bottom: 0.5em;}
#content li {font-size: .8em; line-height: 110%;}
#content a {color: blue;}
#content a.outside_link {text-decoration: none;}
#content a.outside_link:hover {text-decoration: underline;}
/* background image in link disappears in IE when link goes across end-of-line,
so put SPAN tags around first word of line, and following will place image there. */
#content a.outside_link span {padding-left: 14px; background: url(images/external4.gif) 2px 2px no-repeat;}
#content a.outside_link:hover span {text-decoration: underline; background-image: url(images/external4_hover.gif);}

.item_title {background: #BFBFBF url(images/graybar2.gif) top left repeat-x;border-left: 2px solid black;border-bottom: 1px solid #CCC;font-size: 1.6em;color: black;padding-top: 4px;}

#third_column {float: right;border: 1px solid black;display: block;width: 33%;background: #DDF;padding: 0;margin: 0.5em;}
.tip {background: #0B7E2B url(images/smallgreenbar3.gif) top left repeat-x;border-left: 2px solid black;border-bottom: 1px solid #AD99B6;font-size: 1em;color: white;margin: 0; padding: 0 0.5em;}
#third_column h4 { margin: 0; padding: 0 0.5em; font-size: .9em; color: #0066CC;}
#third_column p { margin: 0; padding: 0 0.6em 0.5em 0.6em; font-size: .8em; line-height: 1em;}



#footer {clear: both;margin: 0;padding: .5em;color: #333;background-color: #fff;border: none; text-align: center;}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* Feedbacks ----------------------- */
#content p.ok {border: 2px solid green;background: #fff url(images/check1.gif) 2px 2px no-repeat;color: #000;font-size: 1.2em;height: 2em;min-height: 2em;padding: 3px 5px 0 30px;width: 30em;}
#content p.error {border: 2px solid black;background: #f99 url(images/x1.gif) 2px 2px no-repeat;color: #000;font-size: .8em;font-weight: bold;height: 1.4em; min-height: 1.4em; padding: 3px 5px 0 30px; width: 30em;}

table.runs {border: 1px solid black; font-size: 0.8em; background-color: #66CC66;  border-bottom:  0; padding: 0; margin: 0.3em 0 1em 1em;}
table.runs th {background-color: #669933; color: white; font-weight: bold; border: 1px solid black; border-width: 0 0 1px 1px; padding: 0 1em;}
table.runs th.firstcol {border-left: 0;}
table.runs td {border: 1px solid black; border-width: 0 0 1px 1px; padding: 0 1em;}
table.runs td.firstcol {border-left: 0;}

a.selectImageLink {font-size: 100%; background-color: white; padding: 0 0.5em; font-weight: bold;}
.showfilename {font-weight: bold;}
.input_submit {margin: 0.5em 0 0.5em 14em; display: block;}
.overwrite    {margin: 0.5em 0 0.5em  5em; display: block;}
.dirs         {font-weight: bold;}

.credits { font-size: 100%; }
.credits a { color: #00A; }

span.expandLink {
	display: inline;
	font-size: 70%;
	color: #333;
	margin: 0;
	padding: 0;
	/*border: 1px dotted red;*/
	width: 100%;
	}
	
span.expandLink a {
	display: inline;
	color: #333;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	}
	
span.expandLink a:hover {
	border: none;
	background: none;
}
	
#navlinks {
	border: none; 
	background: none;
	width: 14em;
	position: relative;
	top: 4px;
	padding: 0;
	margin: 0;
	font-size: 90%;
	}
	
#navlinks, #navlinks ul, #navlinks li {
	margin: 0 0; /* 2px 0; */
	padding: 0;
	list-style: none;
	background-color: transparent;
	}
	
#navlinks li {
	border: none;
	clear: both;
	color: black;
	}
	
#navlinks li a {
	border-left: none;
	margin: 0; /* margin: 0 0 2px 0; */
	padding: 0;
	color: blue;
	/* text-decoration: underline; */
	}
	
#navlinks li a:hover {
	color: #FF3300; /* red; */
	background: none;
	}
	
#navlinks li a.outside_link {padding-left: 17px; background: url(images/external4.gif) 5px 2px no-repeat;}
#navlinks li a.outside_link:hover {background: #b1d5ed url(images/external4_hover.gif) 5px 2px no-repeat;}

#navlinks li b { /* IS THIS USED? */
	display: block;
	height: 1.2em;
	color: white;
	background: green; /* blue; #bbb; */
	width: 100%;
	padding: 4px;
	}

#navlinks li b:hover,
#navlinks li b.over {
	background: #66C;
	color: yellow;
	}
	
#navlinks li ul li {
	font-size: 90%;
	border: none;
	background: #99F;
	margin-left: 10px;
	}
	
#navlinks li ul li a {
	display: block;
	/* height: 1.2em; */
	width: 90%;
	padding: 4px;
	text-decoration: none;
	color: white;
	background: #99F;
	border-left: none;
	}
	
#navlinks li ul li a:hover {
	color: #FF3300;
	/* #FF0;  red */
	/* background: #CCF; */
	}
	
#navlinks li ul li a.submenu {
	/* display: inline; */
	}

#navlinks span {
	/* display: inline; */
}

/*	
ul#submenu1 li, ul#submenu1 li a,
ul#submenu2 li, ul#submenu2 li a,
ul#submenu3 li, ul#submenu3 li a,
ul#submenu4 li, ul#submenu4 li a,
ul#submenu5 li, ul#submenu5 li a,
ul#submenu6 li, ul#submenu6 li a,
ul#submenu7 li, ul#submenu7 li a,
ul#submenu8 li, ul#submenu8 li a,
ul#submenu9 li, ul#submenu9 li a,
ul#submenu10 li, ul#submenu10 li a,
ul#fishMore li, ul#fishMore li a {
	padding-left: 10px;
	}
*/

#navlinks li a {
	display: inline;
	/* border: 1px dotted blue; */
	}
	
ul.indent1 {
	margin-left: 4em;
	/* border: 1px dotted red; */
	}
	
.toggleImg {
	margin: 0 4px 0 0;
	padding: 0;
	border: none; /* 1px dotted red; */
	}
	
.noToggleImg {
	margin: 0 4px 0 0;
	padding: 0;
	border: none; /* 1px dotted blue; */
	}