@charset "UTF-8";
/* CSS Document */


body {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #0e1c3e;
	color: #333;
}

/* THE FOLLOWING img PROPERTY ELIMINATES THE DEFAULT BLUE BODER FOR LINKS IN IE */
a img {
  border: none;
}
/* The fllowing keeps the image rollovers from inheriting the bottom border that I added for tex links.
"If you float your images vs. inline this will work and will require no modifications to image link attributes." | http://stackoverflow.com/questions/1030544/html-remove-ahover-for-images  */
a:hover img {
border: none !important;
display: block;
}
/*The following code is to solve the bad rightside display on mobile devices*/
html,body {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}




/* START OF TOP SECTION ************************************************** */
#topWrapper {
	background-image: url(../images/skyline_bg_203.jpg);
	background-repeat: repeat-x;
	height: 203px;
	width: 100%;
}
#header {
	background-image: url(../images/header_203px.png);
	background-repeat: no-repeat;
	height: 203px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#topShadow {
	background-image: url(../images/top_shadow.png);
	background-repeat: repeat-x;
	height: 15px;
	width: 100%;
}

/* This is the start of the Mid Section. *************************************************** */


#midWrapper {
	width: 100%;
	background-color: #FFF;
}
#mainContent {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 20px;
}

/*  ********* TOP MENU SECTION INSIDE OF mainContent ************************************ */
#topMenu {
	font-size: 90%;
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
	color: #0D376B;
	font-weight: bold;
	margin-bottom: 25px;
}
#topMenu ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#topMenu li {
	text-decoration: none;
	display: inline;
	margin-right: 3px;
	margin-left: 3px;
	list-style-image: none;
	list-style-type: none;
	font-weight: normal;
	font-size: 95%;
}
/* *** WBO *** THE Following Firefox specific code was put in because Firegox was displaying the font in th top menu too large *** */
@-moz-document url-prefix() {
#topMenu li {
	font-size: 85%;
}
}

#topMenu li a{
	color: #0D376B;
	text-decoration: none;
	font-weight: bold;
}
#topMenu li a:hover {
	color: #580400;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #580400;
}

/* ***** topBanner is added to place a special banner on the top of the home page March 2, 2017 **** */
#topBanner {
	margin-left: auto;
	margin-right: auto;
	background-color: #0D376B;
	/*font-size: 110%;*/
	text-align: center;
	width: 990px;
	padding-top: 10px;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border: 5px groove rgba(116,160,214,1.00);
	text-shadow: 2px 2px rgba(0,0,0,0.64);
	background-image: url(../images/top_banner_bg.png);
}
#topBanner h2 {
	font-size: 115%;
	line-height: 135%;
}
#topBanner a {
	color: rgba(246,221,155,1.00);
	text-decoration: none;
}
#topBanner a:hover {
	color: rgba(155,225,246,1.00);
	text-decoration: underline;
}

#sideBarLeft {
	float: left;
	width: 300px;
	font-size: 85%;
	line-height: 140%;
}
#sideBarLeft ul {
	line-height: 160%;
}
#sideBarLeft .contactInfo {
	font-size: 110%;
	text-align: center;
}
#sideBarLeft .contactInfo a{
	text-decoration: none;
	color: #0D376B;
	padding: 2px;
}
#sideBarLeft .contactInfo a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #283569;
	padding: 2px;
}
#sideBarLeft a {
	text-decoration: none;
	color: #0F4277;
}
#sideBarLeft a:hover {
	text-decoration: none;
	color: #780E20;
}
#sidebarForm {
	width: 290px;
	padding-right: 5px;
	padding-left: 5px;
}
#sidebarForm a {
	text-decoration: none;
}
#sidebarLeft h2, h3 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #0F4277;
	font-size: 140%;
}
#contentRight {
	float: right;
	width: 640px;
	line-height: 150%;
	font-size: 90%;
}
#contentRight a {
	text-decoration: none;
	color: #0F4277;
	/* [disabled]border-bottom-width: 1px; */
	/* [disabled]border-bottom-style: dotted; */
	/* [disabled]border-bottom-color: #0F4277; */
}
#contentRight a:hover {
	text-decoration: none;
	color: #780E20;
	/* [disabled]border-bottom-width: 1px; */
	/* [disabled]border-bottom-style: dotted; */
	/* [disabled]border-bottom-color: #780E20; */
}
#contentRight h2, h3 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #0F4277;
	font-size: 140%;
}
#contentRight h4 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	/* [disabled]padding-bottom: 10px; */
	padding-left: 0px;
	color: #0F4277;
	font-size: 120%;
}
/* #bottomShadow is inside of midWrapper ************** */
#bottomShadow {
	background-image: url(../images/bottom_shadow.png);
	background-repeat: repeat-x;
	height: 15px;
	width: 100%;
}
#bottomWrapper {
	/* [disabled]background-image: url(../images/top_wrapper_bg.jpg); */
	/* [disabled]background-repeat: repeat-x; */
	min-height: 100px;
	width: 100%;
}

/*START OF BOTTOM SECTION ************************************************************** */
#bottomInfoWrapper {
	background-image: url(../images/bottom_info_wrapper_bg.jpg);
	background-repeat: repeat-x;
	min-height: 100px;
	width: 100%;
}
#bottomInfo {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 85%;
}
#bottomInfo .homepage {
	font-size: 85%;
	color: #999;
}
#bottomInfo a {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC00;
	color: #FFCC00;
}
#bottomInfo a:hover {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FAE78C;
	color: #FAE78C;
}

/* bottom menu styles ********************* */
#bottomMenu {
	text-decoration: none;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 15px;
	text-align: center;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size: 80%;
}
#bottomMenu ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#bottomMenu li {
	text-decoration: none;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
	list-style-image: none;
	list-style-type: none;
	font-weight: normal;
}
#bottomMenu li a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 2px;
}
#bottomMenu li a:hover {
	color: #fff533;
	padding: 2px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #fff533;
}

/*GENERAL STYLES ******************************************** */
.clear {
	clear: both;
}
.imageRight {
	float: right;
}
.imageLeft {
	float: left;
	margin-right: 10px;
}
.centerCopy {
	text-align: center;
}
.dottedLine {
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #3F6B93;
	padding-top: 8px;
	padding-bottom: 8px;
}
#fsIndex {
	height: 200px;
	width: 640px;
	line-height: 0%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#googleMap {
	background-image: url(../images/google_map_bg.jpg);
	background-repeat: no-repeat;
	padding: 25px;
	height: 270px;
	width: 590px;
}
#googleMapSidebar {
	height: 100px;
	width: 300px;
}
.imageCaption {
	font-size: 90%;
	color: #666;
	text-align: center;
	width: 640px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.space20px {
	height: 20px;
	width: 100%;
}
.topOfPage {
	font-size: 70%;
	color: #6699FF;
	text-align: center;
	border: 1px dotted #6699FF;
	float: right;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}
#contentRight #practices ol {
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	color: #0F4277;
	margin-left: 30px;
}
#contentRight #practices ol a {
	color: #0F4277;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0F4277;
}
#contentRight #practices ol a:hover {
	color: #780E20;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #780E20;
}