/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Common 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Reset all Margins as they vary from browser to browser */
* {
  margin: 0;
  padding: 0;
}

/* Get content to occupy 100% of the browser height */
html, body {
    height: 100%;
}

body {
	background: #ffffff url(../images/Background.jpg) repeat;
	color: #000000;
	font: normal 65.5% "Lucida Sans Unicode",sans-serif;
    	SCROLLBAR-FACE-COLOR: #191818;
    	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
  	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
    	SCROLLBAR-3DLIGHT-COLOR: #191818;
    	SCROLLBAR-ARROW-COLOR: #FFFFFF;
    	SCROLLBAR-TRACK-COLOR: #191818
}

/* Reset Default Header Sizes */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 {
    font-size: 2.5em; 
    font-weight: bold;
    COLOR: #FFFFFF;
}

h2 {
    font-size: 1.2em;
    margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
    padding: 0em 0em 0.5em 0em; /* Order: top, right, bottom, left */
    COLOR: #000000;
}

h3 {
    font-size: 1.25em;
    COLOR: #FFFFFF;
}

h4 {
    font-size: 1.5em;
    COLOR: #FFFFFF;
    margin-bottom: 0.1em;
}

h5 {
    font-size: 1.2em;
    COLOR: #FFFFFF;
}

h6 {
    font-size: 1.1em;
    line-height: 1.5em;
    color: #090;
}

/* Set default links to none underlined and underlined when visited */
a:link, a:visited {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}

/* Remove Order List Default Bullets */
ul, ol {
    list-style: none;
}

p,td { font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top: 0px;
}

ul {
	margin: 1em 1em 1em 3em; /* Order: top, right, bottom, left */
	padding:1px;
	list-style-type: disc;
	line-height: 16px;
	}

li {
    margin: 0em 0em 0em 6em; /* Order: top, right, bottom, left */
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}

img.float-right {
  margin: 0px 0px 0px 10px; /* Order: top, right, bottom, left */
  float: right;
}
img.float-left {
  margin: 0px 10px 0px 0px; /* Order: top, right, bottom, left */
  float: left;
}
iframe.float-right {
  margin: 0px 0px 0px 10px; /* Order: top, right, bottom, left */
  float: right;
}

iframe {
	border-width: 1px;
	border-style: solid;
	border-color: #000080;
}

img.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Page Header
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
        position: absolute;
 	z-index: 1;
}


#navboxcell {
        position: relative;
}

#headertext {
	position: absolute;
	COLOR: #87CEFA;
 	z-index: 1;
	text-align: left; 
	margin: -17em 0em 0em 1em; /* Order: top, right, bottom, left */
}

#headertext h1 {
	position: absolute;
	COLOR: #87CEFA;
	text-align: left; 
	font-size: 1em;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

#contactinfo {
        position: absolute;
	text-align: left; 
	font-size: 0.7em;
 	margin: -1em 0em 0em 79.5em; /* Order: top, right, bottom, left */
}

#contactinfo h3{
	COLOR: #000080;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Content Block
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.container {
	margin: 1.5em auto 1.5em auto;  /* Order: top, right, bottom, left */
	border-width: 10px;
	border-style: solid;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; /* Order: top, right, bottom, left */
	width: 750px;
}

#navpicture{
	margin: -1.3em 0em 0em 1.45em;  /* Order: top, right, bottom, left */
}

#navpicture img{
	border-width: 1px;
	border-style: solid;
	border-color: #FEB072 #FEB072 #FEB072 #FEB072; /* Order: top, right, bottom, left */
	border-left: 1.2em solid #FEB072;
}

#brands{
	clear:both;
	float:left;
	width: 15em;
	margin: 2em 0em 0em 0.75em;  /* Order: top, right, bottom, left */
}

#brands img{
	margin: 0em 0em 0em 0em;  /* Order: top, right, bottom, left */
}

#content {
	background: #87CEFA;
	border-left: 2px solid #FFFFFF;
	padding: 0em 1.5em 1em 1em; /* Order: top, right, bottom, left */
}

#content h1 {
	color: #000080;
	font-size: 1.6em;
	margin-bottom: 0.5em;
	padding: 0em 0em 0em 0em /* Order: top, right, bottom, left */
}

#content h4 {
	color: #FEB072;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	padding: 0em 0em 0em 0em /* Order: top, right, bottom, left */
}

#content p {
	color: #000000;
	text-align: justify;
	margin-bottom: 1em;
}

#content a:link, #content a:visited {
	color: #000080;
	text-decoration: underline;
	padding: 0em 0em 0em 0em;
        margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
	FONT-SIZE: 1em;
    	FONT-weight: normal;
}

#content a:hover, #content a:active {
	color: #FFFFFF;
	padding: 0em 0em 0em 0em;
        margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
	FONT-SIZE: 1em;
    	FONT-weight: normal;
}

#content img{
	border-width: 1px;
	border-style: solid;
	border-color: #000080;
}

.footerbg {
	background-image: url(../images/footerBG.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.bluefont {
	color: #000080;
	font-weight:bold;
}

li.left {
	margin:  0 0 0 9em; /* Order: top, right, bottom, left */;
	padding: 0 0 0 0; /* Order: top, right, bottom, left */
	font-variant: normal;
	letter-spacing: .01em;
}

li {
	margin:  0 0 0 0em; /* Order: top, right, bottom, left */;
	padding: 0 0 0 0; /* Order: top, right, bottom, left */
	font-variant: normal;
	letter-spacing: .01em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Table Content 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.hhl_tbl {
	border: #808080 solid 0.1em; /* border size/colour */
	vertical-align:top;
	width: 100%;
	border-collapse: collapse;
	padding: 0em 0em 0em 0em;
        margin: 0em 0em 1em 0em; /* Order: top, right, bottom, left */
}

th.hhl_tbl_th {
	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
	background-color:#000080;
	color:#FFFFFF;
	vertical-align:top;
	border: #808080 solid 0.1em; /* border size/colour */
}

td.hhl_tbl_td {
	padding: 0.2em 0.2em 0.2em 0.2em; /* Order: top, right, bottom, left */
	vertical-align:middle;
	FONT-SIZE: 1em;
	text-align:center;
	border: #808080 solid 0.1em; /* border size/colour */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Page Footer
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
}

#footernav {
        padding: 0em 0em 0em 0em;
        margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

#footernav UL {
        PADDING-LEFT: 0em;
        FONT-SIZE: 1em;
        margin: 0em .5em 0em 0em; /* Order: top, right, bottom, left */
        FLOAT: right;
        COLOR: #000080;
}
#footernav UL LI {
DISPLAY: inline
}
#footernav UL LI A {
        PADDING-RIGHT: 0.5em;
        FLOAT: left;
        PADDING-BOTTOM: 0.2em;
        COLOR: #000080;
        PADDING-TOP: 0.2em;
        TEXT-DECORATION: none;
}
#footernav UL LI A:hover {
        COLOR: #FFFFFF;
        TEXT-DECORATION: none;
}

#footer A {
  COLOR: white;
  TEXT-DECORATION: underline;
}

#footer_copyright {
  clear: both;
  float: right;
  padding: 0em 3em 0.5em 0em;
  margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

#footer_copyright A:hover {
	
        COLOR: #FFFFFF;
        TEXT-DECORATION: none;
}

#footer_copyright A {
  FONT-SIZE: 1em;
  FONT-weight: normal;
  COLOR: #000080;
  margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
  TEXT-DECORATION: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Navigation Block
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navcontainer p {
	COLOR: #87CEFA;
    	FONT-SIZE: 1.15em;
    	FONT-weight: bold;
	text-decoration: underline;
	margin: 1em 0em -0.6em 1.25em; /* Order: top, right, bottom, left */
}

#navlist
{
padding-left: 0;
margin-left: 0;
width: 160px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0em 0.25em 0em 0.25em; /* Order: top, right, bottom, left */
}

#navlist li a:link, #navlist li a:visited {
    COLOR: #FFFFFF;
    FONT-SIZE: 1.15em;
    FONT-weight: bold;
    margin: 0em 0em 0em 1em; /* Order: top, right, bottom, left */
    text-decoration: none;
}

#navlist li a:hover, #navlist li a:active {
    margin: 0em 0em 0em 1em; /* Order: top, right, bottom, left */
    text-decoration: underline;
}