/* Style sheet for ODOT 100 */



/* Default property definitions */

html, body { font-family: Arial, Verdana, sans-serif; margin: 0; padding: 0; color: #000; background-color: #fff; }

.content50 { width: 500px; margin-left: auto; margin-right: auto; }

.content55 { width: 550px; margin-left: auto; margin-right: auto; }

.content60 { width: 600px; margin-left: auto; margin-right: auto; }

.content65 { width: 650px; margin-left: auto; margin-right: auto; }

.content70 { width: 700px; margin-left: auto; margin-right: auto; }

.content75 { width: 750px; margin-left: auto; margin-right: auto; }

.content78 { width: 780px; margin-left: auto; margin-right: auto; }

img { border: none; }

img.frm10i { border: inset 10px gold; }

img.frm10o { border: outset 10px gold; }

img.lside { padding-left: 15px; }

img.rside{ padding-right: 15px; }

p { padding: 0px 0px 5px 0px; margin: 0px; }

.blu { color: #005; }

.grn { color: #004b18; }

.mar { color: maroon; }

.ora { color: #d26604; }

.red { color: #f00; }

.blu-b { background-color: #005; }

.ltblu-b { background-color: #f2fcff; }

.grn-b { background-color: #004b18; }

.gry-b { background-color: #eee; }

.ltgrn-b { background-color: #e1f2e6; }

.mar-b { background-color: maroon; }

.ora-b { background-color: #d26604; }

.ltora-b { background-color: #ffeadc; }

.red-b { background-color: #f00; }

.ltred-b { background-color: #ffebeb; }

.yllw-b { background-color: #ffd; }

hr { color: #000; height: 1px; text-align: center; } 

.hrgrn { color: #004b18; height: 1px; text-align: center; }

.hrgrn1 { color: #004b18; height: 1px; text-align: center; }

.hrgrn2 { color: #004b18; height: 2px; text-align: center; } 

.hrgrn3 { color: #004b18; height: 3px; text-align: center; }  

.hrblk { color: #000; height: 1px; text-align: center; }  

.hrblk1 { color: #000; height: 1px; text-align: center; }  

.hrblk2 { color: #000; height: 2px; text-align: center; }  

.hrblk3 { color: #000; height: 3px; text-align: center; } 

.hrblu { color: #000050; height: 1px; text-align: center; } 

.hrblu1 { color: #000050; height: 1px; text-align: center; }

.hrblu2 { color: #000050; height: 2px; text-align: center;	 } 

.hrblu3 { color: #000050; height: 3px; text-align: center; } 

.hrmar1 { color: maroon; height: 1px; text-align: center; }  

.hrmar2 { color:  maroon; height: 2px; text-align: center; }  

.hrmar3 { color:  maroon; height: 3px; text-align: center; } 

hr.hdrbla { width: 80%; height: 1px; color: #000; }

hr.hdrblu { width: 80%; height: 1px; color: #005; }

.indent5 { margin-left: 5px; text-align: left; }

.indent10 { margin-left: 10px; text-align: left; }

.indent15 { margin-left: 15px; text-align: left; }

.indent20 { margin-left: 20px; text-align: left; }

.indent25 { margin-left: 25px; text-align: left; }

.indent30 { margin-left: 30px; text-align: left; }

.indent35 { margin-left: 35px; text-align: left; }

.indent40 { margin-left: 40px; text-align: left; }

.indent45 { margin-left: 45px; text-align: left; }

.indent50 { margin-left: 50px; text-align: left; }

.indent60 { margin-left: 60px; text-align: left; }

.indent70 { margin-left: 70px; text-align: left; }

.indent80 { margin-left: 80px; text-align: left; }

.indent90 { margin-left: 90px; text-align: left; }

.indent100 { margin-left: 100px; text-align: left; }

.indent110 { margin-left: 110px; text-align: left; }

.indent120 { margin-left: 120px; text-align: left; }

.indent130 { margin-left: 130px; text-align: left; }

.fontB { font-weight: bold; }

caption { font-size: 1.2em; font-weight: bold; padding: 0px 0px 3px 0px; margin: 0px; } 

.sz001 { font-size: .01em; font-weight: normal; }

.sz065b { font-size: .65em; font-weight: bold; }

.sz065n { font-size: .65em; font-weight: normal; }

.sz07b { font-size: .7em; font-weight: bold; }

.sz07n { font-size: .7em; font-weight: normal; }

.sz075b { font-size: .75em; font-weight:bold; }

.sz075n { font-size: .75em; font-weight: normal; }

.sz08b { font-size: .8em; font-weight: bold; }

.sz08n { font-size: .8em; font-weight: normal; }

.sz085b { font-size: .85em; font-weight: bold; }

.sz085n { font-size: .85em; font-weight: normal; }

.sz09b { font-size: .9em; font-weight: bold; }

.sz09n { font-size: .9em; font-weight: normal; }

.sz10b { font-size: 1em; font-weight: bold; }

.sz10n { font-size: 1em; font-weight: normal; }

.sz11b { font-size: 1.1em; font-weight: bold; }

.sz11n { font-size: 1.1em; font-weight: normal; }

.sz12b { font-size: 1.2em; font-weight: bold; }

.sz12n { font-size: 1.2em; font-weight: normal; }

.sz13b { font-size: 1.3em; font-weight: bold; }

.sz13n { font-size: 1.3em; font-weight: normal; }

.sz14b { font-size: 1.4em; font-weight: bold; }

.sz14n { font-size: 1.5em; font-weight: normal; }

.sz15b { font-size: 1.5em; font-weight: bold; }

.sz15n { font-size: 1.6em; font-weight: normal; }

.sz16b { font-size: 1.6em; font-weight: bold; }

.sz16n { font-size: 1.7em; font-weight: normal; }

.sz17b { font-size: 1.7em; font-weight: bold; }

.sz17n { font-size: 1.7em; font-weight: normal; }

.sz18b { font-size: 1.8em; font-weight: bold; }

.sz18n { font-size: 1.8em; font-weight: normal; }

.floatL { float: left; }

.floatR { float: right }

.floatC { float: center; }

.clear { clear: both; }

.disclaim { color: maroon; font-weight: bold; text-align: center; }

.disclaim9 { color: maroon; font-size: .9em; font-weight: bold; text-align: center;  width: 85%; }

.nbcolor{ background-color: red; width: 150px; height:100%; }

/* Changes z index */

.zindex1 { position: relative; z-index: 1; }

/* Default links specs */

a {property: value; }

a:link, a:active, a:visited { color: #005; text-decoration: underline; }

a:hover, a:focus { color: #fff; background: #000; text-decoration: none; }

.notice { color: maroon; font-weight: bold; text-align: center; }

.notice08 { color: maroon; font-size: .8em;  font-weight: bold; text-align: center; }

.notice09 { color: maroon; font-size: .9em; font-weight: bold; text-align: center; }

.cent { text-align: center; }

.lft { text-align: left; }

.block a:link { display: block; } 

.block a:active { display: block; } 

.block a:visited { display: block; } 

.block a:hover { display: block; }

.block a:focus { display: block; }

table.bcolorblk, table.bcolorblk th, table.bcolorblk td { border-color: #000; } 

table.bcolorblu, table.bcolorblu th, table.bcolorblu td { border-color: #00f; } 

table.bcolormar, table.bcolormar th, table.bcolormar td { border-color: maroon; }

thead { display:table-header-group; }

/* p a:link, p a:active, p a:visited, p a:hover, p a:focus{ display: inline; } */

/* Back to Top command */

.backC { font-size: .8em; font-weight: bold; margin: 0px; padding: 10px 0px 0px 0px;

	text-align: center; }

.backL { font-size: .8em; font-weight: bold; margin: 0px; padding: 10px 0px 0px 0px;

	text-align: left; }

.backR { font-size: .8em; font-weight: bold; margin: 0px; padding: 10px 0px 0px 0px;

	text-align: right; }

/* Font variant - small caps */

.fvary { font-variant: small-caps; }

/* Height and width classes */

.hgt30 { min-height: 300px; }

.hgt35 { min-height: 350px; }

.hgt40 { min-height: 400px; }

.hgt45 { min-height: 450px; }

.page65 { text-align: center; width: 650px; }

.wide { text-align: center; width: 780px; }

.wide30 { width: 300px; }

.wide35 { width: 350px; }

.wide40 { width: 400px; }

.wide45 { width: 450px; }

.wide50 { width: 500px; }

.wide55 { width: 550px; }

.wide60 { width: 600px; }

.wide65 { width: 650px; }

.wide68 { width: 680px; }  /* for use with State County map */

.wide70 { width: 700px; }

.wide75 { width: 750px; }

.wide8 { width: 80%; }

.wide9 { width: 90%; }

.wide10 { width: 100%; }



.tabs {

	clear: right;

	overflow: auto;

}

/* Transparant link */

#navjump { color: #fff;

	background-color: transparent; 

	position:absolute;	

	left: -200px;

		}

#navjump a, #navjump a:link, #navjump a:active,#navjump a:visited { 

	color:#fff;

	font-size: .6em; 

	background-color:transparent; }

#navjump a:hover, #navjump a:focus { 

	color:#fff; 

	font-size: .6em; 

	background-color:transparent; }

/* Header */

#header {

	position: relative;

	margin: 0px;

	padding: 0px;

	width: 100%;

	height: 70px;

	top: 0px;

	left: 0px;

}

/* Header - Left side info */

#headerL {

	float: left;

	position: relative;

	padding: 0px;

}

#headerL img {

	float: left;

	position: absolute;

	padding: 0px 0px 0px 0px;

}

/* Header - Center w/right side info */

#headerC {

	float: right; 

	display: block;

	text-align: center;	

	padding-left: 150px;

	padding-right: 150px;

	margin: 0px;

	top: 0px;

	width: 65%;

}

#headerC h1 { 

	display: block; 

	text-align: center;	

	font-size: 1.15em;

	padding: 5px 0px 0px 0px;

	margin: 0px;

}

#headerC h2 {

	display: block; 

	text-align: center;	

	font-size: 1.1em;

	padding: 0px;

	margin: 0px;

	border: 0px;

}

#headerC h3 {

	display: block; 

	text-align: center;	

	font-size: 1.05em;

	padding: 0px;

	margin: 0px;

	border: 0px;

}        

/* Header - Center w/no-right side info */  

#headerC1 {

	float: left;

	position: relative;	

	background-image: url(../images/header.gif);

	background-repeat: repeat-left;

	height: 70px;

	text-align: center;

	left: 120px;

	top: 0px;	

	width: 100%;

} 

#headerC1 img {

	float: center;

	position: relative;	

}

/*

#headerC1 {

	float: left;

	text-align: center;	

	padding-left: 150px;

	margin: 0px;

	top: 0px;

	width: 80%;

}*/

#headerC1 h1 { 

	text-align: center;	

	font-size: 1.15em;

	padding: 5px 0px 0px 0px;

	margin: 0px;

}

#headerC1 h2 {

	font-size: 1.1em;

	text-align: center;

	padding: 0px;

	margin: 0px;

	border: 0px;

}

#headerC1 h3 {

	font-size: 1.05em;

	text-align: center;

	padding: 0px;

	margin: 0px;

	border: 0px;

}

/* Header - Right side info */  

#headerR {

	position: absolute;

	margin: 0px;

	padding: 0px;

	width: 19%;

	top: 0px;

	right: 0px;

	float: right;

}

#headerR img {

	right: 0px;

	position: absolute;

	padding: 0px;

	margin: 0px;

}

#headerR1 {

	position: absolute;

	margin: 0px;

	padding: 0px;

	width: 19%;

	top: 0px;

	right: 0px;

	float: right;

}

#headerR1 img {

	float: right;

	right: 4px;

	position: relative;

	padding: 4px 0px 0px 0px;

	margin: 0px;

}

/* Link Bars for bar-T and Bottom Bar defined  */

/* Top Breadcrumbs Bar */

#barT {

	background-color: #fff; 

	color: #000; 

	font-size: .75em; 

	font-weight: bold;

	width: 100%;

	padding: 2px;

	margin: 0px;

	white-space: nowrap;

	overflow: hidden;

	border-top: 2px #000 solid;	

	border-bottom: 2px #000 solid; 

}

#barT a { color: #000; background-color: #fff; padding: 0px 3px; } 

#barT a:link, #barT a:active, #barT a:visited { color: #000; text-decoration: underline; } 

#barT a:hover, #barT a:focus { color: #fff; background-color: #000; text-decoration: none; } 	

#barTL {

	float: left; 

	background-color: #fff; 

	color:#000; 

	padding: 0px 0px 0px 3px;

	margin: 0px;

}

#barTR {

	float: right; 

	background-color:#fff; 

	padding: 0px 5px 0px 0px;

	margin: 0px;

}



/* Bottom Breadcrumbs Bar */

#barB {

	clear: both;

	background-color: #fff; 

	color: #000; 

	font-size: .75em; 

	font-weight: bold;

	width: 100%;

	padding: 2px;

	margin: 0px;

	white-space: nowrap;

	overflow: hidden;

	border-top: 2px #000 solid;	

	border-bottom: 2px #000 solid;

}

#barB a { color: #000; background-color: #fff; margin: 0px; padding: 0px 3px; }

#barB a:link, #barB a:active, #barB a:visited { color: #000; text-decoration: underline; } 

#barB a:hover, #barB a:focus { color: #fff; background-color: #000; text-decoration: none; }

#barBL {

	float: left; 

	background-color: #fff; 

	color:#000; 

	padding-left: 3px;

}



#barBR {

	float: right; 

	background-color: #fff;

	padding-right: 5px;

}

/* Side Content defined - use for left and right side bars */

/* Left Side Navigation */

#navbarL { color: #000; 

	font-size: .8em; 

	font-weight: bold;

	padding:  0px;

	margin: 0px;

/*	background-image: url(../images/nav.gif);

	background-repeat: repeat; */

	background-color: #fff;

	width: 150px;

	height: 100%; 

	vertical-align: top;

	border-right: 1px solid #000; 

}

#navbarL hr  { color: #000050; height: 1px; text-align: center; } 

#navbarL a:link, #navbarL a:active, #navbarL a:visited {

	color: #004b18;

	display: block;

	padding: 0px;

	margin: 0px;

	background-color: #fff;

	text-decoration: none;

}

#navbarL a:hover, #navbarL a:focus {

	color: #fff;

	display: block;

	padding: 0px;

	margin: 0px;

	background-color: #004b18;

	text-decoration: none;

}

#navbarL ul {

	list-style-type: none;

	padding:  0px;

	margin: 0px;

	text-align: left;

}

#navbarL ul.center {

	list-style-type: none;

	padding:  0px;

	margin: 0px;

	text-align: center;

}

#navbarL li {

	display: block;

	padding: 0px 3px 3px 5px;

	margin: 0px;

	background-color: #fff;

}

#navbarL ul ul {

	list-style-type: none;

	padding:  5px 0px 0px 5px;

	margin: 0px;

} 

#navbarL hr { color: #004b18; height: 0px; text-align: center; }

/* Side Content defined - use for left and right side bars */

/* Left Side Navigation - Display=noblock */

#navbarL1 { color: #000; 

	font-size: .75em; 

	font-weight: bold;

	margin: 0px; 

	padding: 0px;

	background-color: #fff;

	height: 100%; 

	vertical-align: top;

	border-right: 1px solid #000; 

}

#navbarL1 a:link, #navbarL1 a:active, #navbarL1 a:visited {

	color: #000;

	padding:  0px;

	margin: 0px;

	background-color: #fff;

}

#navbarL1 a:hover, #navbarL1 a:focus {

	color: #fff;

	padding:  0px;

	margin: 0px;

	background-color: #000;

	text-decoration: none;

}

#navbarL1 ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	text-align: left;

}

#navbarL1 li {

	padding: 0px;

	margin: 0px 3px 3px 5px;

	background-color: #fff;

}

#navbarL1 ul ul li {

	list-style-type: none;

	margin:  0px 0px 0px 5px;

	padding: 0px;

} 

/* Right Side Navigation */

#navbarR { color: #000; 

	font-size: .75em; 

	font-weight: bold;

	margin: 0px;

	padding: 0px; 

	background-color: #fff; 

	height: 100%;

	vertical-align: top;

	border-left: 1px solid #000; 

 }

#navbarR hr  { color: #000; height: 1px; text-align: center; } 

#navbarR h1 {

	color: #000;

	font-size: .8em;

	background-color: #fff; 

	border: none;

	text-align: center;

	margin: 0px;

	padding: 0px;

}

#navbarR p {

	padding-top: 0px;

	padding-bottom: 0px;

	margin-top: 10px;

	margin-bottom: 0px;

	background-color: #fff; 

}



#navbarR li a:link, #navbarR li a:active, #navbarR li a:visited {

	color: #000;

	display: block;

	padding:  0px 0px 0px 0px;

	margin: 0px;

	background-color: #fff;

}

#navbarR li a:hover, #navbarR li a:focus {

	color: #fff;

	display: block;

	padding:  0px;

	margin: 0px;

	background-color: #000;

	text-decoration: none;

}

#navbarR ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	text-align: left;

}

#navbarR li {

	display: block;

	padding: 0px;

	margin: 0px 3px 0px 3px;

	background-color: #fff;

}

#navbarR ul ul {

	list-style-type: none;

	margin:  0px 0px 0px 5px;

	padding: 0px; }



/* MAIN content. */

#main {

	font-size: .9em;

	font-weight: normal;

/*	text-align: center; */

	padding: 0px; 

	margin: 0px;

}

#main h1 {

	font-weight: bold;

	padding: 0px 0px 5px 0px;

	margin: 0px;

} 

#main h2 {

	font-weight: bold;

	padding: 0px 0px 5px 0px; 

	margin: 0px;

}  

#main h3 {

	font-weight: bold;

	padding: 5px 0px 5px 0px; 

	margin: 0px;

}  

#main h4 {

	font-weight: bold;

	padding: 0px; 

	margin: 0px;

} 

#main p {

	text-align: justify;

	padding: 0px 0px 15px 0px; 

	margin: 0px;

}

#main img {

	text-align: justify;

	padding: 0px 10px 0px 10px; 

	margin: 0px;

}

#main p {

	text-align: justify;

	padding: 0px 0px 15px 0px; 

	margin: 0px;

}

#main a:link, #main a:active, #main a:visited { color: #005; background-color: #fff; text-decoration: underline; } 

#main a:hover { color: #fff; background-color: #000; text-decoration: none; } 

#main ol {

	padding: 0px 0px 8px 35px;

	margin:  0px;

}

#main ol li {

	text-align: justify;

	padding: 0px 0px 8px 0px; 

	margin: 0px;

}

#main ul {

	list-style-type: disc;

	padding: 0px 0px 5px 15px;

	margin: 0px;

	text-align: justify;

}

#main ul.lft {

	list-style-type: disc;

	padding: 0px 0px 5px 15px;

	margin: 0px;

	text-align: left;

}

#main li {

	padding: 8px 0px 0px 0px; 

	margin: 0px;

}

#main ul ul {

	list-style-type: circle;

	padding: 0px 0px 0px 15px;

	margin: 0px 0px 0px 15px;

}

#main ul ul ul {

	list-style-type: square;

	padding: 0px 0px 0px 15px;

	margin: 0px;

}

#main ul.none {

	list-style-type: none;

	padding: 0px 0px 0px 10px;

	margin: 0px;

	text-align: justify;

}

#main li.none {

	list-style-type: none;

	text-align: justify;

	padding: 0px 0px 3px 0px; 

	margin: 0px;

}

#main ul.none ul.none li {

	list-style-type: none;

	padding: 0px 0px 0px 10px;

	margin: 0px;

	text-align: justify;

}

#main ul.noneC {

	list-style-type: none;

	padding: 0px 0px 0px 10px;

	margin: 0px;

	text-align: center;

}

#emerg a:link, #emerg a:active, #emerg a:visited { display: block; color: maroon; font-size: .8em; font-weight: bold; text-decoration: underline; } 

#emerg a:hover, #emerg a:focus { display: block; color: #fff; font-size: .8em; font-weight: bold; background: #000; text-decoration: none; }  

.side0 { border-collapse: collapse; padding: 0px 4px 0px 4px; margin: 0px; }

.sideL { border-left: 1px solid #000; border-collapse: collapse; padding: 0px 4px 0px 4px; margin: 0px; }

.sideR { border-right: 1px solid #000; border-collapse: collapse; padding: 0px 4px 0px 4px; margin: 0px; }

.sideR2 { border-right: 2px solid #000; border-collapse: collapse; padding: 0px 4px 0px 4px; margin: 0px; }

#main td.side { border-right: 1px solid #000; border-collapse: collapse; padding: 0px; margin: 0px; text-align: center; }

/* Below used with Public Transportation pages */

#main td.sid { border: 1px solid #000; padding-right: 10px; margin: 0px; text-align: left; }

#main td.sidL { border-left: 1px solid #000; padding: 0px; margin: 0px; text-align: left; }

#main td.sidR { border-right: 1px solid #000; padding: 0px; margin: 0px; text-align: right;} 

#main td.sidC { border-center: 1px solid #000; padding: 0px; margin: 0px; text-align: center; }



/* Footer defined  */

#footer { clear: both;

	color: #fff; 

	font-size: .75em; 

	font-weight: bold;

	width: 100%;

	height: 55px; 

	margin: 0px;	

	padding: 0px 3px;  

	background-color: #004b18;

/*	background-color: #186601;*/

	border-bottom: 1px solid #000;

	text-align: center;  

} 

#footer a { color: #fff; } 

#footer a:link, #footer a:active, #footer a:visited { color: #fff;

	padding: 0px 3px; 

	text-decoration: underline;  

	background-color: #004b18;

}

#footer a:hover, #footer a:focus { color: #000;

	padding: 0px 3px; 

	background-color: #fff;

	text-decoration: none;

}

#footerL {

	float: left;  

	color:#fff; 

	background-color: #004b18;

	padding: 5px 0px 5px 5px;

	margin: 0px;

	text-align: left;

}

#footerR {

	float:right; 

	color:#fff;  

	background-color: #004b18; 

	padding: 5px 10px 5px 0px;

	margin: 0px;

}