/**
 * base.css
 * @brief The base CSS files for the Toby Tobin website.
 */

html, body {
  height: 100%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
  background-color: #e7e7e7;
  margin: 0;
  padding: 0;
  font-family: verdana, sans-serif;
  font-size: 10pt;
}

div.VideoBar {
  min-height: 218px;
  max-height: 218px;
  background-color: white;
}

div.YellowBar {
  min-height: 5px;
  max-height: 5px; 
  background: url("../images/yellow-bar.png") top left no-repeat;
}

table.PageContent {
  width: 795px;
  margin-left: auto;
  margin-right: auto;
}

td.PageContentLeftBorder {
  background: url("../images/left_border.jpg") top left repeat-y;
  width: 10px;
}

td.PageContentRightBorder {
  background: url("../images/right_border.jpg") top right repeat-y;
  width: 10px;
}

div.Navbar {
  max-height: 65px;
  min-height: 65px;
}

img {
  margin: 0;
  padding: 0;
  border: none;
}

img.test {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

table.box-top {
  width: 100%;
  background: url("../images/box-header-back.png") center left repeat-x;
}

table.box-top-blue {
  width: 100%;
  background: url("../images/box-header-back-blue.png") center left repeat-x;
}

table.box-top-horz {
  width: 100%;
  background: url("../images/box-horz-header-back.png") center left repeat-y;
}

table.box-top-horz-blue {
  width: 100%;
  background: url("../images/box-horz-header-back-blue.png") center left repeat-y;
}

td.box-top-image {
  width: 25px;
  background: url("../images/yellow-arrow.png") top left no-repeat;
}

td.box-top-title {
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: middle;
  font-weight: bold;
  color: white;
}

td.box-top-right {
  width: 20px;
  background: url("../images/yellow-box.png") center left repeat-x;
}

td.box-top-left {
  width: 20px;
  background: url("../images/yellow-box.png") center left repeat-x;
}

/*CONTENT dIVS*/

#content {
 width: 775px;
 height: 100 %;
 background-color:#FFFFFF;
}

/* Footer stuff */
div.Footer {
  width: 775px;
  min-height: 121px;
  max-height: 121px;
  background: url("../images/footer-background.png") top left no-repeat;
}

table.Footer {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

td.FooterCopy {
  font-size: 9pt;
  color: white;
  font-weight: bold;
}

td.FooterImage {
  vertical-align: middle;
  width: 20px;
}

/*Body Text Stuff*/

H2 { 
color: #993300;
font-size: 14px;
line-height:0px;
padding: 0px 0px 0px 10px;
}

H3 { 
color: #660033;
font-size: 14px;
line-height:0px;
padding: 0px 0px 0px 10px;
}

H4 { 
color: #990000;
font-size: 14px;
line-height:0px;
padding: 0px 0px 0px 10px;
}

H5 { 
color: #000066;
font-size: 14px;
line-height:0px;
padding: 0px 0px 0px 10px;
}

p {  
padding: 0px 10px 10px 25px;
}

.black { 
color: #000000;
font-size: 12px;
font-weight: bold;
}

.orange { 
color: #993300;
font-size: 12px;
font-weight: bold;
}

.purple { 
color: #660033;
font-size: 12px;
font-weight: bold;
}

.red { 
color: #990000;
font-size: 12px;
font-weight: bold;
}

.blue { 
color: #000066;
font-size: 12px;
font-weight: bold;
}

.blue_two{ 
color: #003366;
font-size: 12px;
font-weight: bold;
}

.green{ 
color: #006633;
font-size: 12px;
font-weight: bold;
}

/*Images*/

.right {
float: right;
padding: 0px 0px 10px 10px;
}

.left{
float: left;
padding: 0px 10px 10px 0px;
}

.qa{
float: left;
padding: 10px 40px 10px 0px;
}