@import '/cms/styles/common.css';
@import '/style.css';

/* COMMON ---------------------------------------------------------------------- */

.rightlist {
	float:right;
}
.rightlist a {
	float:left;
}


body {
	background-color: #152d40;
}

#bg-x {
	background: #457b9f url('/images/bg-x.jpg') top repeat-x;
}

#bg-top {
	background: url('/images/bg-top.jpg') top center no-repeat;		
}
.homepage #bg-top {
	background: url('/images/bg-top-home.jpg') top center no-repeat;		
}

.page {
	margin:0 auto;
	width:900px;
}

#field123 { display: none; } /* POST.ASPX Spam filter */

/* HEADER ---------------------------------------------------------------------- */

#top-header {
	height:51px;
	overflow:hidden;
	background:url('/images/top-header.jpg') top left no-repeat;
}
#top-header a {
	color:#fff;
	font-weight:bold;
	display:block;
	margin:10px 0 0 590px;
	padding:5px 5px 5px 45px;
	text-decoration:none;
	width:160px;
	outline:none;
}
#top-header a:hover {
	text-decoration:underline;
}

#header {
	height:71px;
	overflow:hidden;
	background:url('/images/header.jpg') top left no-repeat;
}
.homepage #header {
	background:url('/images/header-home.jpg') top left no-repeat;
}

#logo {
	width:290px;
}
#logo a {
	float:left;
	margin-top:14px;
	outline:none;
}
#logo img {
	height:50px;
	width:280px;
}



/* IMPACT ---------------------------------------------------------------------- */

#impact {
	height:347px;
	overflow:hidden;
	background:url('/images/impact.jpg') top left no-repeat;
}

#flash {
	width:470px;
}

#impact-right {
	width:430px;
}

#impact-content {
	margin:140px 20px 20px 60px;
	height:106px;
	overflow:hidden;
}

#impact-phone {
	float:right; 
	margin:0 40px 0 0;
	font-size:16px;
	color:#326C9E;
	font-weight:bold;
}

#impact-link {
	margin:0 20px 0 81px;
}
#impact-link a {
	background:none;
	float:none;
	padding:0;
	outline:none;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
	width:610px;
}

#menu ul, #menu li {
	background:none;
	margin:0;
	padding:0;
}
#menu li {
	background:url('/images/menu-separator.gif') top left no-repeat;
	padding-left:2px;
	height:71px;
	overflow:hidden;
	text-align:center;
}

#menu a {
	padding-top:31px;
	padding-bottom:40px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	background-position:top right;
	background-repeat:no-repeat;
	outline:none;
}
.root_134 a.menu2,
.root_141 a.menu3,
.root_142 a.menu4,
.root_143 a.menu5,
#menu a:hover {
	background-image:url('/images/menu-hover.jpg');
	color:#fff;
}
#menu a.menu1 {	width:85px; background-position: -137px 0px; }
#menu a.menu2 {	width:85px; background-position: -224px 0px; }
#menu a.menu3 {	width:105px; padding-top:22px; background-position: -311px 0px; }
#menu a.menu4 {	width:105px; background-position: -418px 0px; }
#menu a.menu5 {	width:85px; background-position: -525px 0px;}



/* SUBNAV ---------------------------------------------------------------------- */

#nav {
	width:160px;
}

#rootname {
	background:url('/images/rootname-bg.jpg') top left no-repeat;
}
#rootname #unlink, #rootname a {
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:20px 5px 15px 5px;
	border-bottom:1px solid #fff;
	outline:none;
}
#rootname a:hover {
	color: #b5cbd9; 
}

#nav ul, #nav li {
	background:none;
	margin:0;
	padding:0;
}

#nav li {
	background:url('/images/nav-separator.gif') bottom right no-repeat;
	padding-bottom:2px;
}

#nav ul a {
	color:#00305b;
	font-weight:bold;
	font-size:12px;
	display:block;
	padding:6px 5px 6px 10px;
	text-decoration:none;
	outline:none;
}
#nav ul li.navactive a,
#nav ul a:hover {
	color:#fff;
	background:url('/images/nav-hover.gif') right repeat-y;
}



/* CONTENT --------------------------------------------------------------------- */

#content {
	background:url('/images/bittylogo.jpg') bottom right no-repeat;
	padding-top:133px;
	padding-bottom:34px;
	height:auto !important;
	height:535px;
	min-height:535px;
}

#content-wrapper {
	background:url('/images/content-content.jpg') top left no-repeat;
	padding-bottom:10px;
}

h1.pagetitle {
	font-size:17px;
	margin:17px 0 15px 0;
	background:url('/images/h1.gif') top left no-repeat;
	padding:2px 0 0 25px;
}

#content .middle {
	width:540px;
	padding:0 20px;
}
#content .middle .gradedwrapper {
	background:url('/images/content-middle-tile.gif') left repeat-y;
}
#content .middle .gradedbox {
	background:url('/images/content-middle.jpg') top left no-repeat;
	padding:20px 20px 15px 20px;
	height:auto !important;
	height:415px;
	min-height:415px;
}
#content .middle .gradedbottom {
	background:url('/images/content-middle-bottom.jpg') top left no-repeat;
	height:5px;
}

#content .right {
	width:160px;
}
#content .right h1.top {
	background:url('/images/right-top.jpg') top left no-repeat;
	color:#fff;
	margin:0;
	padding:15px 5px 5px 30px;
}

#content .right .smilebox {
	background:url('/images/right-smiles.jpg') top left no-repeat;
	margin:10px 0;
	padding:91px 0 6px 55px;
}
#content .right .smilebox a {
	background:none;
	float:none;
	padding:0;
	outline:none;
}

#content .right .buttons {
	margin:10px 0 0 0;
}
#content .right .buttons a {
	width:140px;
	margin:0 auto 10px auto;
	display:block;
	text-align:center;
	background:url('/images/home-button.gif') top left no-repeat;
	padding:7px 0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#14293a;
	outline:none;
}
#content .right .buttons a:hover {
	text-decoration:underline;
	color: #4a7ea2; 
}
#content .right .contact {
	padding:0 0 0 10px;
	margin:10px 0;
}
#content .right .contact h3 {
	margin-bottom:10px;
}
#content .right .contact a {
	color:#fff6be;
	outline:none;
}
#content .right .contact a:hover {
	color:#fff;
}



/* HOME ------------------------------------------------------------------------ */

.homepage #content {
	background:url('/images/home-content.jpg') top left no-repeat;
	padding:0 0 20px 0;
	height:auto !important;
	height:360px;
	min-height:360px;
}


.homepage #content .titlebox h1 {
	margin:0 0 10px 0;
	background:url('/images/h1.gif') top left no-repeat;
	padding:2px 0 0 25px;
}


.homepage #content .left {
	width:320px;
}

.homepage #content .left .titlebox {
	padding:0 20px;
	height:79px;
	overflow:hidden;
}

.homepage #content .left .titlebox h2 {
	color:#fff;
	margin:0;
}

.homepage #content .left .gradedbox {
	background:url('/images/home-left.jpg') top left no-repeat;
	margin:0 10px;
	padding:15px 10px;
	height:auto !important;
	height:200px;
	min-height:200px;
}
.homepage #content .left .gradedbottom {
	background:url('/images/home-left-bottom.jpg') top left no-repeat;
	margin:0 10px;
	padding:6px 0 12px 212px;
}

.homepage #content .middle {
	width:320px;
	padding:0;
}

.homepage #content .middle .titlebox {
	padding:0 10px;
	height:54px;
	overflow:hidden;
}

.homepage #content .middle .smilebox {
	background:url('/images/home-middle.jpg') top left no-repeat;
	margin:0 10px 20px 10px;
	padding:115px 0 6px 125px;
}

.homepage #content .middle .buttons {
	margin:20px 10px;
}
.homepage #content .middle .buttons .col {
	width:140px;
	text-align:center;
	background:url('/images/home-button.gif') top left no-repeat;
	padding:7px 0;
}
.homepage #content .middle .buttons a {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#14293a;
	outline:none;
}
.homepage #content .middle .buttons a:hover {
	text-decoration:underline;
	color: #4a7ea2; 
}

.homepage #content .middle .contact {
	margin:20px 10px;
}
.homepage #content .middle .contact * {
	color:#14293a;
}
.homepage #content .middle .contact-left {
	width:140px;
	margin-right:20px;
}
.homepage #content .middle .contact-right {
	width:140px;
}
.homepage #content .middle .contact a {
	color:#fff6be;
	outline:none;
}
.homepage #content .middle .contact a:hover {
	color:#fff;
}


.homepage #content .right {
	width:260px;
}

.homepage #content .right .titlebox {
	padding:0 0 0 10px;
	height:79px;
	overflow:hidden;
	color:#fff;
}

.homepage #content .right .gradedbox {
	background:url('/images/home-right.jpg') top left no-repeat;
	margin:0 10px;
	padding:15px 10px;
	height:auto !important;
	height:200px;
	min-height:200px;
}
.homepage #content .right .gradedbottom {
	background:url('/images/home-right-bottom.jpg') top left no-repeat;
	margin:0 10px;
	padding:6px 0 12px 142px;
	padding:6px 0 12px 10px;
}
.homepage #content .right .gradedbottom .privacylink {
	width:122px;
	margin-right:10px;
}


.homepage #content .gradedbottom a, .homepage #content .middle .smilebox a {
	background:none;
	float:none;
	padding:0;
	outline:none;
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background:url('/images/footer-bg.gif') top repeat-x;
	height:102px;
	padding-top:10px;
}

#footer ul, #footer li {
	background:none;
	margin:0;
	padding:0;
}

#footer ul a {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #457b9f;
	float:left;
	outline:none;
}
#footer ul li.last a {
	border:none;
}
#footer ul a:hover {
	text-decoration:underline;
}

#footer #credit {
	float:right;
}
#footer #credit a {
	color:#82a7bd;
	text-decoration:none;
	outline:none;
}
#footer #credit a:hover {
	color:#fff;
	text-decoration:underline;
}

#footer #copyright {
	color:#82a7bd;
	margin-top:5px;
}



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
  border:none;
  border-bottom:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
  color:#666;
  padding:4px 2px 2px 4px;
  background:url('/images/formfield-bg.gif') top left no-repeat;
}

select.styled {
  border:1px solid #82a2b9;
  color:#666;
  padding:0;
}

input.button {}  

form .label {
	font-weight:bold;
}

form .input {}



.homepage form#appointmentform .label {
	margin-bottom:3px;
}
.homepage form#appointmentform .input {
	margin-bottom:15px;
}
.homepage form#appointmentform input.fullsize {
	width:212px;
}
.homepage form#appointmentform select.fullsize {
	width:218px;
}



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  margin:0 0 0 50px;
}
.sitemap ul ul {
  padding:0 0 0 22px;
  margin:0;
}
.sitemap li {
  background:none;
  list-style-image:url('/images/bullet-page.gif');
  margin:0 0 10px 0;
  background:none;
  padding:0;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
	outline:none;
}
.sitemap li li {
  margin: 0 0 4px 0;
  list-style-image:none;
  list-style-type:circle;  
}
.sitemap li li a {
  font-size:11px;
  font-weight:normal;
}
.sitemap li li li {
  margin:0;
}
.sitemap a:visited {
 color: #707880;
}
.sitemap a:hover {
	color: #4a7ea2; 
}


/* PHOTO GALLERY --------------------------------------------------------------------- */

.photogallery {
	margin:10px auto 0 auto;
	padding-left:20px;
}
.photogallery .image {
	width:105px;
	margin:0 16px 12px 0;
	display:inline;
}
.photogallery .image img {
	border:1px solid #ccc;
	padding:2px;
}
.photogallery a {
	outline:none;
}
.photogallery .image a:hover img {
	border-color:#C4A423;
}
.photogallery .enlarge {
	visibility: hidden;
	position: absolute;
	margin: 63px 0 0 3px;
	padding:2px 0;
	background-color: #333;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	width:105px;
	text-decoration: none;
	z-index:100;
	height:11px;
	opacity:0.7;
}
.photogallery .image:hover .enlarge { 
	visibility: visible; 
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

.morelink a {
	font-weight:bold;
	text-decoration:none;
}
.morelink a:hover {
	text-decoration:underline;
}

.morelink a {
	float:right;
	background:url('/images/morelink.gif') top left no-repeat;
	padding:5px 34px 5px 22px;
}

.hr {
	text-align:center;
	height:2px;
}