﻿/*html { height: 100%; }*/
body 
{
	background-color:transparent; 
	margin-top:0px; 
	margin-left:0px; 
	margin-right:0px;
	margin-bottom:0px;
	color: #000000; 
	background-color: #FFFFCC;
  FONT-FAMILY: Verdana, Helvetica, sans-serif;
  FONT-SIZE: .8em;
  FONT-WEIGHT: normal;
  LETTER-SPACING: normal;
  TEXT-TRANSFORM: none;
  WORD-SPACING: normal;
  height: 100%;
}

.businessCard
{
	border-right: gray thin inset;
	border-top: black thin inset;
	font-size: 12px;
	border-left: black thin inset;
	border-bottom: gray thin inset;
	font-family: Verdana;
	background-color: #dcdcdc;
	min-height: 100px;
	width: 483px;
	padding: 5px 5px 5px 5px;
} 

.bcDesc { font-weight:bold; width:90px; text-align:right; float:left}
.bcText { text-align: center; width: 190px;}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	text-align:center;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

.container{
	/*background-color:Silver; */
	width: 100%;
	border-style:groove;
	/*border-width:3px*/
	border-color:Maroon;
}	

.Warning 
{
	background-color:White;
	height:200px;
	width:400px;
	border-style:groove;
	border-width:3px;
	border-color:Maroon;
	margin-top:50px;
	margin-left:200px;
	margin-bottom:50px;
}

.Warning h1{ text-align:center; font-size:1.45em; color:Red;}
	
.header {
/* background-image: url(../images/bristol_logo.jpg);*/
 background-repeat:no-repeat;
 /*height:89px;*/
 background-color:rgb(255,255,203);
 z-index:1;
}

.leftContent {
	width: 160px;
	float:left;
}	

.mainContent {
	width: 1015px;
	float:right;
	color:Olive;
}

.rightContent {
	width: 800px;
	float:right;
	color:Olive;
}

.rightContent img {
	margin-top:25px;
	margin-left:175px;	
	margin-bottom:30px;
}

.mainContent img {
	margin-top:25px;
	margin-left:325px;	
	margin-bottom:30px;
}


#headerText {
	font-family:Franklin Gothic Heavy;
	font-size:3em;
	text-align:right;
	font-variant:small-caps;
	font-style:italic;
	color:#1E5082;	
}

#loggedInUser {
	font-family:Arial;
	font-size:.75em;
	text-align:right;
	font-variant:small-caps;
	font-style:italic;
	color:White;	
}

/*Drop-down menu*/
.nav2 {float:left; margin-top:-10px; width:100%; border:none; background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) no-repeat; color:rgb(75,75,75); font-size:90%; z-index:5000;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);list-style-type:none;}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:.9em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; top:3.0em; left:0; margin-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; width:10.0em; height:1px; line-height:.9em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;} /*Color subcells hovering mode*/

.tdText {
	font:11px Verdana;
		color:#333333;
	}

.option2 {
	font:11px Verdana;
	color:#0033cc;				
	padding-left:4px;
	padding-right:4px;
}


.hiddenDiv 
{
	display:none;
}

.OptionDiv
{
	 height:150px;
	 width:250px;	
	 border-color:Blue;
	 border-style:solid;
	 border-width:medium;
	 position:absolute;
	 top:100px;
	 left:400px;
	 background-color:Silver;
	 padding-left:25px;
}


.cboContainer
	{
		font-size:10px;	
		text-align:left;
		border:1px solid #000000;
		background-color: #FFFFFF;		
		cursor: pointer;		
}

.tdTitle 
{
	font-weight:bold;
	font-size:medium;
	background-color:Yellow;
	text-align:center;
}

.tdHeading 
{
	font-weight:bold;
	font-size:smaller;
	background-color:Silver;
	text-align:right;
}

.tdCellValue
{
	font-size:smaller;
	background-color:white;
	text-align:center;
}

.UnderConstruction 
{
	text-align:center;
	margin-top:100px;
}

.UnderConstruction img 
{
	margin-top:75px;
}

.ReportsMenu ul li
{ 
	display:block; 
	background-color:Silver; 
	color:Navy; 
	font-weight:bold;
	width: 150px;
	padding: 5px 5px 5px 5px;
	list-style-type:none;
	margin-bottom:5px;
}

.ReportsMenu a:hover
{
	background-color: #FFFF99;
	border-bottom-width:thick;
	border-bottom-color:Teal;
	border-bottom-style:solid;
	text-decoration:none;
}

.Modify 
{
	background-color:#FFFF99;
}
.ViewOnly 
{
	background-color:#FF9999;
}

A:link { 	text-decoration: none; color: Black; }
A:visited {	text-decoration: none; color: Black; }
A:active {	text-decoration: none; color: Black; }
A:hover {	text-decoration: none; color:Black;}

A:link.topmenu { text-decoration: none;	color: black;	font-variant: small-caps;}	
A:visited.topmenu {	text-decoration: none;	color: black;	font-variant: small-caps;}	
A:active.topmenu {	text-decoration: none;	color: black;	font-variant: small-caps;}	
A:hover.topmenu {	text-decoration: none;	color: #ff703f;	font-variant: small-caps;}

A:link.specialLinks { text-decoration: none;	color: blue;	font-variant: small-caps;}	
A:visited.specialLinks {	text-decoration: none;	color: blue;	font-variant: small-caps;}	
A:active.specialLinks {	text-decoration: none;	color: blue;	font-variant: small-caps;}	
A:hover.specialLinks {	text-decoration: none;	color: yellow;	font-variant: small-caps;}


A:link.questionLink {text-decoration: none;	font-weight: bold; color: blue;	font-variant: small-caps;}
A:visited.questionLink {text-decoration: none; font-weight: bold; color: blue;	font-variant: small-caps;}
A:active.questionLink {text-decoration: none;	font-weight: bold; color: blue;	font-variant: small-caps;}
A:hover.questionLink {text-decoration: none;	font-weight: bold; color: #ff703f;	font-variant: small-caps;}	

.tdText {	font:11px Verdana; color:#333333; }

.rowEditTable { background-color: #EEEEEE;	border: 1px solid #000000;}			
.contactInfo { font-family: Verdana; font-size: 12px; color: #000000;}
.ordinanceInfo { font-family: Verdana; font-size: 12px; color: #000000;	}
.ordinanceInfo th { font-family: Verdana; font-size: 12px; color: #000000;    background-color:Gray;}
.rowEditTable td {font-family: Verdana; font-size: 10px; color: #000000; }
.formFields {	margin:5px; }
.OptionTitle {	font-size:1em;	font-weight:bold;	font-variant:small-caps; }

.questionHeader { font-weight:bold; font-size:larger; font-variant:small-caps; }
.questionText { background-color: #f0e39e; }
.questionInfo
{
	background-color: #ffffff;
}
/*
	How-To: Adjust sizing for 100% and 800x600
	1. Change width's below from 100% to 800px
	2. Change .masterContent >> remove Height and add min-height:440px;

*/
#menu { width:100%; }
#pageframe { width:100%; height:100%; }
.masterHeader {font-family:Verdana; font-size:10px; color:black; background-color:White; width:100%;}
.masterContent {background-color:white; min-height:440px; overflow:hidden;}
.aroundEdge {	color: White;	font-family: verdana;	background-color: #669966; width:200px; padding: 2px 2px 2px 2px;}
.footerTag {	color: White;	font-family: verdana;	background-color: #669966; height: 20px; font-size: 10px; font-weight: bold; vertical-align: middle;}

A:link.fpLink { 	text-decoration: none; color: white; }
A:visited.fpLink {	text-decoration: none; color: white; }
A:active.fpLink {	text-decoration: none; color: white; }
A:hover.fpLink {	text-decoration: none; color:Red;}


.centerPageHeader {text-align:left;}
.centerPageText {text-align:left;}

.paragraph
{
	text-align:left; margin-left:3em; margin-right:3em;
}
.paragraph A:link {	text-decoration: none;	font-weight:bold;	color: Blue; }
.paragraph A:visited {	text-decoration: none;	font-weight:bold;	color: Blue; }
.paragraph A:hover {	text-decoration: none;	font-weight:bold;	color: red; } 
.paragraph A:active {	text-decoration: none;	font-weight:bold;	color: Blue; }
