@import "menu.css";
@import "page_styles.css";
@import "jScrollPane.css";
@import "tinymce.css";
@import "ie.css";

html, body
{
  margin: 0px;
  padding: 0px;
  text-align: center;
  background: #e5e5e5 url(../images/background.jpg) repeat-x center top;
  /*background: #7d7d7d url(../images/background_02.gif) no-repeat center top;*/
  color: #ffffff;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size: 12px;
  height: 100%;
  line-height: 1.4em;
}
#cmsMiddleBlock a
{
	color: #FFFF99;
	text-decoration: none;
}
#cmsMiddleBlock a:hover
{
	color: yellow;
	text-decoration: underline;
}
/* AdvertControl region is wrapped in an anchor tag, which was inheriting from cmsMiddleBlock ...this should stop the hover problems happening in FF. */
#cmsMiddleBlock .AdvertRegionControl .AdvertControl .AdvertControlLink
{
	color:#AAAAAA;
	text-decoration: none;
}
#cmsMiddleBlock .AdvertRegionControl a
{
  color: White;  
}
#cmsMiddleBlock .AdvertRegionControl a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
#cmsMiddleBlock .AdvertRegionControl .scrolling-content-container a
{
	color: #FFFF99;
}
#cmsMiddleBlock .AdvertRegionControl .scrolling-content-container a:hover
{
	color: yellow;
	text-decoration: underline;
}

#aspnetForm, #cmsPageContainer1,
#cmsPageContainer2, #cmsPageContainer3, #cmsPageBackground
{
  height: auto ! important;
  height: 100%; 
  min-height: 100%;  
}
h1.PageTitle
{
  background-image: url(../images/page_title_bg.jpg);
  background-repeat: no-repeat;
  height: 40px;
  vertical-align: middle;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 40px;
  vertical-align: middle;
  padding-left: 40px;
  margin-bottom: 15px;
}
.clear
{
  clear: both;
  height: 0px;
  line-height: 0px;
  width: 100%;
}
object
{
  outline: 0px;
}
#flash-background
{
  height: 100%;
  width: 100%;
  min-height: 100%;
  position: fixed;
  left: 0px; 
  top: 0px;
  outline: 0px;
}
#cmsPageContainer1
{
}
#cmsPageContainer2
{
  width: 948px; 
  margin: 0px auto;
  text-align: left;
  background-image: url(../images/left_shadow.png);
  background-repeat: repeat-y;
  position: relative;
}
#cmsPageContainer3
{
  width: 948px; 
  background-image: url(../images/right_shadow.png);
  background-position: right top;
  background-repeat: repeat-y;
}
#cmsPageBackground
{
  width: 928px;
  margin-left: 10px;
  background-color: #2c4152;
  border-left: 1px solid #324b61;
  border-right: 1px solid #324b61;
}
/**  Header  **/
#page-header
{
  width: 100%;
  height: 298px;
  background-color: #2c4152;
}
#page-header .inner
{
  width: 100%;
  height: 100%;
  position: relative;
}
#page-header .inner .logo
{
  position: absolute;
  left: 0px;
  top: 10px;
  width: 301px;
  height: 60px;
}
#page-header .inner .call-us
{
  position: absolute;
  right: 15px;
  top: 5px;
  width: 255px;
}
#page-header .inner .search-box
{
  position: absolute;
  right: 15px;
  top: 55px;
  width: 190px;
}
#page-header .inner .search-box .inputField
{
  float: left;
}
#page-header .inner .search-box .inputField input
{
  background-color: #1E3140;
  border: 1px solid #324B61;
  color: #ffffff;
}
#page-header .inner .search-box .link
{
  float: left;
}
#page-header .inner .search-box .link a
{
  display: block;
  width: 25px;
  height: 21px;
  background-image: url(../images/btn_go.jpg);
  outline: 0px;
}
#page-header .inner .search-box .link a span
{
  display: none;
}
#page-header .inner .header-image
{
  width: 100%;
  position: absolute;
  left: 0px;
  top: 80px;
  height: 218px;
  /*background-image: url(../images/content_page_banner.jpg);
  background-repeat: no-repeat;*/
  border-bottom: 1px solid #324b61;
  background-position: -1px 2px;
}
#page-header .inner .header-image .main-navigation
{
  height: 32px;
  width: 100%;
  background-image: url(../images/nav_bg.png);
  background-repeat: repeat-x;
  position: absolute;
  left: 0px; top: 0px;
}
#page-header .inner .header-image .watermark
{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}
/**  CONTENT  **/
#cmsMiddleBlock
{
  background-image: url(../images/content_bg.jpg);
  background-repeat: repeat-y;
  background-position: center top;
}
#cmsContentOuter
{
  padding: 20px 0px 20px 30px;
  width: 610px;
  float: left;
}
#cmsContentInner3 .cmsContent
{
  padding-left: 40px;
}
/**  FOOTER  **/
#page-footer
{
  padding: 0px;
  width: 100%;
  text-align: center;
  background-image: url(../images/footer_bg.jpg);
  position: relative;
}
#page-footer .inner
{
  margin: 0px auto;
  text-align: left;
  width: 908px;
  padding: 10px 10px 50px 10px;
}
#page-footer .inner .footer-links
{
  float: left;
}
#page-footer .inner .footer-contact
{
  float: right;
}

/** RIGHT NAV  **/
#right-nav
{
  width: 250px;
  float: right;
  margin: 25px 30px 20px 0px;
  background-image: url(../images/gradient_border.jpg);
  background-position: left top;
  background-repeat: repeat-y;
}
#right-nav .inner
{
  background-image: url(../images/gradient_border.jpg);
  background-position: right top;
  background-repeat: repeat-y;
  padding: 0px 10px 0px 0px;
}
#right-nav .right-nav-section
{
  padding: 0px 0px 15px 10px;
}
#right-nav .scrolling-content-container .title
{
  line-height: 23px;
  vertical-align: middle;
  background-image: url(../images/section_title_bg.jpg);
  background-repeat: no-repeat;
  margin-bottom: 10px;
  padding: 0px 0px 0px 30px;
}
#right-nav .scrolling-content-container .cmsContent p
{
  font-size: 11px;
  color: #fff;
  line-height: 14px;
}
#right-nav .inner .right-nav-section .jScrollPaneContainer .ScrollingContent .cmsContent img
{
  border: solid 3px #a7bfd9;
}
#header-flash
{
	width: 100%;
	height: 100%;
}

#header-flash a
{
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/InternalPageMainBanner-NoFlash.jpg);
	background-repeat: no-repeat;
}

body.homepage #header-flash a
{
	background-image: url(../images/HomePageMainBanner-NoFlash.jpg);
}

#header-flash a img
{
	display: none;
}