/* Color Scheme
pale blue	D7E7FC
light blue	95B3DE  -> 066CF3
blue		066CF3
dark blue	004488

yellow		E4E422
gold		FFD828
dark gold	EBAB25

dark red	993300

light grey	CCCCCC
*/

/* General */
body {
  font-size: 70%;
  color:#000000;
  background-color:#FFFFFF;
  margin:0px;
  background: url("http://www.harts.com/background.jpg");
/*background-repeat:repeat-y;*/
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input {
  font-family: arial,verdana,helvetica,sans-serif;
  font-size:12px;
}

#contents {
  background : #fff;
  border : 1px solid #ccc;
  border-top : none;
  clear : both;
  margin : 10px;
  padding : 15px;
  width: 900px;

  /*background-image: url('http://www.harts.com/divbackground.jpg');
  background-repeat:no-repeat;
  background-color:#9496FD;*/
  background-color:#DADAFC;
  
  
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  
  -khtml-border-radius-topleft: 10px;
  -khtml-border-radius-topright: 10px;
  
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

ul.left {
  padding: 15px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
li.left {padding:0;}

li.doublespace {padding:7px;}

/* Menus */
#menu {
  font-family: arial;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf;
  margin: 0;
  padding-bottom: 33px;
  padding-left: 10px;
}

#menu ul, #menu li	{
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#menu a:link, #menu a:visited	{
  background:  #99BBEE;  /* light blue */
  border: 1px solid transparent;
  color: #0000f0;
  float: left;
  font-size: small;
  line-height: 15px;
  margin-right : 5px;
  margin-top: 4px;
  padding : 4px 10px 8px 10px;
  text-decoration : none;

  background-image: url('http://www.harts.com/images/bar-blue4.png');
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;

  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;

  -khtml-border-radius-topleft: 10px;
  -khtml-border-radius-topright: 10px;

  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#menu a:link.active, #menu a:visited.active	{
  background-color: #95B3DE; /* light blue */
  border-bottom: 1px solid #fff;
  color: #000;
}

#menu a:hover	{
  color: #993300; /* dark red */
}

body.section-1 #menu li#nav-1 a,
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7,
#menu #subnav-8 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1,
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7,
body.section-8 #menu ul#subnav-8 {
  display: inline;
  left: 10px;
  position: absolute;
  top: 80px;
}

body.section-1 #menu ul#subnav-1 a,
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a,
body.section-8 #menu ul#subnav-8 a {
  background-color : #95B3DE; /* light blue */
  border : none;
  border-left : 1px solid #ccc;
  color : #993300; /* dark red */
  font-size : smaller;
  font-weight : bold;
  line-height : 10px;
  margin-right : 4px;
  padding : 2px 10px 2px 10px;
  text-decoration : none;
}

#menu ul a:hover {
	color: #FFD828 !important; /* gold */
}

/* Headings */
h3 {
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #004488; /* dark blue */
}

h2 {
  font-family:Arial;
  font-size:16px;
  font-weight:bold;
  color:#004488; /* dark blue */
}

h1 {
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  color:#004488; /* dark blue */
}

/* Links */
a.left:link {
  font-family: Arial;
  font-size:12px;
  text-decoration:none;
  color:black;
  background-color:transparent
}

a.left:visited {
  font-family: Arial;
  font-size:12px;
  text-decoration:none;
  color:black;
  background-color:transparent
}

a.left:hover {
  font-family: Arial;
  font-size:12px;
  text-decoration:underline;
  color:#FFD828; /* gold */
  background-color:transparent
}

a.left:active {
  font-family: Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:underline;
  color:#993300; /* dark red */
  background-color:transparent
}

a.jump:link {
  font-family: Arial;
  font-size:10px;
  text-decoration:none;
  color:black;
  background-color:transparent
}

a.jump:visited {
  font-family: Arial;
  font-size:10px;
  text-decoration:none;
  color:black;
  background-color:transparent
}

a.jump:hover {
  font-family: Arial;
  font-size:10px;
  text-decoration:underline;
  color:#FFD828; /* gold */
  background-color:transparent
}

a.jump:active {
  font-family: Arial;
  font-size:10px;
  text-decoration:none;
  color:#993300; /* dark red */
  background-color:transparent
}

a.normal:link {
  font-family: Arial;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  color:#993300; /* dark red */
  background-color:transparent
}

a.normal:visited {
  font-family: Arial;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  color:#993300; /* dark red */
  background-color:transparent
}

a.normal:hover {
  font-family: Arial;
  font-size:14px;
  text-decoration:underline;
  color:#E4E422; /* yellow */
  background-color:transparent
}

a.normal:active {
  font-family: Arial;
  font-size:14px;
  font-weight:bold;
  text-decoration:underline;
  color:#993300; /* dark red */
  background-color:transparent
}

/* Content */
p.right {
  font-family: Arial;
  font-size: 12px;
  text-align: right;
}

p.left {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
}

p.small {
  font-family: Arial;
  font-size: 12px;
}

span.boldface {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
}

span.highlight {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #993300; /* dark red */
  background-color: #FFFFFF;
  display: inline;
}

span.red {
  color: red;
}

div.left {
  position:absolute;
  left:5px;
  top:25px;
  width:150px;
  margin:0;
  padding:.5em;
  border-left:1px solid white;
  border-right:2px solid gray;
  border-bottom:2px solid gray;
  border-top:1px solid white;
  background-color:#95B3DE; /* light blue */
}

div.content {
  margin-left: 230px;
  border-left: 0px solid gray;
  border-right: 0px solid gray;
  border-bottom: 0px solid gray;
  border-top: 0px solid gray;
  padding: 0.5em;
  margin-right: 50px;
  background-color: #ffffff;
}

div.jump {
  width:150px;
  margin:0;
  padding:.5em;
  border-left:0px solid gray;
  border-right:0px solid gray;
  border-bottom:0px solid gray;
  border-top:0px solid gray;
  background-color:#95B3DE; /* light blue */
}

div.banner {
  width:150px;
  margin:0;
  padding:.5em;
  border-left:0px solid gray;
  border-right:0px solid gray;
  border-bottom:0px solid gray;
  border-top:0px solid gray;
  background-color:#FFFFFF;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;

  box-shadow: 5px 5px 5px #888;
}

div.block {
  margin: 10pt;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 2px;
  border-color: #999999;

  border: 2px solid gray;

  padding: 5px;
  color: #111111;
  background-color:#95B3DE; /* light blue */

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  
  border-radius: 8px;
  box-shadow: 5px 5px 5px #888;
}

div.blockwhite {
  margin: 10pt;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 2px;
  border-color: #999999;
  color: #111111;
  padding: 5px;
  background-color:#FFFFFF;

  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;

  border-radius: 8px;
  box-shadow: 5px 5px 5px #888;
}

div.indent {
  margin-left: 20px;
  border-left: 0px solid gray;
  border-right: 0px solid gray;
  border-bottom: 0px solid gray;
  border-top: 0px solid gray;
  padding: .5em;
  margin-right: 50px;
  background-color: #ffffff;
}

/* Tables */
table.content {
  width: 600px;
  color: #000000;
  font-size: 100%;
  border: 0px solid;
  padding: 0px;
}

td.content {
  width: 50%;
  color: #000000;
  padding-top: 0px;
  padding-bottom: 6px;
  vertical-align: top;
}

table.home {
  color: #000000;
  background-color: #FFFFFF;
  font-size: 100%;
  border: 0px solid;
  padding: 3px;
  padding-bottom: 6px;
}

table.lightgrey {
  color: #000000;
  background-color: #EEEEEE;  /* very light grey */
  font-size: 100%;
  border: 0px solid;
  padding: 3px;
  padding-bottom: 6px;
}

td.home {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
}

td.top {
  vertical-align: top;
}

td.border {
  vertical-align: top;
  border: solid 2px #CCC;
  color: #ed008c; /* border color = light grey */
}

td.lightgrey {
  padding-top: 3px;
  padding-bottom: 6px;
  padding-left: 5px;
  vertical-align: top;
  background-color: #CCCCCC; /* light grey */
}

td.lightblue {
  padding-top: 3px;
  padding-bottom: 6px;
  padding-left: 5px;
  vertical-align: top;
  background-color: #95B3DE; /* light blue */
}

/* Images */
img.link {
  cursor: pointer;
  cursor: hand;
}

img {
  border:none;
}




/* Alt Menus */
#altmenu {
  font-family: arial;
  font-weight: bold;
  margin: 0;
  padding-bottom: 1px;
  padding-right: 1px;
}

#altmenu ul, #altmenu li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}


#altmenu a:link, #altmenu a:visited	{
  float: left;
  font-size: small;
  line-height: 15px;
  margin-right : 0px;
  margin-top: 1px;
  padding : 19px 10px 26px 10px;
  text-decoration : none;
  border-style: none;
  border: 0;
  outline:0; 
  background-image: url('images/menu_off.jpg');
}

#altmenu a:link.active, #menu a:visited.active	{
  background: #95B3DE; /* light blue */
  color: #000;
}

#altmenu a:hover	{
  color: #ffffff; 
  background-image: url('images/menu_on.jpg');
}


.tablemenu {

  min-width: 920px; 
  width:100%; 
  background-color: #fffefd; 
  padding: 8px;
  
  border-bottom: 2px solid gray;
  
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;

  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;

  -khtml-border-radius-bottomleft: 8px;
  -khtml-border-radius-bottomleft: 8px;

  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;

}

/* 5Oct2010;hf;infocards */
#hartslogoimage {
  width: 150px;
}

.infocardimage{
  height: 250px;
}

.headercontent {
  width: 900px;
}

#outline {
  border : 1px solid black;
  clear : both;
  margin : 0px;
  padding : 10px;
  
  -moz-border-radius: 10px;  
  -webkit-border-radius: 10px;  
  -khtml-border-radius: 10px;  
  border-radius: 10px;
}

#requirement {
  font-family: Arial;
  font-size: 10px;
  text-decoration: none;
}