/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Default Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
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, hr, 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: 1;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	BACKGROUND: url(../images/PageBackground.jpg) #ffffff repeat-x;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


#container {
	MARGIN: 0px auto; 
	WIDTH: 750px;
	BACKGROUND: #ffffff;
}

a			        { color: #da2128;}
a:hover	      { text-decoration: none !important; color: #004b8d;}
a img   	    { border: 0; }
h1	{ font-size: 15px; color:#001b4c; margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */}
h2	{ font-size: 10px; color:#001b4c; margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Header Setup
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
	height: 139px;
	margin: 0px auto;
	width: 715px;
	padding-top:20px;
	padding-bottom:5px;
}

#header img   { float: left; margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */}
#headerright  { float: right; text-align:right; line-height: 15px; margin: 5px 0px 0px 0px; /* Order: top, right, bottom, left */}

#headerright a	{ text-decoration: none; color: #001b4c;}
#headerright a:hover { text-decoration: none !important; color: #c7c4e2;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Footer Setup
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	MARGIN: 0px auto; WIDTH: 700px;
	padding-top:5px;
	padding-bottom:20px;
}

#SRC {
	      width:220px;
	      float:left;
	      FONT-SIZE: 10px;
	      COLOR: #001b4c;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */
}

#SRC img.float-left {
  margin: 0px 5px 0px 5px; /* Order: top, right, bottom, left */
  float: left;
}

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

#footernav UL {
        position: relative;
        FONT-SIZE: 8px;
        margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */
}
#footernav UL LI {
				DISPLAY: inline;
}
#footernav UL LI A {
        PADDING-RIGHT: 5px;
        COLOR: #001b4c;
        TEXT-DECORATION: none;
}
#footernav UL LI A:hover {
        COLOR: #c7c4e2;
        text-decoration: none !important;
}

#copyright {
	clear:both;
	margin: 0px auto;
}

#copyright p{
	color: #001b4c; 
	line-height:8px;
	text-decoration:none; 
	font-size:10px;
	text-align:center;
	padding: 5px 0px 0px 0px; /* Order: top, right, bottom, left */
}

#copyright a:link {
	color: #001b4c;
	text-decoration: none !important; 
}

#copyright a:active { 
	color: #001b4c;
	text-decoration: none !important;
}

#copyright a:visited {
	color: #001b4c;
	text-decoration: none !important;
}

#copyright a:hover {
	color: #c7c4e2;
	text-decoration: none !important;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Rounded Container Setup
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#roundedContainer {
	clear:both; MARGIN: 0px auto; WIDTH: 722px; BACKGROUND: url(../images/leftside.gif) #c7c4e2 repeat-y left top
}
.top {
	WIDTH: 100%; BACKGROUND: url(../images/top.gif) no-repeat left top; HEIGHT: 20px
}
.top SPAN {
	POSITION: relative; DISPLAY: block; BACKGROUND: url(../images/top-right.gif) no-repeat right top; HEIGHT: 20px
}
.center-content {
	POSITION: relative; width:712px; PADDING-BOTTOM: 1px; margin: -1px 0px -15px 0px; /* Order: top, right, bottom, left */ PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: url(../images/rightside.gif) repeat-y right top; PADDING-TOP: 1px
}
.bottom {
	WIDTH: 100%; BACKGROUND: url(../images/bottom.gif) no-repeat left bottom; HEIGHT: 20px;
}
.bottom SPAN {
	POSITION: relative; DISPLAY: block; BACKGROUND: url(../images/bottom-right.gif) no-repeat right top; HEIGHT: 20px;
}
P {
	MARGIN: 0px 0px 1em
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Content Columns
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#containerContent{
	margin: -12px 0px 0px 0px; /* Order: top, right, bottom, left */
} 

#containerContent:after { 
	content:''; 
	display:block; 
	clear:both; 
} 
#left{ 
	width:184px; 
	height:auto; 
	margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */
	float:left;
} 

#right{
	width:523px;
	margin: 0px 5px 0px 0px; /* Order: top, right, bottom, left */
	height:auto; 
	float:right; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Navigation
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
#navigation {width:132px; height:300px; position:relative; margin: 0px 0px 0px 10px; /* Order: top, right, bottom, left */}

#navigation ul {margin:0; padding:0; list-style:none; white-space:nowrap; font-size:13px; text-align:left; padding:1px 1px 0 1px;}

#navigation li {margin:0; padding:0; list-style:none;}
#navigation li {display:inline-block; display:inline;}
#navigation ul ul {position:absolute; left:-9999px; width:173px; background:#c7c4e2; border:solid #aea9d3; border-left:solid #c7c4e2; border-width:1px;}
#navigation ul ul ul {position:absolute; left:-9999px; width:173px; background:#c7c4e2; border:solid #aea9d3; border-left:solid #c7c4e2; border-width:1px;}
#navigation ul#toplevel {position:absolute; left:0; top:0; width:173px;}

#navigation a {display:block; line-height:17px; color: #001b4c; text-decoration:none;padding:0 16px 0 10px;} 

#navigation ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}
#navigation ul li a#current {background: transparent url(../images/navbulleton.gif) left center no-repeat; font-weight: normal; color: #FFFFFF;}

#navigation a:hover ul {left:100%;}
#navigation a:hover ul ul {left:-9999px;}

#navigation li a:hover {color:#fff; text-decoration: none !important;} 
#navigation li:hover > a {background: transparent url(../images/navbulletsel.gif) left center no-repeat; color:#fff;}
#navigation li a.fly {background: transparent url(../images/navbulletoff.gif) left center no-repeat;}
#navigation li:hover > a.fly {background: transparent url(../images/navbulletsel.gif) left center no-repeat; color:#fff;}

#navigation table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  BMI
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
#bmi {POSITION: relative; DISPLAY: block; BACKGROUND: url(../images/bmibox.gif) no-repeat; HEIGHT: 170px; margin: 8px 0px 4px 8px; /* Order: top, right, bottom, left */}   
#bmi h1 {color:#fff; text-align:center; font-size:22px; line-height: 0.7; font-weight:bold; padding: 45px 8px 5px 0px; /* Order: top, right, bottom, left */ margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */}

.bmismall {
	line-height: 1.6;
  font-size: 14px;
}

#bmi h1 a:link{
text-decoration:none;
border:none;
color:#FFFFFF;
outline:none;
}

#bmi h1 a:visited{
text-decoration:none;
border:none;
color:#FFFFFF;
outline:none;
}

#bmi h1 a:hover{
text-decoration:none;
border:none;
color:#001b4c;
outline:none;
}

#bmi h1 a:active{
text-decoration:none;
border:none;
font-weight:normal;
color:#FFFFFF;
outline:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Form
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

input, select, textarea {
margin: 1px 0px 0px 0px; /* Order: top, right, bottom, left */
color: #000000;
margin-left: 0px;
background: #FFFFFF;
font-size: 9px;
border: 1px solid #c7c4e2;
}

.submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 10px; /* font weight of text */
  	padding: 2px 2px 2px 2px; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #001b4c; /* background colour */
  	border: #FFFFFF solid 0.1em; /* border size/colour */
}

td.hhl_tbl_td input{
	FONT-SIZE: 13px;
	font-weight:bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Home Page Content
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#homecontent {margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */ }
#homecontent img {padding: 0px 10px 0px 0px; /* Order: top, right, bottom, left */}

#newsTicker {
height:30px;
margin: -33px 0px 0px 5px; /* Order: top, right, bottom, left */
}

#scrolltext, #tickdiv {
font-size: 12px;
color:#FFFFFF;
border:none;
}

#scrolltext a:link{
text-decoration:none;
border:none;
font-weight:normal;
color:#001b4c;
outline:none;
}

#scrolltext a:visited{
text-decoration:none;
border:none;
font-weight:normal;
color:#001b4c;
outline:none;
}

#scrolltext a:hover{
text-decoration:none;
border:none;
font-weight:normal;
color:#FFFFFF;
outline:none;
}

#scrolltext a:active{
text-decoration:none;
border:none;
font-weight:normal;
color:#001b4c;
outline:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Standard Page Content contenttop.gif
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#standardcontent {margin: 0px 0px 0px 0px; BACKGROUND: url(../images/contenttop.gif) #ffffff no-repeat right top;}
#pagecontent {line-height: 1.3; padding: 10px 10px 10px 10px; /* Order: top, right, bottom, left */}
#pagecontent h1{padding: 0px 0px 10px 0px; font-size: 16px; font-weight:bold; color:#6964ad; margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */}
#pagecontent h3	{ font-size: 14px; color:#918bc3; margin: 0px 0px 5px 0px; /* Order: top, right, bottom, left */}
#pagecontent h4	{ font-size: 12px; font-weight:bold; color:#6964ad; margin: 10px 0px 5px 0px; /* Order: top, right, bottom, left */}
#pagecontent p {text-align:justify;}

#pagecontent a:link{
text-decoration:underline;
border:none;
font-weight:bold;
color:#001b4c;
outline:none;
}

#pagecontent a:visited{
text-decoration:underline;
border:none;
font-weight:bold;
color:#001b4c;
outline:none;
}

#pagecontent a:hover{
text-decoration:underline !important;
border:none;
font-weight:bold;
color:#c7c4e2;
outline:none;
}

#pagecontent a:active{
text-decoration:underline;
border:none;
font-weight:bold;
color:#001b4c;
outline:none;
}

#pagecontent ul {
    	list-style-type: disc;
    	padding: 0px 0px 0px 20px; /* Order: top, right, bottom, left */
			margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */
}

#pagecontent li {
	    font-size: 11px;
      color:#001b4c;
			text-align:justify;
    	padding: 0px 0px 5px 0px; /* Order: top, right, bottom, left */
			margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */
}

#pagecontent li.black {
			font-size: 12px;
	    color:#000000;
			text-align:justify;
}

#pagecontent img {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px; /* Order: top, right, bottom, left */
	border: 2px solid #c7c4e2;
}

#pagecontent img.float-right {
  margin: 0px 0px 0px 7px; /* Order: top, right, bottom, left */
  float: right;
}
#pagecontent img.float-left {
  margin: 0px 7px 5px 0px; /* Order: top, right, bottom, left */
  float: left;
}

#pagecontent hr {
 	border: 0;
	color: #c7c4e2;
	background-color: #c7c4e2;
	height: 1px;
	width: 100%;
}

.pagecontentsmall { 
  font-size: 10px;
}

#contentnav ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#contentnav ul li { display: inline; }

#contentnav ul li a
{
text-decoration: none;
padding: 0px 2px 0px 1px; /* Order: top, right, bottom, left */
color: #001b4c;
}

#contentnav ul li a:hover
{
color: #c7c4e2;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Bottom Boxes
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#col1 {
	float:left;
	BACKGROUND: url(../images/tapmeasure.gif) no-repeat; HEIGHT: 134px;
	width:173px;
	margin: 0px 1px 0px 0px; /* Order: top, right, bottom, left */
}

#col1 p{
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color: #001b4c;
	margin: 37px 0px 0px 0px; /* Order: top, right, bottom, left */
}

#col1 p a:link{
text-decoration:none;
border:none;
color:#001b4c;
outline:none;
}

#col1 p a:visited{
text-decoration:none;
border:none;
color:#001b4c;
outline:none;
}

#col1 p a:hover{
text-decoration:none;
border:none;
color:#FFFFFF;
outline:none;
}

#col1 p a:active{
text-decoration:none;
border:none;
font-weight:normal;
color:#001b4c;
outline:none;
}

#col2 {
	float:left;
	width:174px;
	margin: 10px 1px 0px 0px; /* Order: top, right, bottom, left */
}

#col2 p{
	font-family: impact, Verdana, sans-serif;
	text-align:center;
	font-size:32px;
	color: #a23f97;
	line-height:75%;
	margin: 5px 0px 0px 0px; /* Order: top, right, bottom, left */
}

#col2 p a:link{
text-decoration:none;
border:none;
color:#a23f97;
outline:none;
}

#col2 p a:visited{
text-decoration:none;
border:none;
color:#a23f97;
outline:none;
}

#col2 p a:hover{
text-decoration:none;
border:none;
color:#FFFFFF;
outline:none;
}

#col2 p a:active{
text-decoration:none;
border:none;
font-weight:normal;
color:#a23f97;
outline:none;
}

#col3 {
	float:left;
	BACKGROUND: url(../images/and.gif) no-repeat; HEIGHT: 134px;
	width:173px;
	margin: 0px 1px 0px 0px; /* Order: top, right, bottom, left */
}

.smaller{
	font-size:28px;
	font-weight:normal;
}

.feedback{
	font-size:21px;
	margin: 0px 0px 0px 0px; /* Order: top, right, bottom, left */
	font-weight:normal;
}

.checkdate{
	font-size:21px;
	font-weight:normal;
}

.book121{
	font-size:21px;
	font-weight:normal;
}

#col3 p{
	text-align:center;
	font-size:25px;
	color: #001b4c;
	margin: 28px 0px 0px 15px; /* Order: top, right, bottom, left */
}

#col3 p a:link{
text-decoration:none;
border:none;
color:#001b4c;
outline:none;
}

#col3 p a:visited{
text-decoration:none;
border:none;
color:#001b4c;
outline:none;
}

#col3 p a:hover{
text-decoration:none;
border:none;
color:#FFFFFF;
outline:none;
}

#col3 p a:active{
text-decoration:none;
border:none;
font-weight:normal;
color:#001b4c;
outline:none;
}

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

.hhl_tbl {
	border: #918bc3 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 */
}

.hhl_tbl_bmi {
	border: #918bc3 solid 0.5em; /* border size/colour */
	vertical-align:top;
	width: 500px;
	border-collapse: collapse;
	padding: 0em 0em 0em 0em;
  margin: 0em 0em 1em 0em; /* Order: top, right, bottom, left */
}

.hhl_tbl_noborder {
	border: #FFFFFF solid 1px; /* 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 */
}

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

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

td.career_tbl_td {
	padding: 0em 5px 0em 2px; /* Order: top, right, bottom, left */
	vertical-align:top;
	border: #ecebf5 solid 1px; /* border size/colour */
	FONT-SIZE: 10px;
	text-align:left;
}

th.hhl_tbl_th {
	padding: 0em 5px 0em 0px; /* Order: top, right, bottom, left */
	background-color:#FFFFFF;
	color:#918bc3;
  text-align:left;
	vertical-align:top;
}

td.question_tbl_td {
	padding: 0em 5px 0em 0px; /* Order: top, right, bottom, left */
	vertical-align:middle;
	border-top: #ecebf5 solid 1px;
	FONT-SIZE: 10px;
	text-align:left;
}

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;
}

th.calccmi_tbl_th {
	padding: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
	text-align:left;
	background-color:#6964ad;
	color:#FFFFFF;
}

.bmiinitial { background-color: #FFFFFF; color:#000000; }
.bmihighlight { background-color: #c7c4e2; color:#000000; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Form
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#formfill label {
width: 210px;
float: left;
text-align: left;
margin-right: 0px;
display: block;
color:#6964ad;
FONT-WEIGHT: bold;
}

#formfill input, select, textarea {
margin: 2px 0px 0px 0px; /* Order: top, right, bottom, left */
color: #000000;
margin-left: 0px;
background: #FFFFFF;
font-size: 12px;
border: 1px solid #c7c4e2;
}

#formfill .submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 12px; /* font weight of text */
  	padding: 3px 3px 3px 3px; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #6964ad; /* background colour */
  	border: #000000 solid 0.1em; /* border size/colour */
}
 
#formfill fieldset {
margin: 0.5em 0.5em 0.5em 0em; /* Order: top, right, bottom, left */
border: 0px solid #AE646C;
} 

#formfill .smallfont {
	font-size: 0.80em; /* font weight of text */
}


.question {
	clear: both;
	text-align: left;
	padding: 0px 0px 5px 5px; /* Order: top, right, bottom, left */
}

#questionnairefill {
clear: both;
text-align: left;
margin-right: 0px;
display: block;
color:#001b4c;
FONT-WEIGHT: normal;
}

#questionnairefill h3{
	border-bottom: #918bc3 solid 1px; /* border size/colour */
}

#questionnairefill p {
color:#001b4c;
FONT-WEIGHT: normal;
}

#questionnairefill input, select, textarea {
margin: 2px 0px 0px 0px; /* Order: top, right, bottom, left */
color: #000000;
margin-left: 0px;
background: #FFFFFF;
font-size: 12px;
border: 1px solid #c7c4e2;
}

#questionnairefill .submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 12px; /* font weight of text */
  	padding: 3px 3px 3px 3px; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #6964ad; /* background colour */
  	border: #000000 solid 0.1em; /* border size/colour */
}
 
#questionnairefill fieldset {
margin: 0.5em 0.5em 0.5em 0em; /* Order: top, right, bottom, left */
border: 0px solid #AE646C;
} 

#questionnairefill .smallfont {
	font-size: 0.80em; /* font weight of text */
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Error Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#errorInfo { 
    	margin: 0 auto 0.5em auto; /* Order: top, right, bottom, left */
			font-size:11px;
    	width: 85%;
    	text-align: center;
    	color: #d2232a;
    	border: #d2232a solid 0.08em; /* border size/colour */
}