@charset "utf-8";
/* ButlerT.com style sheet */

div#main {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #FFF;
}

div#center {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 850px;
  height: 100px;
}

div#headerContent {
  position: relative;
  width: 850px;
  height: 300px;
}

div#portrait {
  position: absolute;
  z-index: 12;
  width: 210px;
  height: 400px;
  background-image:url(images/RThomasButlerButte.png);
  background-repeat:no-repeat;
}

div#logo {
  position: absolute;
  width: 300px;
  height: 180px;
  left: 200px;
  background-image:url(images/butlerLogo.png);
  background-repeat: no-repeat;
}

div#bannerBoxTop {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 840px;
  height: 180px;
  background-image:url(images/topBanner.png);
  background-repeat:no-repeat;
}

div#navigation {
  position: absolute;
  width: 335px;
  height: 40px;
  top: 115px;
  right: 15px;
}

div#headerMessage {
  position: absolute;
  width: 577px;
  hieght: 40px;
  bottom: 39px;
  right: 44px;
}

div#redDivider {
  position: absolute;
  z-index: 2;
  width: 840px;
  height: 50px;
  bottom: 5px;
  right: 0px;
  background-image: url(images/redBanner.png);
  background-repeat: no-repeat;
}
		

div#mainContent {
  position: absolute;
  width: 840px;
  height: 1200px;
  top: 257px;
}

div#leftColorBar {
  position: absolute;
  z-index: 2;
  width: 162px;
  height: 100%;
  left: 20px;
  top: 0px;
  background-image:url(images/leftColorBG.png);
  background-repeat: repeat-y;
}

div#contentBG {
  position: absolute;
  z-index: -10;
  width: 665px;
  height: 100%;
  top: 0px;
  right: 20px;
  background-image: url(images/pinstripe.png);
  background-repeat:repeat;
}

div#content {
  position: relative;
  z-index: 10;
  width: 695px;
  height: 400px;
  padding-left: 80px;
  padding-top: 65px;
}

div#contentHeader {
  position: absolute;
  width: 185px;
  hieght: 20px;
  top: 23px;
  left: 218px;
}

div#contentBubbleTop {
	width: 695px;
	padding-top: 45px;
	background-image:url(images/contentBubbleTop.png);
	background-repeat:no-repeat;
	background-position:top;
}

div#contentBubbleBtm {
	width: 695px;
	padding-bottom: 39px;
	background-image: url(images/contentBubbleBtm.png);
	background-repeat:no-repeat;
	background-position: bottom;
}

div#contentBubbleMid {
	height: 116px;
	background-image: url(images/contentBubbleMid.png);
	background-repeat: repeat-y;
	background-position:center;
}

div#content1 {
	position: absolute;
	padding-left: 35px;
	top: 75px;
	width: 615px;
	height: 100px;
}

div#content2 {
	position: absolute;
	padding-left: 35px;
	top: 275px;
	width: 615px;
	height: 100px;
}

div#content3 {
	position: absolute;
	padding-left: 35px;
	top: 443px;
	width: 615px;
	height: 100px;
}

div#content4{
	position: absolute;
	padding-left: 35px;
	top: 595px;
	width: 615px;
	height: 100px;
}

div#footer {
  position: absolute;
  z-index: -1;
  bottom: 200px;
  margin-left: 155px;
  width: 523px;
  height: 200px;
  padding-top: 10px;
  background-image:url(images/footerbox.png);
  background-repeat:no-repeat;
}

div#footerTextBox {
  position: absolute;
  z-index: 11;
  bottom: 223px;
  left: 157px;
  width: 410px;
  height: 160px;
  padding-left: 56px;
  padding-top: 15px;
}

div#footerTextBox2 {
  position: absolute;
  z-index: 11;
  bottom: 37px;
  left: 157px;
  width: 530px;
  height: 160px;
  padding-left: 56px;
  padding-top: 15px;
}



/* Contact Specific */

div#contactContent1 {
  position: absolute;
  padding-left: 35px;
  top: 94px;
  width: 615px;
  height: 100px;
}

div#contactFooterTextBox {
  position: absolute;
  z-index: 11;
  bottom: 33px;
  left: 157px;
  width: 410px;
  height: 160px;
  padding-left: 56px;
  padding-top: 15px;
}

div#contactHeaderMessage {
  position: absolute;
  width: 577px;
  hieght: 40px;
  bottom: 48px;
  right: 44px;
}

div#contactFooter {
  position: absolute;
  z-index: -1;
  bottom: 10px;
  margin-left: 155px;
  width: 523px;
  height: 200px;
  padding-top: 10px;
  background-image:url(images/footerbox.png);
  background-repeat:no-repeat;
}



/* Current News Specific */


div#CENHeaderMessage {
  position: absolute;
  width: 577px;
  hieght: 40px;
  bottom: 54px;
  right: 44px;
}

div#CENContent1 {
  position: absolute;
  padding-left: 35px;
  top: 75px;
  width: 615px;
  height: 100px;
}

div#CENContent2 {
  position: absolute;
  padding-left: 35px;
  top: 322px;
  width: 615px;
  height: 100px;
}

div#CENContent3 {
  position: absolute;
  padding-left: 39px;
  top: 537px;
  width: 615px;
  height: 100px;
}

div#CENContent4 {
  position: absolute;
  padding-left: 39px;
  top: 641px;
  width: 615px;
  height: 100px;
}

div#CENContent5 {
  position: absolute;
  padding-left: 39px;
  top: 850px;
  width: 615px;
  height: 100px;
}

div#CENFooterTextBox {
  position: absolute;
  z-index: 11;
  bottom: 23px;
  left: 157px;
  width: 410px;
  height: 160px;
  padding-left: 56px;
  padding-top: 15px;
}

div#CENFooter {
  position: absolute;
  z-index: -1;
  bottom: 0px;
  margin-left: 155px;
  width: 523px;
  height: 200px;
  padding-top: 10px;
  background-image:url(images/footerbox.png);
  background-repeat:no-repeat;
}



/*text styles*/

h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: bold;
  text-transform: normal;
  line-height: 1.2em;
}

h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  padding: 0px;
	
}

.copyText {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  text-transform: normal;
  letter-spacing: normal;
  line-height: 1.1em;
}

.noise {
  display: none;
}

/* Navigation Styles */

a.button {
  /* Sliding right image */
  background: transparent url('images/button_right.png') no-repeat scroll top right; 
  display: block;
  float: left;
  height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
  margin-right: 6px;
  padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
  
  /* FONT PROPERTIES */
  text-decoration: none;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

a.button span {
  /* Background left image */ 
  background: transparent url('images/button_left.png') no-repeat; 
  display: block;
  line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
  padding: 7px 0 5px 18px;
}

a.button:hover span{
  text-decoration:underline;
  color: #FFF;
}


/*Form Styles*/

form.signupform {
        margin: 10px;
}

Input { 
      font-family: sans-serif; 
      width: 265px;
      margin: 10px;
	  
}

Input.submitButton { 
      font-family: sans-serif; 
      width: 100px;
      margin: 10px;
	  
}

Input.checkbox {
	width: 20px;
	padding-left: 10px;
}

form {
  font-family: Arial, Helvetica, sans-serif;
}