﻿/***************************************************************
STYLES FOR LOWER PAGES
***************************************************************/

/******************************THREE COLUMN LAYOUT***************************************/
#column-container {
	padding-left: 250px;  /*Width of left column*/
	padding-right: 250px;  /*Width of right column*/
}

#column-container .column {
	float: left;
	position: relative;
}

#column-container #center {
	width: 100%;
}

#column-container #left {  /*Left column width*/
	width: 210px;
	margin-left: -100%;
	padding: 0 40px 0 0;
	right: 250px;
}

#column-container #right {  /*Right column width*/
	width: 210px;
	margin-right: -250px;
	padding: 0 0 0 40px;
}

* html #left {
  left: 150px;  /* Right column width - fix for IE6 */
}

/************************************LEFT COLUMN****************************************/
#left ul {  /*Subnav lists*/
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#left ul li a {
	text-decoration: none;
	font-size: x-small;
}

#left .current {  /*Current category, left side*/
	display: block;
	line-height: 20px;
	background: url('../images/nav/current-left.gif') top left no-repeat;
	padding-left: 6px;
	margin: 0px;
}

#left .current span {  /*Current category, right side*/
	display: block;
	background: #FCCE30 url('../images/nav/current-right.gif') top right no-repeat;
	padding-right: 6px;
	margin: 0px;
}

#left .current {
	margin-bottom: 4px;
}

#left .current span {  /*Styles for current category*/
	color: #3D3D3F;
	font-weight: bold;
	text-transform: uppercase;
}

#left .category {  /*Categories, left side*/
	display: block;
	line-height: 20px;
	background: url('../images/nav/category-left.gif') top left no-repeat;
	padding-left: 6px;
	margin: 0px;
}

#left .category span {  /*Categories, right side*/
	display: block;
	background: #3D3D3F url('../images/nav/category-right.gif') top right no-repeat;
	padding-right: 6px;
	margin: 0px;
}

#left .category {
	margin-top: 12px;
	margin-bottom: 12px;
}

#left .category span {  /*Styles for categories*/
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#left>ul>li>ul>li>a:link, #left>ul>li>ul>li>a:visited {  /*Styles for 2nd tier categoreis*/
	color: #3D3D3F;
	font-weight: bold;
	padding-left: 6px;
	line-height: 1.5;
	text-transform: uppercase;
	font-size: x-small;
}

#left>ul>li>ul>li>a:hover, #left>ul>li>ul>li>a:active {
	color: #FCCE30;
	text-decoration: underline;
}

#left>ul>li>ul>li>a.category2 {
	color: #3D3D3F;
}

#left>ul>li>ul>li>a.current2 {
	color: #FCCE30;
	text-decoration: underline;
}

#left ul li ul li ul {
	padding-left: 20px;
}

#left ul li ul li ul li {  /*Bullets for 3rd tier categories*/
	background: url('../images/nav/subnav-bullet.gif') no-repeat;
	margin: 0px;
	padding: 0px;
}

#left ul li ul li ul li.last {  /*Bullet for last item in 3rd tier category*/
	background: url('../images/nav/subnav-bullet-last.gif') no-repeat;
}

#left ul li ul li ul li a:link, #left ul li ul li ul li a:visited {  /*Styles for 3rd tier categories*/
	color: #B5B7B6;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 2px;
	font-size: x-small;
}

#left ul li ul li ul li a:hover, #left ul li ul li ul li a:active {
	color: #FCCE30;
	text-decoration: underline;
}

#left>ul>li>ul>li>ul>li>a.category3 {
	color: #3B5B7B6;
}

#left>ul>li>ul>li>ul>li>a.current3 {
	color: #FCCE30;
	text-decoration: underline;
}

/*******************************************RIGHT COLUMN********************************************/
.rc-hdr {  /*Right column headers*/
	width: 204px;
	height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	background: url('../images/nav/category-left.gif') top left no-repeat;
}

.rc-hdr span {  /*Right side of headers*/
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background:#3D3D3F url('../images/nav/category-right.gif') top right no-repeat;
}

.rc-hdr span a:link, .rc-hdr span a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.rc-hdr span a:hover, .rc-hdr span a:active {
	text-decoration: underline;
}

#right p a:link, #right p a:visited {
	color: #009EE0;
	font-weight: bold;
	text-decoration: none;
}

#right p a:hover, #right p a:active {
	color: #FCCE30;
	text-decoration: underline;
}

#right .gallery {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#right li a img {  /*Styles for photos*/
	padding: 5px 0px;
	width: 210px;
	height: 121px;
}

/*
#right .gallery li a .largerview {
	display: none;
}

#right .gallery li a:hover .largerview {
	display: block;
	width: 420px;
	height: 242px;
	margin: -130px 0 0 -208px;
	padding: 0;
	position: relative;
	z-index: 5000;
} */

#right .gallery li .caption {
	margin: 0;
	padding: 0;
	font-size: x-small;
}



/***********************************TYPOGRAPHY*************************************/
h1 {
	margin: 0;
	padding: 0px;
	color: #009EE0;
	font-size: large;
}

h2 {
	margin: 0px;
	padding: 4px 0px;
	color: #009EE0;
	font-size: medium;
}

h3 {
	font-size: small;
	color: #009EE0;
}

h3 a:link, h3 a:visited {
	color: #009EE0;
	text-decoration: underline;
}

h3 a:hover, h3 a:active {
	color: #3D3D3F;
}

#center ul li {
	line-height: 2;
}

#center dt {
	margin: 12px 0 8px 0;
	font-weight: bold;
}

#center dd {
	margin: 0;
	padding: 0;
}

#breadcrumb {  /*Breadcrumb navigation styles*/
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#breadcrumb .bc-on {  /*Breadcrumb - current page*/
	color: #009EE0;
}

#center table {
	width: 95%;
	margin-bottom: 20px;
}

#center thead {
	font-size: x-small;
	text-align: center;
	background-color: #F3F3F3;
	padding: 2px;
}

#center td {
	border-bottom: 1px solid #787775;
	padding: 4px 0;
	text-align: center;
}

#center .references tr {
	vertical-align: top;
}

#center .references td {
	text-align: left;
	border: none;
	padding-right: 20px;
}

#center hr {
	color: #B5B7B6;
	width: 100%;
	height: 1px;
	border: 1px solid #B5B7B6;
}

.showLogo {
	float: right;
	padding: 0 0 6px 6px;
}

.stats {
	margin-top: 20px;
	font-weight: bold;	
}

#center table.models {
	clear: left;
}

#center table.models td a:link, #center table.models td a:visited {
	color: #787775;
	font-weight: bold;
}

#center table.models td a:hover, #center table.models td a:active {
	color: #009EE0;
}


/****************Box within text for images, animations, etc.*******************/
#center .bl {  /*Bottom left corner*/
	background: #F3F3F3 url('../images/home/bl.gif') 0 100% no-repeat;
	width: 325px;
	margin-bottom: 12px;
}

#center .br {  /*Bottom right corner*/
	background: url('../images/home/br.gif') 100% 100% no-repeat;
}

#center .tl {  /*Top left corner*/
	background: url('../images/home/tl.gif') 0 0 no-repeat;
}

#center .tr {  /*Top right corner*/
	background: url('../images/home/tr.gif') 100% 0 no-repeat;
	padding: 15px;
	height: 220px;
}

#center #vlm-morph {  /*Animation*/
	margin: 0;
	padding: 0;
}


/**************************BRANCH MAP*******************************/
#branchmap {
	text-align: center;
}

#branchmap span {
	display: none;
}

#branchmap:hover span, #branchmap.hover span {
	display: block;
	position: relative;
	top: -225px;
	left: -85px;
	z-index: 2000;
}