﻿body {
  background-image: url(/Masters/Images/Background.gif);
  background-position: left top;
  background-repeat: repeat-x;
  font-family: 'Segoe UI', Tahoma, Arial, Sans-Serif;
  font-size: 8pt;
  line-height: 14pt;
  margin: 0;
  padding: 0;
}

#templateContainer {
  background-color: #fff;
  color: #000;
  margin: 10px auto;
  width: 700px;
}

#templateBanner {
  background-color: black; 
  background-image: url(/Masters/Images/Banner.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  height: 128px;
}

#templateBanner h1 { display: none; }

#templateBanner ul { list-style-type: none;  margin: 0; padding: 103px 5px 0 15px; }
#templateBanner ul li { display: inline; float: left; margin-right: 2px; }
#templateBanner ul li a { 
  background-color: #BECDDF; 
  background-image: url(/Masters/Images/BWP_Tabs_Left.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  color: #000; 
  display: block;
  padding-left: 5px;
  text-decoration: none; 
}

#templateBanner ul li a span { 
  background-image: url(/Masters/Images/BWP_Tabs_Right.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  height: 25px;
  line-height: 25px;
  display: block;
  font-weight: bold;
  padding: 0 20px 0 15px;
}

#templateBanner ul li a:focus, #templateBanner ul li a:hover { background-position: left bottom; text-decoration: none; }
#templateBanner ul li a:focus span, #templateBanner ul li a:hover span { background-position: right bottom; color: #008; }

#templateBanner ul li a.Active { background-position: left bottom; }
#templateBanner ul li a.Active span { background-position: right bottom; }
#templateBanner ul li a { border: none; }

#templatePageContent { float: left; padding: 10px; width: 480px; }
#templateNavigationContent { border-left: dotted 1px #ccc; float: Right; padding: 10px; width: 170px; }
#templateFooter { clear: both; line-height: 10pt; }

#templateFooterLeft { background-color: inherit; color: #999; float: left; font-size: 7.5pt; padding: 5px; width: 340px; }
#templateFooterRight { background-color: inherit; color: #999; float: right; font-size: 7.5pt; padding: 5px; text-align: right; width: 340px; }
#templateFooterRight a { background-color: inherit; border-bottom: dotted 1px #999; color: #999;  }
#templateFooterRight a:focus, #templateFooterRight a:hover { background-color: inherit; border-bottom: solid 1px #009; color: #009; text-decoration: none;  }
