html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1em;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}

/* Global Styling */

body {
background-color: #549c9a;
font-family : Helvetica, Arial, sans-serif;
font-size: 62.5%;
line-height : 18px;
color : #080808;
}

H1 {font-size: 1.4em}
H2 {font-size: 1.3em} 
H3 {font-size: 1.2em}
H4 {font-size: 1em}
H1, H2, H3 { font-weight: bold; margin: 15px 0; }
p {margin: 10px 0;}
ul.list { 
list-style: square;
margin: 10px; padding: 5px;
}
ul.list ul {
list-style: square;
margin: 0 10px 0 20px; 
padding: 0 5px 0 10px;
}

INPUT, SELECT, TH, TD {font-size: 1em} /* force form/table to inherit correct size */

a {text-decoration: underline; color:#00447C; font-weight: bold;}
a:link {text-decoration: underline; color:#00447C; font-weight: bold;}
a:visited {text-decoration: underline; color:#00447C; font-weight: bold;}
a:hover {text-decoration:underline; color:#7a003c; font-weight: bold;}
a:active {text-decoration: underline; color:#00447C; font-weight: bold;}

.bold { font-weight: bold; }
.italic { font-style: italic; }
.border-top { border-top: 1px solid #FFFFFF; }
.border-bottom { border-bottom: 1px solid #FFFFFF; }
.border-left { border-left: 1px solid #FFFFFF; }
.border-right { border-right: 1px solid #FFFFFF; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.contain { width: 100%; overflow: auto;}
.left { float: left; }
.right { float: right; }
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.imageleft { float: left; margin: 0 10px 10px 0; }
.imageright { float: right; margin: 0 0 10px 10px; }
.imagestyle {padding: 2px; border: 1px solid #808080;}

.search {
clear: both;
margin-top: 2px;
}

.search input {
border: 1px solid #00447c;
float: left;
}

.search input.btn {
background-color: #00447c;
color: #FFFFFF;
padding: 1px 1px 2px 1px;
margin-right: 3px;
font-size: 0.9em;
text-transform: uppercase;
}
/* To Be Removed - Style No Longer Used */
table.tablestyle {
border-collapse: collapse;
margin-bottom: 10px;
}
.tablestyle th {
font-size: 1.1em;
border: 1px solid #717e63;
border-right: 2px solid #717e63;
border-bottom: 2px solid #717e63;
text-transform: uppercase;
padding: 6px 6px 6px 12px;
background: #c1e9b6;
}
.tablestyle td {
border: 1px solid #717e63;
border-right: 2px solid #717e63;
background: #c1e9b6;
padding: 6px 6px 6px 12px;
color: #333333;
}
/* Table Styling - Rounded Corners */
.table-rounded {
font-size: 1.1em;
margin: 10px 0;
text-align: left;
border-collapse: collapse;
}
.table-rounded thead th.table-left {
background: #a1c298 url('/hlrw_images/template/left.png') left -1px no-repeat;
}
.table-rounded thead th.table-right {
background: #a1c298 url('/hlrw_images/template/right.png') right -1px no-repeat;
}
.table-rounded th {
padding: 8px;
font-weight: bold;
font-size: 1em;
color: #000;
background: #a1c298;
}
.table-rounded td {
padding: 8px;
background: #c1e9b6;
border-top: 1px solid #fff;
color: #000;
}
.table-rounded tfoot td.table-foot-left {
background: #c1e9b6 url('/hlrw_images/template/botleft.png') left bottom no-repeat;
}
.table-rounded tfoot td.table-foot-right {
background: #c1e9b6 url('/hlrw_images/template/botright.png') right bottom no-repeat;
}

/* Font Colours */

.white {color: #FFFFFF;}
.white a {color: #FFFFFF;}
.black {color: #000000;}
.blue {color: #00447c;}
.green {color: #00aaa7;}
.lightgreen {color: #82cac7;}
.lightpurple {color: #737499;}
.yellow {color: #fdb813;}
.lightyellow {color: #FFCB66;}
.burgandy {color: #7a003c;}
.lightburgandy {color: #B67289;}

/* Background Colours */

.bgd_White{background-color:#FFFFFF;}
.bgd_Black{background-color:#000000;}
.bgd_Blue{background-color:#00447c;}
.bgd_Blue a{color:#FFFFFF;}
.bgd_PaleBlue{background-color:#cbd9e4;}
.bgd_Green{background-color:#00aaa7;}
.bgd_LightGreen{background-color:#82cac7;}
.bgd_Mint{background-color:#BDE9E8;}
.bgd_PaleMint{background-color:#D4F1EF;}
.bgd_LightPurple{background-color:#737499;}
.bgd_Yellow{background-color:#fdb813;}
.bgd_LightYellow{background-color:#FFCB66;}
.bgd_Burgandy{background-color:#7a003c;}
.bgd_LightBurgandy{background-color:#B67289;}
.bgd_DarkGrey{background-color:#333333;}
.bgd_LightGrey{background-color:#E5E5E5;}
.bgd_LightBlue{background-color:#266090;}
.bgd_Turquoise{background-color:#bcd5e9;}
.bgd_b4bgreen{background-color:#55b949;}
.bgd_lreorange{background-color:#c7692b;}
.bgd_red{background-color:#c64146;}

/* Template Styling */

#container {
width: 775px;
margin: 0 auto;
position: relative;
background-color: #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
font-size: 1.3em;
overflow: auto;
}

#header {
width: 775px; height: 80px;
background: url(/hlrw_images/template/HMC_headerImage.jpg) no-repeat;
}

#logo {
width: 70px; height: 107px;
position: absolute;
left: 36px; top: 0;
background-color: #00447c;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#search-bar {
width: 775px; height: 26px;
background-color: #00447c;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

#nav-container {
width: 775px;
background-color: #bcd5e9;
font-size: 0.8em;
line-height: 13px;
font-weight: bold;
text-transform: uppercase;
overflow: auto;
}
#navigation ul {
width: 100%;
float: left;
}
#navigation li {
height: 35px;
border-right: 1px solid #FFFFFF;
display: inline;
float: left;
}
#navigation li.active {background-color: #00447c;}
#navigation li.active a {color: #FFFFFF;}
#navigation li a {
height: 32px;
color: #00447c;
text-decoration: none;
padding: 3px 8px 0 8px;
float: left;
}
#navigation li a:hover {
background-color: #266090;
color: #FFFFFF;
}
#breadcrumbs {
width: 755px;
padding: 8px 10px;
position: relative;
font-size: 0.9em;
font-weight: bold;
color: #00447c;
}
#breadcrumbs a {
color: #00447c;
text-decoration: none;
}
#footer {
width: 755px; height: 20px;
margin: 0 auto;
position: relative;
color: #FFFFFF;
padding: 10px;
}
#footer a {color: #FFFFFF;}
#page {
width: 775px; min-height: 500px;
overflow: auto;
}
#sidebar {
width: 191px;
float: left;
font-size: 0.9em;
padding-left: 10px;
}
#sidenav {
width: 191px;
}
#sidenav li {
background-color: #00447c;
width: 191px; 
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
}
#sidenav li:hover {position: relative;}
#sidenav a {
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 4px 0 5px 8px;
}
#sidenav a:hover {
background-color: #266090;
color: #FFFFFF;
}
#sidenav li.active {background-color: #bcd5e9;}
#sidenav li.active a {color: #00447c;}
#sidenav li.active a:hover {color: #FFFFFF;}
#sidenav li.subarrow, #sidenav li.subarrow a:hover {
background-image: url(/hlrw_images/template/submenuarrow.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
#sidenav li.subarrow ul li a:hover { background-image: none; }

/* Sub Menu */

#sidenav ul {
display: none;
position: absolute;
left: 192px;
top: 0px;
}
#sidenav li:hover ul {display: block;}
#sidenav ul li {
background-color: #00447c;
width: 191px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
float: left; display: inline;
}
#sidenav li.active ul li a { color: #FFFFFF; }
#sidenav li.active ul li.active a { color: #00447c; }
#sidenav li.active ul li.active a:hover { color: #FFFFFF; }

/* Fix IE. Hide from IE Mac \*/
* html ul#sidenav li { float: left; height: 1%; }
* html ul#sidenav li a { height: 1%; }
/* End */

/* End Sub Menu */

#content {
width: 553px;
float: right;
padding: 0 10px 10px 10px;
}

#content img {
display: block;
}

/* Homepage Styles */

#home-content { width: 755px; overflow: auto; padding: 10px 10px 10px 10px;}
#home-block-left {
width: 387px; height: 444px;
float: left;
background-color: #00447c;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
position: relative;
}
#home-block-right {
width: 387px;
float: left;
color: #FFFFFF;
}
.home-square-blue { 
width: 147px; height: 131px; 
background-color: #00447c;
padding: 8px 15px 8px 31px;
position: relative;
float: left;
font-size: 0.9em;
}
.home-square-green { 
width: 147px; height: 131px; 
background-color: #00aaa7;
padding: 8px 31px 8px 15px;
position: relative;
float: left;
font-size: 0.9em;
}
.home-block-left a, .home-square-blue a, .home-square-green a {
color: #FFF;
}
.home-block-left a:hover, .home-square-blue a:hover, .home-square-green a:hover {
color: #FFF;
}
.home-square-image { 
width: 193px; height: 147px;
float: left;
}
.home-square-image img {
display: block;
}
.arrow-blue-left {
width: 23px; height: 23px;
background: url(/hlrw_images/template/Arrow_Blue_Left.gif); 
position: absolute;
left: 3px; top: 8px;
}
.arrow-green-right {
width: 23px; height: 23px;
background: url(/hlrw_images/template/Arrow_Green_Right.gif); 
position: absolute;
right: 3px; top: 8px;
}
#kidszone_top { 
width: 387px; height: 52px;
position: absolute;
left: 0px; bottom: 0px;
}
#kidszone_main { width: 775px; height: 146px; clear: both;}
#kidszone_bottom { width: 159px; height: 62px; }
#lotteryblock { 
width: 387px; height: 40px; 
margin: 10px 0 10px 10px;
float: left;
}
#addressblock { 
width: 367px; height: 40px; 
margin: 10px 0;
font-size: 0.7em;
line-height: 13px;
float: left;
}

/* Page Styles */

.pageheader {
background-color: #00aaa7;
color: #FFF;
padding: 10px;
margin-bottom: 15px;
}
.pageheader h1, .pageheader h3 { margin: 0; }
.noticebox {
-webkit-border-radius:10px;
-moz-border-radius:10px;
width: 186px;
margin: 0 0 10px 10px;
padding: 10px;
background-color: #fdce5d;
color: #582617;
}
.noticebox h4 {
font-size: 1.1em;
padding-left: 27px;
margin-bottom: 10px;
background-image: url(/hlrw_images/template/notice.png);
background-repeat: no-repeat;
background-position: 0% 0%;
color: #582617;
}
.noticebox h4 a { color: #582617; }
.noticebox a { color: #582617; }
.sidebox-grey {
width: 191px;
margin-top: 10px;
float: left;
}
.sidebox-grey h4 { background-color: #e5e5e5; padding: 5px; margin-bottom: 8px;}
.sidebox-grey a { text-decoration: none; }
.sidebox-yellow {
-webkit-border-radius:10px;
-moz-border-radius:10px;
width: 175px;
background-color: #fdce5d;
padding: 8px; 
margin: 10px 0;
float: left;
color: #582617;
}
.sidebox-yellow h4 {
font-size: 1.1em;
color: #582617;
padding-left: 27px;
margin-bottom: 10px;
background-image: url(/hlrw_images/template/notice.png);
background-repeat: no-repeat;
background-position: 0% 0%;
}
.sidebox-yellow h4 a { color: #582617; }
.sidebox-yellow a { text-decoration: none; color: #582617; }

/**********************************

Name: cmxform Styles
Author: Nick Rigby 

***********************************/

form.cmxform {
	width: 553px;
	font-size: 1.1em;
	color: #333;
	}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(/hlrw_images/template/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(/hlrw_images/template/cmxform-divider.gif) left bottom repeat-x;
	}

/**********************************

Use: cmxform template
Author: Nick Rigby

***********************************/

form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 150px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 153px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */