/*
   Blue: 		#4282B7 (Links)
   Red:			#CC3300 (Buttons)
   Dark Gray:	#333333 (Text)
   Middle Gray:#555555 (Menu Links)
   Light Gray:	#A0A0A0 (Lines)
 */

body {
  background: #ffffff url(/images/background.gif) top center repeat-y;
  color: #333333;
  font: 12px Verdana, Tahoma, Arial, sans-serif;
  line-height: 1.2em;
  margin: 0 auto;
  padding: 0;
}

a {
  color: #4282B7;
}

input.textbox {
  border: 1px solid #A0A0A0;
  width: 212px;
}

/* Elements */
#page {
  margin: 10px auto;
  padding: 0;
  width: 970px;
}

#header {
  margin-top: 5px;
  padding-bottom: 0px;
}

#menubar {
  border-top: 1px solid #A0A0A0;
  border-bottom: 1px solid #A0A0A0;
  font-size: 11px;
  margin-bottom: 4px;
  padding: 3px;
  text-transform: uppercase;
}

#menubar a {
  font-weight: bold;
  color: #555555;
  text-decoration: none;
}

#menubar a:hover {
  color: #4282b7;
}

#breadcrumb {
  height: 32px;
  margin-bottom: 5px;
}

#breadcrumb h1 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 30px;
  margin: 0 0 0 5px;
}

#searchbutton {
  background: transparent url(/images/search.png) no-repeat center top;
  border: 0;
  cursor: pointer;
  height: 32px;
  margin: 0;
  padding: 0;
  text-indent: -1000em;
  width: 32px;
}

#rightcol {
  float: right;
  width: 250px;
  margin-bottom: 5px;
  padding-left: 15px;
}

#rightcol a {
  font-size: 11px;
}

#rightcol a:hover {
  color: #333333;
}

#rightcol table {
  border: 1px solid #A0A0A0;
  margin-bottom: 5px;
  width: 250px;
}

#rightcol td {
  padding-right: 10px;
}

#rightcol th {
  background-color: #A0A0A0;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 7px 4px 7px;
  text-align: left;
  text-transform: uppercase;
}

#rightcol ul {
  color: #A0A0A0;
}

#centercol {
  border-left: 1px dotted #A0A0A0;
  float: right;
  padding-left: 15px;
  width: 200px;
}

#shortteaser1, #shortteaser2, #shortteaser3 {
  margin-bottom: 25px;
}

#shortteaser1 a, #shortteaser2 a, #shortteaser3 a {
  color: #333333;
  text-decoration: none;
}

#shortteaser1 a:hover, #shortteaser2 a:hover, #shortteaser3 a:hover {
  color: #4282B7;
}

#shortteaser1 a.readmore, #shortteaser2 a.readmore, #shortteaser3 a.readmore {
  color: #4282B7;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
}

#shortteaser1 h3, #shortteaser2 h3, #shortteaser3 h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

#shortteaser1 img, #shortteaser2 img, #shortteaser3 img {
  border: none;
  height: 150px;
  margin-bottom: 5px;
  width: 200px;
  
}

#shortteaser1 p, #shortteaser2 p, #shortteaser3 p {
  margin-top: 5px;
  margin-bottom: 0px;
  line-height: 1.4em;
}

#leftcol {
  margin-right: 15px;
  width: 474px;
}

#longteaser1, #longteaser2, #longteaser3, #longteaser4, #longteaser5 {
  clear: left;
  display: table-cell;
  width: 474px;
}

#longteaser1 a, #longteaser2 a, #longteaser3 a, #longteaser4 a, #longteaser5 a {
  color: #333333;
  text-decoration: none;
}

#longteaser1 a:hover, #longteaser2 a:hover, #longteaser3 a:hover, #longteaser4 a:hover, #longteaser5 a:hover {
  color: #4282B7;
}

#longteaser1 a.readmore, #longteaser2 a.readmore, #longteaser3 a.readmore, #longteaser4 a.readmore, #longteaser5 a.readmore {
  background-color: #CC3300;
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 75px;
}

#longteaser1 img, #longteaser2 img, #longteaser3 img, #longteaser4 img, #longteaser5 img {
  border: none;
  float: left;
  height: 150px;
  margin-right: 5px;
  width: 200px;
}

#longteaser1 h2, #longteaser2 h2, #longteaser3 h2, #longteaser4 h2, #longteaser5 h2 {
  font-size: 1.5em;
  line-height: 17px;
  margin: 0;
  padding: 0;
}

#longteaser1 p, #longteaser2 p, #longteaser3 p, #longteaser4 p, #longteaser5 p {
  margin-top: 10px;
  margin-bottom: 10px;
}

#content {
  line-height: 19px;
  width: 705px;
}

#content a.external {
  background-image: url(/images/external.png);
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding: 0 15px 0 0;
  text-decoration: none;
}

#content h2 {
  font-size: 1.5em;
  margin: 0;
  padding: 0;
}

#content img.teaser {
  border: none;
  float: left;
  height: 150px;
  margin-right: 5px;
  width: 200px;
}

#content p {
  /*line-height: 1.6em;*/
}

#content p.author {
  font-size: 14px;
  font-style: italic;
}

#content p.teaser {
  font-size: 14px;
  font-weight: bold;
}

#adlink1, #adlink2 {
  clear: left;
  margin: 10px auto 10px auto;
  text-align: center;
}

#ruler {
  border-top: 1px dotted #A0A0A0;
  clear: left;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}

#footer {
  border-top: 1px dotted #A0A0A0;
  clear: both;
  font-size: 11px;
}

#footer td {
  height: 22px;
}

/* Classes */
.center { margin: 0 auto; text-align: center; }
.clear { clear: both; }
.middleheading {
  font-size: 14px;
  font-weight: bold;
}
.right { float: right; }