body {font-family: Arial, Sans-serif;}

a:link:active { color: #1263be;}
a:link:hover { color: #1263be;}
a:link { color: #02397c;}
a:link:visited, a:visited { color: #1263be;}

/*Styles for NT page*/
#cityname, #codification, .codified, .cpc {
   font-weight: bold;
   text-align: left;
	font-size: .9em;
}
#cityname {
   margin-top: 3em;
   font-size: 1.25em;
}

.cpc {  margin: 0;  padding-bottom: .5em; }

/* Navigation buttons */

#navTop {
	text-align: right;
	margin: 1em 1.8em;
	padding-bottom: 1em;
}
#navBottom {
	margin: 1em 1.8em;
	padding-top: 1em;
	text-align: left;
}

#navTop *, #navBottom *  { 
	text-decoration: none;
}

/* styles for the body of the code */

#mainContent {
	border:solid #000;
	border-width:1px 0px;
	margin: 1em 2em;
	padding: 1.1em;
}


/*this is for dealing with city logos on the front page
Since they are floated right, they can hang down into #navBottom
*/
#mainContent:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: right; 
	visibility: hidden;
}

img { border:0px; }
#mainContent img { display: block; margin: 1em auto; }
#mainContent a img {border:1px solid;}
#mainContent h3 img { border:0;vertical-align:bottom;float:right;margin:0px;	}
#mainContent h2 img, #mainContent h1 img { border:0;vertical-align:top;float:right;margin:0px; }

 h1, h2 {
	font-size: 0.95em;
	text-align:center;
	margin:1em auto;
}

p, h3, h4 {
	font-size: .85em;
	line-height:1.5em;
	margin: 0em;
	font-style: normal;
	font-variant: normal;
	text-transform: normal;
	vertical-align: baseline;
	font-weight: normal;
	text-align: left;
}
/* add default bottom margin, which we don't want in h3 */
p { margin-bottom: 1em; }

.ArticleTOC, .digArt, .artdig {
	margin-top: 1em;
	text-align: center;
}

.Article, .DivisionTOC, .art, .digDiv, .digdiv, .Divdig, .divdig,
.Rxhead, .CHRepealed, .TitleRepealed,  .RxHead,
.TitleReserved, .CHReserved, .ReservedC, .CH, .CHTitle, 
.Division, .div, .divname, .DivisionName, .DivName,
.TableTitle, .GraphicTitle, .Graphic, .graphic, 
.graphictitle, .graphicname {
  font-weight: bold;
  margin: 1em 0;
  text-align: center;
}

.Center, .center, .CellBodyC, .cellbodyc {
  text-align: center;
}

.CellBodyR, .cellbodyr {
	text-align: right;
}

.CellBodyIndent {	margin-left:1em; }
.CellHeading {  font-weight: bold; text-align: center; }
.CellHeadingL {  font-weight: bold; margin:0; }
.CellHeadingR {  font-weight: bold;  text-align: right; }

.CHTOC a, .CiteTOC a { text-decoration:none; font-weight:bold;}
.CHTOC a:hover, .CiteTOC a:hover { text-decoration:underline; font-weight:bold;}
.CHTOC {
  font-weight: bold;
}
.desktop-view .CHTOC {
  margin: 0 0 0 7em;
  text-indent: -3.3em;
  }

.Cite {
  font-weight: bold;
  margin-top: 1em;
  vertical-align: baseline;
}
.desktop-view .CiteTOC {
  margin: 0 0 0 7em;
  text-indent: -5.8em;
}

.digCH, .ctoc {
  font-weight: normal;
  margin-top: 1em;
  margin-bottom:0em;
}
.digTitle, .chtoc, .tocch {
  font-weight: bold;
}

.desktop-view .digTitle, .desktop-view .chtoc, .desktop-view .tocch {
  margin: 1em 0 0 2em;
}

.Footnote, .footnote, .FootNote, .Note, .note {
  margin: 1em .8em;
  font-size: .8em;
  text-indent: -.8em;
}

.ordtab, td p.ordtab {
  min-width:100px;
  margin: 0;
  margin-right: 0.9em;
}

.P0, .P0block, .P1, .P1block { margin-left: 0em;}
.P2, .P2block {  margin-left: 2.3em; }
.P3, .P3block {  margin-left: 4.3em; }
.P4, .P4block {  margin-left: 6.3em; }
.P5, .P5block {  margin-left: 8.3em; }
.P6, .P6block {  margin-left: 9.3em; }
.P7, .P7block {  margin-left: 11.3em; }

.Q1 { font-size: .75em;  margin: 1em 2.3em; }

.Q2 {
  font-size: .75em;
  margin: 1em 2.3em;
  margin-left: 4.3em;
}
.Q3 {
  font-size: .75em;
  margin: 1em 2.3em;
  margin-left: 6.3em;
 }
.Q4 {
  font-size: .75em;
  margin: 1em 2.3em;
  margin-left: 8.3em;
}
.QC {
  font-size: .75em;
  margin: 1em 2.3em;
  text-align:center;
}

.TableFootnote,  .HistoryNote {
  font-weight: normal;
  font-size: .75em;
}

.Title, .TitleName {
  font-size: 1em;
  font-weight: bold;
  margin: 1em;
  text-align: center;
}

.WAC {
  margin-left: 5.5em;
  text-indent: -5.5em;
  margin-bottom:0em;
}


.underline, .under, .Underline, .Under {
	text-decoration:underline;
}
.bold, .Bold {
  font-weight: bold;
}
.bolditalic, .bold_italic, .BoldItalic, .ital, .Bold_Italic, .bold_Italic {
  font-weight: bold;
  font-style: italic;
}
.italic, .Italic, .emphasis, .Emphasis {
  font-style: italic;
}
.EquationVariables {
  font-family: Times New Roman;
  font-style: italic;
}
.strikethrough, .Strikethrough, .strikeout, .Strikeout, .linethrough, .Linethrough {
	text-decoration: line-through;
}
.sub, .subscript, .Subscript, .sub, .Sub {
  vertical-align: sub;
  font-size:0.75em;
}
.super, .Superscript, .superscript, .Super {
  vertical-align: super;
  font-size:0.75em;
  }
  
 /* Table CSS */
 
#mainContent table {
	border-collapse: collapse;
	margin: 1em auto;
}

table.hovercraft {
	margin-top:0px !important;
	margin-bottom:0px !important;
}	
td,   tr{ background:white; }

caption {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

td p, th p, caption p {
	font-size: .8em;
	margin-bottom:0em;
}

td { padding:3pt; text-align:left; }

table.Ruled, table.RuledWithTitle, table.Format_B,
table.TitleRules, table.Format_A {
  border:1px solid black;
}

iframe {width:100%; height:300px;}

/* 
box.jpg is for when codes have the little empty box symbol 
we're attaching it to a dummy class here so that even if it isn't being used
it won't get deleted by the destroyExtraImages() function.
Other just-in-case images coulde be added here.
*/
.validateMeBabyYeah { 
	background:url('../html/images/box.jpg') no-repeat top right; 
	background:url('../html/images/pdf.png') no-repeat top right;
}