/***********************************************/
/* style.css                                   */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

html {
  min-width: 1035px;
  } /*IE7*/

body {
  font-family: Arial,sans-serif;
  color: #333333;
  line-height: 1.166;	
  margin: 0px;
  padding: 0px;
  background-color: #384C59;
/*  background-color: #44443F;*/
/*  background-color: #252626;*/
/*  background: #cccccc url(/images/layout/bg_grad.jpg) fixed;*/
  }

/******* hyperlink and anchor tag styles *******/

a:link, a:visited {
  color: #005FA9;
  text-decoration: none;
  }

a:hover {
  text-decoration: underline;
  }

/************** header tag styles **************/

h1 {
  font: bold 120% Arial,sans-serif;
  color: #334d55;
  margin: 0px;
  padding: 0px;
  }

h2 {
  font: bold 114% Arial,sans-serif;
  color: #006699;
  margin: 0px;
  padding: 0px;
  }

h3 {
  font: bold 100% Arial,sans-serif;
  color: #334d55;
  margin: 0px;
  padding: 0px;
  }

h4 {
  font: 100% Arial,sans-serif;
  color: #333333;
  margin: 0px;
  padding: 0px;
  }

h5 {
  font: 100% Arial,sans-serif;
  color: #334d55;
  margin: 0px;
  padding: 0px;
  }

/*************** list tag styles ***************/

ul {
  list-style-type: square;
  }

ul ul {
  list-style-type: disc;
  }

ul ul ul {
  list-style-type: none;
  }

/********* form and related tag styles *********/

form {
  margin: 0;
  padding: 0;
  }

label {
  font: bold 1em Arial,sans-serif;
  color: #334d55;
  }
				
input {
  font-family: Arial,sans-serif;
  }

img {
  border: none;
  }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead {
  position: relative;
  width: 90%;
  margin: 0px auto;
  }

#bodySpacer {
  position: relative;
  clear: both;
  width: 90%;
  min-height:15px;
  margin: 0px auto;
  padding: 0px;
  line-height: 25px;
  }

#pageCell {
  position: relative;
  clear: both;
  width: 90%;
  margin: 0px auto;
  background-color: #ffffff;
  }

#tl {
  position:absolute;
  top: -1px;
  left: -1px;
  margin: 0px;
  padding: 0px;
  z-index: 100;
  }

#tr {
  position:absolute;
  top: -1px;
  right: -1px;
  margin: 0px;
  padding: 0px;
  z-index: 100;
  }

#pageNav {
  clear: both;
  float: left;
  width:178px;
  padding: 0px;
  background-color: #F5f7f7;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;		/* #cccccc */
  font: small Verdana, sans-serif;
  }

div#pageNav {
  display: block;
  }

#content{
  padding: 5px 10px 0px 0px;
  margin:0px 0px 0px 178px;
  border-left: 1px solid #ccd2d2;
  }

/***********************************************/
/* Component Divs                              */
/***********************************************/

#bannerBox {
  height: 90px;
  background-color: white;
  }

#logo {
  float: left;
  padding: 5px 5px 5px 5px;
  }

#siteName {
  margin: 0px;
  padding: 10px 0px 0px 10px;
  font-family: Verdana, sans-serif;
  font-size: 36px;
  font-weight: normal;
  color: #005FA9;
  }

#slogan {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
/*  color: #990000;*/
  color: darkorange;
  line-height: 27px;
  }

#rssIconTopRight {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 5px 0px 5px 5px;
  }

#rssIconNavBar {
  float: right;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 5px;
  margin-right: 5px;
  }

/************** utility styles *****************/

#utility {
  position: absolute;
  top: 16px;
  right: 0px;
  font: 75% Verdana,sans-serif;
/*  color: #919999;	*/
  color: #ffffff;
  }

#utility a {
  color: #ffffff;
  }

#utility a:hover {
  text-decoration: underline;
  }

/************* breadCrumb styles ***************/

#breadCrumb {
  float: left;
  padding: 5px 0px 5px 10px;
  font-family: Verdana, sans-serif;
  font-size: small;
  color: #000000;
  }

#breadCrumb a {
  color: #005FA9;
  }

#breadCrumb a:hover {
/*  color: #005FA9;*/
  color:orange;
  text-decoration: underline;
  }

/************** pageName styles ****************/

#pageName {
  float: right;
  padding: 2px 10px 2px 10px;
  margin: 0px;
  }

#pageName h1 {
  font-family: Verdana, sans-serif;
  font-size: 120%;
  font-weight: bold;
  color: #005FA9;
  }

#pageName h2 {
  font-family: Verdana, sans-serif;
  font-size: 114%;
  font-weight: bold;
  color: #005FA9;
  }

/*********** Top Border for pageCell ***********/

#pageCellBorder {
  clear: both;
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
/*  border-bottom:1px solid #ccd2d2;*/		/* ccd2d2 */
  border-bottom: 1px solid gray;*/
  }

/************* globalNav styles ****************/

#globalNav {
  position: relative;
  width: 100%;
  min-width: 640px;
  height: 32px;
  color: #cccccc;
  padding: 0px;
  margin: 0px;
  background-image: url(/images/layout/glblnav_background.gif);
  }

#globalNav img {
  margin-bottom: -4px;
  }

#gnl {
  position: absolute;
  top: 0px;
  left:0px;
  }

#gnr {
  position: absolute;
  top: 0px;
  right:0px;
  }

#globalLink {
  position: absolute;
  top: 6px;
  height: 22px;
  min-width: 640px;
  padding: 0px;
  margin: 0px;
  left: 10px;
  z-index: 100;
  }

a.glink, a.glink:visited {
  font-size: small;
  color: #000000;
  font-weight: bold;
  margin: 0px;
  padding: 2px 5px 4px 5px;
  border-right: 1px solid #8FB8BC;
  }

a.glink:hover {
  background-image: url(/images/layout/glblnav_selected.gif);
  text-decoration: none;
  }

/************** feature styles *****************/

.feature {
  padding: 0px 0px 10px 10px;
  font-size: 13px;
  min-height: 200px;
  height: 200px;
  border: none;
  border-bottom: 1px solid #CCD2D2;
  }

html>body .feature {height: auto;}

.feature h3 {
  font: bold 175% Arial,sans-serif;
  color: #000000;
  padding: 30px 0px 5px 0px;
  }

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

.feature div {
  white-space: normal;
  }

.feature a {
  color: blue;
  text-decoration: underline;
  }

.feature a:hover {
  color: red;
  text-decoration: none;
  }

.feature h3 {
  color: red;
  }

/*************** story styles ******************/

.story {
  padding: 10px 0px 0px 10px;
  font-size: 13px;
  }

.story h1 {
  font: bold 18px Arial, sans-serif;
  color: #005FA9;
  }

.story h3 {
  font: bold 125% Arial, sans-serif;
  color: #000000;
  }

.story p {
  padding: 0px 0px 10px 0px;
  }

.story a.capsule {
  font: bold 1em Arial, sans-serif;
  color: #005FA9;
  display:block;
  padding-bottom: 5px;
  }

.story a.capsule:hover {
  text-decoration: underline;
  }

td.storyLeft {
  padding-right: 12px;
  }

.story div {
  white-space: normal;
  }

/************** starRating styles **************/

#starRating {
  float: right;
  margin: 0px;
  padding: 5px 0px 5px 5px;
  text-align: right;
  background: none;
  border: none;
  border-bottom: 1px dotted #000000;
  font-family: Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
/*  color: #005FA9;*/
/*  color: #384C59;*/
  color: #000000;
  }

/************ socialBookmarks styles ***********/

#socialBookmarks {
  padding: 0px 0px 0px 10px;
  }

/************** siteInfo styles ****************/

#siteInfo {
  clear: both;
  border-top: 1px solid #cccccc;		/* #cccccc */
  font-size: small;
  color: #cccccc;
  padding: 10px 10px 10px 10px;
  margin-top: 0px;
  }

#siteInfo img {
  padding: 4px 4px 4px 0px;
  vertical-align: middle;
  }

/************ sectionLinks styles **************/

#sectionLinks {
  margin: 0px;
  padding: 0px;
  }

#sectionLinks h3 {
  padding: 10px 0px 2px 10px;
  border-bottom: 1px solid #cccccc;
  }

#sectionLinks a:link, #sectionLinks a:visited {
  display: block;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #cccccc;
  background-image: url(/images/layout/bg_nav.jpg);
  font-weight: bold;
  padding: 3px 0px 3px 10px;
  color: #21536A;
  }

#sectionLinks a:hover {
  border-top: 1px solid #cccccc;
  background-color: #DDEEFF;
  background-image: none;
  font-weight: bold;
  text-decoration: none;
  }

/************* relatedLinks styles **************/

.relatedLinks {
  margin: 0px;
  padding: 0px 0px 10px 10px;
  border-bottom: 1px solid #cccccc;
  }

.relatedLinks h3 {
  padding: 10px 0px 2px 0px;
  }

.relatedLinks a {
  display: block;
  }

/**************** advert styles *****************/

#advert {
  padding: 10px;
  }

#advert img {
  display: block;
  margin: auto;
  }

/********* Miscellaneous Styles *********/

.snazzytext {
  color: #005FA9;
  }

.snazzytext2 {
  color: #00FF00;
  }

.fakeHrTag {
  width: 100%;
  margin: 5px 0px;
  border: none;
  border-top: solid 1px #cccccc;
  }