html {
        min-height: 100%;
}

a:link { color:#0099DF;}
a:visited { color:#008CAF;}
a:hover{text-decoration:underline;}
a:active { color:#0099DF;}
a {text-decoration: none; color:#008CAF;}
a.nav {TEXT-DECORATION: none; color: #619592;}
a.bold:link { color:#000000; text-decoration:none; font-size : 18px; font-family: "impact","verdana","helvetica", "arial", sans-serif;}
a.bold:visited { color:#000000; text-decoration:none; font-size : 18px; font-family: "impact","verdana","helvetica", "arial", sans-serif;}
}
a.bold:hover {color:#008CAF; text-decoration:none; font-weight:900; font-size : 12px;}
a.bold:active {color:#0099DF; text-decoration:none; font-weight:900; font-size : 12px;}

.greenText{background-color:#f0e7be; background-image:url(images/green/greenbg.gif); line-height: 1.8em; padding: 15px; text-align: left;}

.greenTitle{color: #266937; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold;}

.Number{font-family:Georgia, "Times New Roman", Times, serif; font-size:38px; font-weight:bold; color:#266937; vertical-align: sub;}



table, td {font-family: "verdana","helvetica", "arial", sans-serif; color:#000000; font-size: 13px}

body
{
background-image: url(images/bgGradient.jpg);
layer-background-image: url(images/bgGradient.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color: #04134A;
margin-top: 10px;
margin-bottom: 10px;
}

#toppanel {

height: 80px;
width:450px;
margin: 0px;
font-size : 13px;
font-family : verdana, arial;
font-weight:900;
float:left;

}

#links {
height: 80px;
width: 400px;
background-image: url(images/links.png);
layer-background-image: url(images/links.png);
background-repeat: no-repeat;
background-position: bottom left;
font-size : 13px;
font-family : verdana, arial;
text-align: left;
font-weight:900;
float:left; position: relative;
}

#stripe {
width:850px; height: 44px;
background-image: url(images/bluegreen.png);
layer-background-image: url(images/bluegreen.png);
}

#bottomstripe {
width:850px; height: 30px;
background-image: url(images/bluegreen2.png);
layer-background-image: url(images/bluegreen2.png);
}


#toppanelindex {
background-image: url(images/topstripe.gif);
layer-background-image: url(images/topstripe.gif);
height: 130px;
margin: 0px;
font-size : 13px;
font-family : verdana, arial;
font-weight:900;

}

#copyright {
font-size : 9px;
font-family : verdana, arial;
background-color: #FFFFFF;
color: #BBBBBB;
text-align: center;
height: 20px;
}

#content {
padding: 0px;
margin: 0px;
font-size : 15px;
width: 850px;
font-family : verdana, arial;
background-color: #FFFFFF;
}

#bottompanel {
padding: 0px;
font-size : 13px;
font-color: #FFFFFF;
color: #FFFFFF;
font-family : verdana, arial;
}


div.float {
  float: left;
text-align: left;
font-size : 13px;
font-weight:900;
width:210px;
color:#FFAD8D; 
text-decoration:none;
height:80px;
  }

div.float2 {
  float: left;
text-align: left;
font-size : 13px;
font-weight:900;
width:350px;
color:#FFAD8D; 
text-decoration:none;
  }

div.floatmsds {
  float: left;
text-align: left;
font-size : 13px;
font-weight:900;
width:200px;
color:#FFAD8D; 
text-decoration:none;
  }

div.floatside {
  float: left;
width:25px;
  }

div.spacer {
  clear: both;
  }

div.floatinside {
  float: left;
text-align: left;
padding: 5px;
vertical-align:center;
  }

div.thumbnail {
  float: left;
text-align: center;
padding: 5px 0 0 0;
width: 125px;
height: 110px;
font-size : 13px;
  }
  
div.name {
font-size : 22px;
font-family : verdana, arial;
font-weight:900;
color:#008CAF;
}

div.nameright {
font-size : 22px;
font-family : verdana, arial;
font-weight:900;
text-align: right;
color:#008CAF;
}

span.des {
font-size : 13px;
font-family : verdana, arial;
font-weight:900;
font-color: #008CAF;
color: #008CAF;
background-color:#FFFFFF; layer-background-color:#FFFFFF;
font-weight: 900;
}

div.des {
font-size : 13px;
font-family : verdana, arial;
font-weight:900;
font-color: #008CAF;
color: #008CAF;
background-color:#FFFFFF; layer-background-color:#FFFFFF;
font-weight: 900;
}

span.des1 {
font-size : 13px;
font-family : verdana, arial;
font-weight:900;
font-color: #FFFFFF;
color: #FFFFFF;
background-color:#008CAF; layer-background-color:#008CAF;
font-weight: 900;
}

div.fine {
font-size : 9px;
font-family : verdana, arial;
color: #6A8E9E;
font-weight: 900;
}

div.blue {
font-size : 12px;
font-family : verdana, arial;
color: #6A8E9E;
font-weight: 900;
}

div.specs {
font-size : 9px;
font-family : verdana, arial;
}

div.desc {
font-size : 11px;
font-family : verdana, arial;
}






.title {
font-size : 32px; 
font-family : impact, verdana, arial;
text-align: left;
font-weight:900;
color:#008CAF; 
}


div.titlesmall {
font-size : 24px; 
font-family : verdana, arial;
text-align: left;
font-weight:900;
}

div.titlesmall2 {
font-size : 20px; 
font-family : verdana, arial;
text-align: left;
font-weight:900;
}

div.titlebrand {
font-size : 17px; 
font-family : verdana, arial;
text-align: left;
font-weight:900;
color:#008CAF;
}

div.titlesmaller {
font-size : 16px; 
font-family : verdana, arial;
text-align: left;
font-weight:900;
}

div.titlesmallerright {
font-size : 16px; 
font-family : verdana, arial;
text-align: right;
font-weight:900;
}

div.titlesmallercolour {
font-size : 16px; 
font-family : verdana, arial;
text-align: left;
font-weight:900;
color:#008CAF;
}

div.about {
font-size : 13px;
font-family : verdana, arial;
font-weight: normal;
}

div.inline {
font-size : 20px;
font-family : times new roman, arial;
font-weight:900;
color:#1C5E90;
padding: 12px;
width:230px;
float: right;
font-style: italic;
}

div.caption {
font-size : 14px;
font-family : times new roman, arial;
font-weight:900;
color:#1C5E90;
font-style: italic;
}





#nav, #nav ul {
	float: left;
	padding: 0px;
	width: 850px;
	list-style: none;
	font-weight: bold;
	border: solid #008CAF;
	border-width: 0px 0px;
	margin: 5px 0 0 5px;
	font-size: 12px;
}

.type {
	font-size: 8px; font-weight: bold; color: #008CAF;	
}

#nav a {
	display: block;
	width: 105px;
	w\idth: 105px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 6px 8px;
	font-weight: bold;
}

#nav a.line {
	background: url(/menubutton.png) center right no-repeat;
}

#nav a.daddy {
/* width of content (arrow, etc) */
	width: 150px;
	w\idth: 150px;
	background: url(/images/next.png) center right no-repeat; 
	
}

#nav li {
	float: left;
	padding: 0;
	width: 120px; 
/* width of title bar */
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 162px;
	w\idth: 162px;
	font-weight: normal;
	border-width: 2px;
/* width of box outline */
}

#nav ul.bg {
	margin: 0; background: url(/images/haddonlogo.png) center left no-repeat;	
}

#nav li li {
	padding-right: 1em;
	background: #00708c;
	width: 150px;
	w\idth: 150px;
/* width of blue interior */
}

#nav li ul a {
	width: 150px;
	w\idth: 150px; 
}

#nav li ul ul {
	margin: -28px 0 0 162px;
/* next box over */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #008caf;
}

#content {
	clear: left;
}

#content a {
	color: #008CAF;
}

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

#scaffolding {
	height: 70px;
	background: white url(/images/header_bg.gif) no-repeat;
	border: solid #000000;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}

#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: url(/images/hdlogo_flip2.gif) no-repeat;
	background-position: 181px 0;
}

#scaffolding a:hover {
	background-position: 181px -70px;
}