/* - COLORS ------------------------------------------------

lightest blue #dde2ee
light blue #C7CBD6 
medium blue #C2CEE4
blue #6f8fc0
dark blue #567AB6
darker blue #2f409a

dark orange #EB6600
orange #FFB200
light orange #FFEDBF

gray #dddddd

*/

/* - GENERIC TAGS ------------------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	background-color: #dde2ee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a, a:link 	{	color: #2f409a;	text-decoration: underline;}
a:active		{	color: #EB6600;	text-decoration: none;}
a:visited 	{	color: #2f409a;	text-decoration: underline;}
a:hover 		{	color: #EB6600;	text-decoration: underline;}

ol, ul {
	padding-left: 30px;
	margin-left: 0px;
}

ol li, ul li {
	padding-left: 10px;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;		
}

ol.withroman { list-style-type: lower-roman }
ol.withnumbers { list-style-type: decimal }
ol.withalpha { list-style-type: lower-alpha }

h1 {
	font-size: 20px;
	color: #000000;
}



form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: left;
	color: #567AB6;
}
form div label {
	display: block;
	float: left;
	width: 70px;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	position: relative;
	top: -3px
	color: #567AB6;	
}
form div input, form div select, form div textarea
{
	width: 200px;
	padding: 1px 3px;
	margin: 0px 0px 5px 0px;
	background-color: #dde2ee;
}
form div.submit {
  padding: 10px 0px 0px 75px;
}
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #567AB6;
  color: #ffffff;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

form div fieldset {
	clear: none;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	margin: 0px 0px 0px 75px;
	padding: 0px 5px 5px 5px;
	width: 150px;
}
form div fieldset legend {font-size: 100%; color: #agagag; padding: 0px 3px 0px 10px;}
form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0px;
  margin: 0px 0px 5px 0px;
  text-align: left;
}
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {margin: 0px 0px 5px 5px; width: 120px;}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 120px;
  height: expression('1%');
  padding: 0px 0px 0px 15px;
  text-indent: -18px;
  line-height: 120%;
}
form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {margin: 0px 0px 0px 0px;}
form div small {
  display: block;
  margin: 0px 0px 5px 85px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}



/* - GENERIC MODIFIERS FOR COMMON STYLES ------------------- */

.colWhite 				{color: #ffffff !important;}
.colWhite a 			{color: #ffffff !important;}
.colWhite a:active 	{color: #ffffff !important;}
.colWhite a:visited 	{color: #ffffff !important;}
.colWhite a:hover 	{color: #000000 !important;}


/* - MASTER CONTAINERS ------------------------------------- */

#MasterBorder {
	border: 1px solid #000000;
	background-color: #ffffff;
}

#MasterNavigationContainer {
	text-align: left;
	width: 195px;
	background-image: url(images/background_nav_blue1.jpg);
	background-repeat: repeat-y;
}

#MasterBodyContainer {
	width: 505px;
	overflow:visible;
	text-align: left;	
}

#MasterFinePrint {
	width:700px;
	height:20px;
	padding-top: 2px;
	font-size: 9px;
	text-align:right;
	color: #000000;
}
#MasterFinePrint a:link 	{	color: #000000;	text-decoration: none;}
#MasterFinePrint a:active 	{	color: #6f8fc0;	text-decoration: none;}
#MasterFinePrint a:hover 	{	color: #6f8fc0;	text-decoration: underline;}
#MasterFinePrint a:visited	{	color: #000000;	text-decoration: none;}

/* - HIDE PRINT ESPECIFIC CONTENT  ------------------------------------- */

#MasterHeaderForPrint {display:none;}
#MasterFooterForPrint {display:none;}


/* - SITE NAVIGATION  ------------------------------------- */

.NavSearchContainer {
	height: 50px;
	width: 195px;
	overflow:visible;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
}

.NavGroupA {
	width: 195px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.NavGroupB {
	width: 195px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.NavHeader a {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 2px;
	padding-left: 7px;
}
.NavHeader a:active	{	color: #000000;	text-decoration: none;	}
.NavHeader a:visited	{	color: #000000;	text-decoration: none;	}
.NavHeader a:hover 	{	color: #000000;	text-decoration: none;	
								background-color: #FFB200;}

.NavItem {
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
	font-weight: bold;
}
.NavItem form 			{	padding-left: 15px !important;}
.NavItem a 				{	color: #000000;	text-decoration: none;	
								display: block; 	padding-left: 15px;}
.NavItem a:link 		{	color: #000000;	text-decoration: none;}
.NavItem a:active 	{	color: #000000;	text-decoration: none;	
								background-color: #FFB200;}
.NavItem a:visited 	{	color: #000000;	text-decoration: none;}
.NavItem a:hover 		{	color: #000000;	text-decoration: none;	
								background-color: #FFB200;}

.NavBkgYellow {
	background-image: url(images/background_nav_yellow.jpg)!important;
	background-repeat: repeat-y; background-color: #FFEDBF;}
.NavBkgLightBlue {
	background-image: url(images/background_nav_blue1.jpg)!important;
	background-repeat: repeat-y; background-color: #dde2ee; }
.NavBkgBlue {
	background-image: url(images/background_nav_blue2.jpg)!important;
	background-repeat: repeat-y; background-color: #C2CEE4; }
.NavBkgDarkBlue {
	background-image: url(images/background_nav_blue3.jpg)!important;
	background-repeat: repeat-y; background-color: #567AB6; }


/* - SEARCH FORM  ------------------------------------------ */

#SearchForm {
	margin: 0px;
	padding: 0px;
}

.SearchField {

	border-top: 2px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 2px solid #000000;
	background-color: #ffffff;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	width:130px;
	height:16px;
	margin: 0px;
	padding: 0px;

}

.SearchButton {
	border-top: 2px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 2px solid #000000;
	background-color: #ffb200;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	width:27px;
	margin: 0px;
	padding: 0px;
}

.SearchButtonLong {
	border-top: 2px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 2px solid #000000;
	background-color: #ffb200;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	width:70px;
	margin: 0px;
	padding: 0px;
}

.SearchButtonOver {
	border-top: 2px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 2px solid #000000;
	background-color: #3f4f70;
}


/* -  PAGE SPECIFIC STYLES  ------------------------------------- */

.BodyTextSubHeaderText {
	font-size: 14px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.BodyTextSubHeader {
	width:505px;
	height:60px;
	background-image:url(images/background_gradientheader.jpg);
	background-repeat: repeat-x;
}
.BodyTextHeader {
	width:505px;
	height:50px;
	background-color:#FFFFFF;
}
.BodyTextHeader h1 {
	font-size: 24px;
	padding-left: 23px;
	padding-right: 23px;		
}
.BodyTextCopy {
	font-size: 13px;
	padding-left: 23px;
	padding-right: 23px;	
}
.BodyTextMissionStatement {
	font-size: 14px;
	padding-top: 10px;
	padding-left: 23px;
	font-weight: normal;
}
.BodyTextHomeSearchContainer {
	position:absolute;
	left:338px;
	top:126px;
	width:167px;
	height:185px;
	background-image: url(images/home_search.jpg);
	background-repeat: repeat-x;
	text-align:center;
}
.BodyTextHomeSearchText {
	font-size: 13px;
}

.Headline {
	font-size: 15px;
	border-bottom: 1px solid #000000 !important;	
}

#ScheduleOfFees {
	width:460px;
}

#ScheduleOfFees tr td {
	border-bottom: 1px solid #dddddd;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#ScheduleOfFeesHeader {
	font-size: 13px !important;
	border-bottom: 1px solid #000000 !important;	
	padding-top: 20px !important;
	padding-left: 0px !important;
}
.ScheduleOfFeesPrice {
	font-weight: bold;
	text-align: center;
}
.ScheduleOfFeesPriceChange
{
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #2F409A;
	/* display:none !important; */
}
#ScheduleOfFeesNotice b {
	font-size: 15px;
}

#ScheduleOfFeesNotice span {
	font-size: 13px;
	padding-top: 3px;	
}
.ScheduleOfFeesFinePrint {
	font-weight: bold;	
	font-size: 15px;	
}
#InternalUseList {
	width:460px;
	font-size: 13px;	
}

#InternalUseList tr td {
	border-bottom: 1px solid #dddddd;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#InternalUseListHeader {
	color: #ffffff;
	font-size: 16px !important;
	border-bottom: 3px solid #000000 !important;
	padding-top: 15px !important;
	padding-left: 5px !important;
	background-color: #567AB6;
}

#InternalUseListHeader a:link 	{	color: #ffffff !important;	text-decoration: none;}
#InternalUseListHeader a:active 	{	color: #ffffff !important;	text-decoration: none;}
#InternalUseListHeader a:hover 	{	color: #ffffff !important;	text-decoration: underline;}
#InternalUseListHeader a:visited	{	color: #ffffff !important;	text-decoration: none;}


#InternalUseListSubHeader {
	font-size: 14px !important;
	border-bottom: 1px solid #000000 !important;	
	padding-top: 10px !important;
	padding-left: 0px !important;
}

#InternalUseListInfo b {
	font-size: 8px !important;
	color: #666;
	padding-left:10px;
}

#InternalUseListInfo i {
	padding-left: 10px;
}

#InternalUseList tr td a, #InternalUseList tr td  a:link {
	color: black;
	text-decoration: none;
}
#InternalUseList tr td a:active
{
	color: #EB6600;
	text-decoration: underline;
}
#InternalUseList tr td a:visited {
	color: black;
	text-decoration: none;
}
#InternalUseList tr td a:hover {
	color: #EB6600;
	text-decoration: underline;
}

.BodyOfficeName 	{font-size: 16px;}

.BodyOfficeNotes 	{font-size: 16px; color: red;}

.BodySearchResults	{font-size: 14px;}

.BodyOfficeDirectoryList
{
	font-size: 14px;
	width: 100%;
	padding-top: 0px;
}

.BodyOfficeDirectoryList tr td
{
	width: 33%;
	vertical-align: top;
}


#FranchiseOpp_TOC
{
	float: right;
	width: 150px;
	overflow: visible;
	text-align: left;
	border-top: 1px solid black;
	border-bottom: 1px solid black;	
	padding: 0px;
	margin: 0px -5px 15px 15px;
	text-align: right;
	font-size: 12px;
}


#FranchiseOpp_TOC a {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	padding-left: 7px;
}
#FranchiseOpp_TOC a:active		{	color: #000000;	text-decoration: none;	}
#FranchiseOpp_TOC a:visited	{	color: #000000;	text-decoration: none;	}
#FranchiseOpp_TOC a:hover 		{	color: #000000;	text-decoration: none;	
										background-color: #FFB200;}


/* - SERVICE LISTS & BOX OVERS ------------------------------------------------ */


#ServicesList {
	width:460px;
	font-size: 12px !important;	
}

#ServicesList tr td {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
}

#ServicesListHeader {
	color: #567AB6;
	font-size: 13px !important;
	padding-top: 3px !important;
	padding-left: 0px !important;
}

#ServicesListHeader a,
#ServicesListHeader a:link,
#ServicesListHeader a:visited,
#ServicesListHeader a:active {	color: #567AB6;	text-decoration: none;}
#ServicesListHeader a:hover 	{	color: #EB6600;	text-decoration: underline;}



#LocationsByServicesList {
	width:505px;
	font-size: 12px !important;	
}

#LocationsByServicesList tr td {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#LocationsByServicesList #ServicesListHeader {
	color: #000000;
	height: 60px;
	font-size: 13px !important;
	padding-top: 0px !important;
	padding-left: 20px !important;
	background-image:url(images/background_gradientheader.jpg);	
}



#LocationsByServicesList .BodyOfficeDirectoryList #ScheduleOfFeesHeader {
	font-size: 13px !important;
	border-bottom: 1px solid #ccc !important;	
	padding-top: 0px !important;
	padding-bottom: 2px !important;	
	padding-left: 0px !important;
}

#LocationsByServicesList .BodyOfficeDirectoryList a {}

#LocationsByServicesList .BodyOfficeDirectoryList a,
#LocationsByServicesList .BodyOfficeDirectoryList a:link,
#LocationsByServicesList .BodyOfficeDirectoryList a:visited,
#LocationsByServicesList .BodyOfficeDirectoryList a:active {	color: #000000;	text-decoration: none;}
#LocationsByServicesList .BodyOfficeDirectoryList a:hover 		{	color: #EB6600;	text-decoration: underline;}


.boxoverHeader {
	background:#FFB200;
	font-size:14px;
	font-weight:bold;
	border:1px solid #567AB6;
	padding:5px;
	width:300px;
}

.boxoverBody {
	background:#dde2ee;
	font-size:12px;
	border-left:1px solid #567AB6;
	border-right:1px solid #567AB6;
	border-bottom:1px solid #567AB6;
	padding:5px;
	width:300px;
}