*
{
	margin: 0; padding: 0;
}

body
{
	font: normal 12pt arial, sans-serif;
	background-color: #FFF; color: #000;
	background: #B3B6C3 url(../images/BK_Top_Span_10_x_500.jpg) repeat-x 0 0;
}

h1,h2,h3,h4,h5,h6{ margin: 0.5em; }
h4{ margin-left: 0; margin-right: 0; }

img{ border: 0; }

p{ margin: 1em 0; }

.button{ padding: 3px; border: 1px solid #000; background: #FEFCDC; color: #000; cursor: pointer; font-weight: bold; }
.centered{ text-align: center; }
.flashAlert{ font-size: 1.25em; font-weight: bold; }
.hideOnLoad{ display: none; }
.indented{ padding: 0 0.5em; }
.left{ text-align: left; }
.nextStep{ border: 1px solid #FFA229; padding: 5px 0; }
.notification{ color: #E05102; background: inherit; font-weight: bold; }
.validationSummary{ margin: 1em; border: 2px dashed #000; padding: 0.5em; width: auto; font-weight: bold; background: #FFF; color: #F00; }
.validationSummary ul{ margin-left: 1em; }

.operations{ margin: 1em 0; }
.operations input
{
	font-size: 1.5em;
}

a.screenReaderOnlyHyperlink
{
	position: absolute; top:auto; left:-10000px;
	width:1px; height:1px;
	overflow: hidden;
	border: 0 !important;
}

#SiteContainer
{
	position: relative;
	margin: 0 auto 1em auto; border: 1px solid #000; padding: 0; width: 946px;
	border-top: 0;
	height: auto;
	background: #FFF; color: #000;
}

/*
===========================
		Header section
===========================
*/
#Header
{
	position: relative;
	font-family: "times new roman", serif, default;
	color: #234993;
	margin: 0; border: 0; padding: 0; width: auto;
	height: 100px;
	
}

#HeaderLogoContainer
{
	background: url('../images/BK_Logo_Top_450_x_70.jpg') no-repeat;
	width: 450px; height: 70px;
}

#Header h1
{
	margin: 0; border: 0; padding: 0 0 0.5em 1em; width: auto;
	font-size: 1.25em; font-style: normal;
}

#FontThemeChangers
{
	position: absolute;
	bottom: 0; right: 18px;
	width: 220px; height: 60px;
}

#FontThemeChangers a
{
	height: 60px;
	display: block; float: left;
}

#FontLinkSmall{ background: url('../images/btn_A_sm.jpg') no-repeat; width: 46px; }
#FontLinkSmall:hover{ background: url('../images/btn_A_sm_over.jpg') no-repeat; }

#FontLinkMed{ background: url('../images/btn_A_med.jpg') no-repeat; width: 52px; }
#FontLinkMed:hover{ background: url('../images/btn_A_med_over.jpg') no-repeat; }

#FontLinkLarge{ background: url('../images/btn_A_lrg.jpg') no-repeat; width: 58px; }
#FontLinkLarge:hover{ background: url('../images/btn_A_lrg_over.jpg') no-repeat; }

#FontLinkReverse{ background: url('../images/btn_A_rev.jpg') no-repeat; width: 52px; }
#FontLinkReverse:hover{ background: url('../images/btn_A_rev_over.jpg') no-repeat; }


#LoginSection
{
	position: absolute;
	top: 0.5em; right: 0;
	width: 200px;
	font: 1.33em helvetica, serif;
	text-align: center;
	padding-right: 10px; padding-bottom: 10px;
}

/*
===========================
		Navigation section
===========================
*/
#Navigation
{
	position: relative;
	height: 137px;
	background: rgb(61,90,146);
}

#Navigation .links
{
	margin: 0; margin-right: 10px; border: 0; padding: 10px 5px; width: 270px; height: auto;
	float: left;
	font-weight: bold;
}

#Navigation .links a
{
	display: block;
	color: #FFF;
	margin: 0; border: 1px solid rgb(61,90,146); padding: 0 0 0.25em 0.5em; width: auto;
	border-bottom: 1px solid #FFF; margin-bottom: 0.5em;
	text-decoration: none;
}

#Navigation .links a:hover
{
	color: #F8F3B8; background: rgb(2,35,102);
	border: 1px outset #00F;
}

#WhiteBox
{
	height: 115px; width: 215px; border: 0;
	position: absolute; top: 10px; right: 10px;
	background: #FFF; color: #000;
}

/*
===========================
		Content section
===========================
*/
#Content
{
	position: relative;
	padding: 0.25em;
}

#Content h1,
#Content h3
{
	background: #E6ECF4; color: #000;
	padding: 0.25em;
	margin: 0 auto 0.5em;
	text-align: left;
}

#Content h1.contactUsPage
{
	padding-left: 30px;
}

/*
===========================
		Footer section
===========================
*/

.footer_nav 
{
	clear: both;
	color: #234993;
	margin-top: 1em; padding: 1em; border-top: 1px dashed #234993;
	font-family: Arial, Helvetica, sans-serif; 
	text-align: center;
	line-height: 1.5em;
}

.footer_nav a 
{
	padding: 0 1em 0 1em;
	white-space: nowrap !important;
}

/*===============================================*/

#AgencyInfoBody
{
	min-height: 120px;
}

/*
====================================

		CallUsSideBar

====================================
*/
#CallUsSideBar
{
	float: right; margin: 0 10px;
	width: 270px; height: 100%;
	background: #FFF; color: #000;
	padding: 10px;
	border: 0;
}

#CallUsSideBar h4
{
	color: #E05102; background: inherit;
}

#CallUsSideBar ol li
{
	margin-bottom: 1em;
	list-style-type: none;
}

#CallUsSideBar .section
{
	margin-top: 1em; margin-bottom: 1em;
}

#UserChoicesUIDiv
{
	margin: 1em; border: 0; padding: 0.5em; width: 900px;
	text-align: center;
}

#UserChoicesUIDiv div.title
{
	margin-bottom: 1em;
	color: #234993; font-size: 1.25em;
}

#CityDropDownUI,
#ImageMapUI,
#UserChoicesUIDiv #Operations
{
	position: absolute;
}

#ChoiceColumns
{
	position: relative; 
	margin: 0.5em auto; border: 0; padding: 0; width: 900px;
	height: 390px;
}

#CityDropDownUI
{
	top: 0; left: 0;
	width: 200px;
}

#ImageMapUI
{
	top: 0; left: 205px;
	width: 500px;
}

#UserChoicesUIDiv #Operations
{
	top: 0; right: 0;
	width: 185px;
}

#ViewAllAgenciesButton
{
	margin-top: 1em;
}


#ShowUserChoicesUILink
{
	text-align: left;
	font-size: 1.75em; font-weight: bold;
	margin: 0.5em;
}

#AgencyCount
{
	margin-left: 0.5em; font-size: 1.33em;
}


/*
====================================

		Agency Info

====================================
*/
div.agencyInfoContainer,
.infoDiv
{
	margin: 0 auto 1em; border: solid 1px #000; padding: 0.25em; width: 95%;
}

div.agencyInfoContainer h2,
.infoDiv h2
{
	background: #FFC; color: #000;
	padding: 0.25em;
}

div.agencyInfoContainer div.address,
div.agencyInfoContainer div.phone,
div.agencyInfoContainer div.website,
div.agencyInfoContainer div.townsServed,
div.agencyInfoContainer div.moreInfo,
div.agencyInfoContainer div.sendMessage
{
	padding: 0 1em;
	margin-bottom: 0.5em;
}

div.agencyInfoContainer div.address
{
	margin-top: 0.5em;
}

/*
====================================

		Contact Us page

====================================
*/
#ContactUsForm,
#SuccessfulInquiryMessage
{
	width: 600px;
	min-height: 120px;
	padding-right: 10px; border-right: solid 1px #000; margin-right: 10px;
}

#ContactUsForm .formField
{
	text-align: right;
	margin-bottom: 1em;
	font-size: 1.25em;
}

#ContactUsForm .formField input,
#ContactUsForm .formField textarea,
#ContactUsForm .formField select
{
	width: 420px; margin-right: 1em;
}

.radioGroup
{ 
	text-align: right; 
 }

#ContactUsForm .formField input.radio, 
.radioGroup input
{
	width: auto !important;
	margin: 0 0 0 2em !important;
}

.radioGroup label
{
	margin: 0 0 0 0.25em;
}

#ContactUsForm .notification
{
	text-align: center;
}

#AgencyNameTextbox
{
	border: 0;
}

#SuccessfulInquiryMessage
{
	text-align: center;
	margin: 0 auto 0 1em;
	width: 580px;
}

#SuccessfulInquiryMessage h2
{
	margin-bottom: 1em;
}

#SuccessMessageAgencyName
{
	color: #999; background: inherit;
}

.successMessage
{
	font-size: 1.5em; font-weight: bold;
	color: #3C3; background: #FFF;
}

/*

		Messages section of site

*/
#LoggedInNav,
.loggedInNav
{
	text-align: right;
	margin: 0.25em 0; padding: 0 50px;
}

#LoggedInUserInfo
{
	margin: 1em; padding: 0 100px;
}

#LoggedInUserInfo .labelledData
{
	clear: both;
	margin: 0.5em 0;
}

#LoggedInUserInfo .labelledData .label
{
	float: left; width: 220px;
	
}

#LoggedInUserInfo .labelledData .data
{
	border: 0;
	line-height: 1em;
}