/* CSS Document */

.breadcrumb {padding-top: 3px}

.topInLink {width: 38px; height:15px; margin: 0 0 0 190px; color: #990000; font-size:.9em; margin-bottom: 2.5em; background: url(graphics/up-arrow.gif) no-repeat center left; text-align: right; }
.topInLink a {text-decoration: none;}
.topInLink A:hover {text-decoration: underline;}

.bodylink {clear: both}
.bodylink A:link {text-decoration: none }
.bodylink A:visited {text-decoration: none;}
.bodylink A:active {text-decoration: none}
.bodylink A:hover {text-decoration: underline} 

.dbases {left: 0px; font-size:.9em; color: #555; text-decoration: none;}
.dbases A:link {text-decoration: none; position: relative; color: #900}
.dbases A:visited {text-decoration: none; position: relative; }
.dbases A:hover {text-decoration: none; z-index: 3; border-bottom: 1px solid #933}
.dbases A:active {text-decoration: none}
.dbases img {position: relative; top: 2px; left: 7px; border: 0px ; }
.dbases li {margin-bottom: 1px; list-style-type: none; margin-left: -39px;}
.dbases span {display: none;}
.dbases a:hover span {
	display: block;
	position: absolute; 
	top: -38px;
	left: 18px; 
	width: 260px;
	padding: 5px; 
	margin: 10px; 
	color: #333; 
	background-color: #fffff0;
	background-repeat: repeat;
    z-index: 400;
	text-align: justify;
	border: 1px solid #444;
	text-decoration: none;
		}

.dbases2 {left: 0px; font-size:1.1em; color: #555; text-decoration: none;}
.dbases2 A:link {text-decoration: none; position: relative; color: #900}
.dbases2 A:visited {text-decoration: none; position: relative; }
.dbases2 A:hover {text-decoration: none; z-index: 3; border-bottom: 1px solid #933}
.dbases2 A:active {text-decoration: none}
.dbases2 img {position: relative; top: 2px; left: 7px; border: 0px; }
.dbases2 li {margin-bottom: 1px; list-style-type: none; margin-left: -39px;}
.dbases2 span {display: none;}
.dbases2 a:hover span {
	display: block;
	position: absolute; 
	top: -38px;
	left: 18px; 
	width: 260px;
	padding: 5px; 
	margin: 10px; 
	color: #333; 
	background-color: #fffff0;
	background-repeat: repeat;
    z-index: 400;
	text-align: justify;
	border: 1px solid #444;
	text-decoration: none;
		}

.dbases3 {left: 0px; font-size:1.0em; color: #900; text-decoration: none;}
.dbases3 A:link {text-decoration: none; position: relative; color: #900}
.dbases3 A:visited {text-decoration: none; position: relative; }
.dbases3 A:hover {text-decoration: none; z-index: 3; border-bottom: 1px solid #933}
.dbases3 A:active {text-decoration: none}
.dbases3 img {position: relative; top: 2px; left: 7px; border: 0px; }
.dbases3 span {display: none;}
.dbases3 a:hover span {
	display: block;
	position: absolute; 
	top: -38px;
	left: 18px; 
	width: 260px;
	padding: 5px; 
	margin: 10px; 
	color: #333; 
	background-color: #fffff0;
	background-repeat: repeat;
    z-index: 400;
	text-align: justify;
	border: 1px solid #444;
	text-decoration: none;
		}

.formcolor { background-color:#FFFF99;}
.formwhite { background-color:#FFFFFF;}
.warntop { background-color:#FFCC33; }
.warnttext { background-color:#FFFF66; }
.dbguides {float:right; position: relative; text-decoration: none; font-size: .9em; color: #444}
.dbguides img {margin-right: 5px}
.dbguides a {color: #668;}

a#info {border-bottom: 0px; background: #ffffff;}

hr {height: 1px; margin: 0px; padding: 0px; line-height: 0px}

img#spacer {position: absolute; top: 1px; left: 13px; width: 8px; height: 10px; z-index: 100; background: #ffffff; }

.linkHeader {margin-bottom: -15px}
 
a#offLink { border: 1px solid #b99; height: 1px; padding:0px 2px 0px 2px; background-color: #f9f9f9; font-size: .9em; margin: 0px 10px 0px 10px; text-align: center; color: #333333; text-decoration: none;}
a#offlink:hover { border: 1px solid #b66; background-color: #fffff1; color: #a33}

.toc {list-style-type: none; margin-bottom: 15px}
.toc ul {margin: 0px 0px 0px 0px}
.toc li {list-style-type: none; padding:.2em 0; margin-left: -40px;}
.toc li img {border:0px; }
.toc td {padding:.2em 0; }
.toc A:link {text-decoration: none }
.toc A:visited {text-decoration: none;}
.toc A:active {text-decoration: none}
.toc A:hover {text-decoration: underline}

.icon {position: relative; left: 0px; padding: 10px; top: 5px; }
.icon ul {list-style-type: none; margin: 0px}
.icon li {font-size: 1em ; padding-bottom: 10px}
.icon img {vertical-align: -30%; margin-right: 2px; border: 0px;}


#topnav {margin: 1px 0px 0px 0px; font-size: 10px; color: #777}
#topnav td {white-space: nowrap}
#topnav ul {margin-left:-20px;}
#topnav li
{float: left;
display: block;
padding: 0px 6px 0px 6px;
white-space: nowrap;
}
#topnav li a {font: 12px arial #444; text-align: center}

.upArrow {width:14px; border:0px;}



/* Right-hand highlights list */


.highlights_box {
	background: url('graphics/highlights_tl.png') no-repeat top left; position: relative; float: right; top: -10px; width: 145px; }
.highlights_top {
	background: url('graphics/highlights_tr.png') no-repeat top right;
}
.highlights_bottom {
	background: url('graphics/highlights_bl.png') no-repeat bottom left;
}
.highlights_bottom div {
	background: url('graphics/highlights_br.png') no-repeat bottom right;
}
.highlights_content {
	background: url('graphics/highlights_r.png') top right repeat-y; margin-left: 9px; 
}

.highlights_top div,.highlights_top,
.highlights_bottom div, .highlights_bottom {
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.highlights_content ul {margin: 0px; padding: 0px;}
.highlights_content li {list-style: none; padding: 0px 0px 8px 0px; margin: 0px; font-size: .9em;}
.highlights_content img {margin: 2px 4px -1px 0px}

.style3 {font-size: 16px}