/*-------------------------------

---------------------------------
Default Styles
---------------------------------*/
*{
margin:0px; 
padding:0px;
}

body {
height: 100%;
background-image:url(../images/mainpage_bg.jpg);
background-position:top;
background-repeat:repeat-x;
}

#wrapper{
/*text-align:center;*/
}



#containermain{
width:934px; 
margin:0 auto;
text-align:left;
background-color:#ffffff;
padding:6px 8px 8px 8px;
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;
}

#container{
width:934px; 
margin:0 auto;
text-align:left;
background-color:#ffffff;
padding:6px 8px 8px 8px;
border-top:1px solid #ebebeb;
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;
}

/*-------------------------]-
Header
--------------------------*/
#header-wrapper{
/*text-align:center;*/
margin:0px 0px 8px 0px;
}

#header { 
width:950px; 
margin:0 auto;
text-align:left;
background-color:#000000;
height:129px;
background-image:url(../images/header_bg.jpg);
background-position:top;
background-repeat:repeat-x;
}

#header h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:lighter;
text-decoration:none;
padding:55px 40px 0px 0px;
color:#ffffff;
float:right;
background-image:none;
border:none;
}

/*//---------------------------------
Logo
---------------------------------*/

#logo{
margin:29px 0px 0px 26px;
float:left;
}




/*--------------------------
Nav 
--------------------------*/
#nav-wrapper{
/*text-align:center;*/
height:39px;
padding:0px 0px 10px 0px;
background-image:url(../images/nav_shadow.jpg);
background-position:bottom center;
background-repeat:no-repeat;
}

#nav { 
width:948px; 
margin:0 auto;
text-align:left;
height:39px;
background-color:#fbfcf5;
border:1px solid #ffffff;
background-image:url(../images/nav_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
padding:0px;
}


#nav ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
background-image:url(../images/navdivider.jpg);
background-position:right;
background-repeat:no-repeat;
}

#nav a
{
color: #959595;
text-decoration: none;
display: block;
width: 135px;
padding:11px 0px 10px 0px;
}

#nav li#active { background: url(../images/bg_navon.gif) repeat-x 30px;color: #fff; }
#nav li#active a { background: url(../images/bg_navon.gif) repeat-x 30px;color: #fff; }

#nav a:hover { background: url(../images/bg_navon.gif) repeat-x 30px;color: #ffffff; }

#nav a.navend
{
color: #959595;
text-decoration: none;
display: block;
width: 138px;
padding:11px 0px 10px 0px;

}

#nav a:hover.navend { background: url(../images/bg_navon.gif) repeat-x 30px;color: #ffffff; }



/*--------------------------
Feature Top
--------------------------*/
#feature-wrapper{
/*text-align:center;*/
position:relative;

}

#feature { 
width:934px; 
margin:0 auto;
text-align:left;
background-color:#ffffff;
padding:6px 8px 0px 8px;
border-top:1px solid #ebebeb;
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;

}

#featuretop{
height:236px;
border:1px solid #ebebeb;
background-image:url(../images/featuretop_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
}

#featuretop h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:2.0em;
font-weight:lighter;
text-decoration:none;
color:#959595;
float:right;
padding:25px 16px 0px 0px;
line-height:1.4em;
background-image:none;
border:none;
margin:0px 0px 0px 0px;
}

#featuretop2{
height:252px;
border:1px solid #ebebeb;
background-image:url(../images/featuretop2_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
}

#featuretop2 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:lighter;
text-decoration:none;
color:#ed1c24;
padding:0px 16px 0px 0px;
line-height:1.4em;
background-image:none;
border:none;
display:block;
margin:0px 0px 5px 0px;
}

#featuretop2_textbox{width:460px; margin:38px 0px 0px 45px; float:left;}

#featuretop2_textbox ul{
list-style-type:none;
list-style-position:inside;
margin:0px 0px 0px 0px;}

#featuretop2_textbox li{
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 10px 0px;
font-size:0.8em;
color:#898989;
}

#featuretop2 p{
line-height:1.6em;}

#featuretextcontainer{
width:414px; 
float:left;
}

.red{
color:#ed2129;
}

.grey{
color:#959595;}

#featuretop ul{
list-style-type:disc;
list-style-position:inside;
margin:20px 0px 0px 30px;
}

#featuretop li{
color:#ed2129;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 10px 0px;
font-size:1.0em;
}

#featuretop2 h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:lighter;
text-decoration:none;
color:#ed1c24;
padding:0px 16px 0px 0px;
line-height:1.4em;
background-image:none;
border:none;
display:block;
margin:0px 0px 5px 0px;
}

#featuretop2_textbox{width:460px; margin:38px 0px 0px 45px; float:left;}

#featuretop2_textbox ul{
list-style-type:none;
list-style-position:inside;
margin:0px 0px 0px 0px;}

#featuretop2_textbox li{
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 10px 0px;
font-size:0.8em;
color:#898989;
}

#featuretop2 p{
line-height:1.6em;}

#featuretextcontainer{
width:414px; 
float:left;
}

.red{
color:#ed2129;
}

.grey{
color:#959595;}

#featuretop_aboutyou{width:460px; margin:66px 0px 0px 40px; float:left;}

#featuretop_aboutyou ul{
list-style-type:none;
list-style-position:inside;
margin:0px 0px 0px 0px;}

#featuretop_aboutyou li{
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 10px 0px;
font-size:0.8em;
color:#898989;
}

#featuretop_aboutyou li a:link, #featuretop_aboutyou li a:active, #featuretop_aboutyou li a:visited{
text-decoration:none;
}

#featuretop_aboutyou li a:hover{
text-decoration:underline;
}
/*--------------------------
Feature 2
--------------------------*/

#feature2-wrapper{
/*text-align:center;*/
position:relative;
background: url(../images/bg_main.gif);
background-repeat:repeat-y;
background-position:center top;

}

#feature2 { 
width:934px;
margin:0 auto;
text-align:left;
padding:14px 8px 0px 8px;
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;
}

#feature2container{
background-image:url(../images/feature2_bg.jpg);
background-position:top;
background-repeat:repeat-x;
border:1px solid #ebebeb;
height:134px;
}



/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 186px;
	height: 134px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 10px; /*Set to same as spacing option. */	
}

.kwicks li a:link, .kwicks li a:active, .kwicks li a:visited{
font-weight:bold;
text-decoration:none;
font-size:1.1em;
margin:
}

.kwicks li a:hover{
font-weight:bold;
text-decoration:underline;
font-size:1.1em;}


#kwick_1 {
background:url(../images/kwickbox_1.jpg);
background-repeat:no-repeat;
}
#kwick_2 {
background:url(../images/kwickbox_2.jpg);
background-repeat:no-repeat;
border-left:1px solid #e1e1e1;
}
#kwick_3 {
background:url(../images/kwickbox_3.jpg);
background-repeat:no-repeat;
border-left:1px solid #e1e1e1;
}
#kwick_4 { 
background:url(../images/kwickbox_4.jpg);
background-repeat:no-repeat;
border-left:1px solid #e1e1e1;
}

#kwick_5 { 
background:url(../images/kwickbox_5.jpg);
background-repeat:no-repeat;
border-left:1px solid #e1e1e1;
}


.kwicks.horizontal #kwick_5 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_5 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}

/*--------------------------
Primary Content
--------------------------*/
#primaryContent {
float:left; 
padding: 14px 0px 0px 0px;
width:608px;
margin:0px 0px 20px 0px;
}

#primaryContent ul{
margin:35px 0px 35px 0px;
list-style-position:inside;
list-style-type:disc;}

#primaryContent li{
font-size:0.8em;
color:#ed2129;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 15px 0px;
}

#primaryContent ol{
margin:15px 0px 35px 0px;
list-style-position:inside;}

#primaryContent ol li{
font-size:0.9em;}

.maintextgrey
{
    color: #898989;
    font-size: 12px;
}

.functionalhealthprofilingbox{
border:1px solid #ebebeb;
margin:0px 0px 25px 0px;}


#keyhealthreports{
border:1px solid #ebebeb;
padding:18px 40px 0px 44px;}

#keyhealthreports h5{
font-size:1.0em;
color:#959595;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
margin:20px 0px 0px 0px;
}

#keyhealthreports ul{
margin:15px 0px 35px 0px;
list-style-position:inside;
list-style-type:disc;}

#keyhealthreports li{
font-size:0.8em;
color:#ed2129;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 8px 0px;
list-style-image:url(../images/redtri.gif);
}

#primaryContent ul.greyonlyindent{
margin:15px 0px 15px 20px;
list-style-position:inside;
list-style-type:none;
color:#00FF00;
}


#primaryContentwide {
float:left; 
padding: 14px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:100%;
}

#organisations p{
margin:0px 0px 0px 0px;}

/*--------------------------
Primary Content For Video Pages
--------------------------*/
#primaryContentVideo {
float:left; 
padding: 14px 0px 0px 0px;
width:558px;
margin:0px 0px 20px 0px;
}

#primaryContentVideo ul{
margin:35px 0px 35px 0px;
list-style-position:inside;
list-style-type:disc;}

#primaryContentVideo li{
font-size:0.8em;
color:#ed2129;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 15px 0px;
}

#primaryContentVideo ol{
margin:15px 0px 35px 0px;
list-style-position:inside;}

#primaryContentVideo ol li{
font-size:0.9em;}

/*--------------------------
Secondary Content
--------------------------*/
#secondaryContentVideo{ 
float:left; 
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 50px;
width:325px;
}

/*--------------------------
Secondary Content
--------------------------*/
#secondaryContent{ 
float:left; 
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 50px;
width:275px;
}


#secondaryContent h5{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
display:block;
padding:14px 13px 11px 13px;
margin:0px 0px 8px 0px;
border:1px solid #cd171d;
background-image:url(../images/redboxbg.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#fb333a;}

#secondaryContent h5 a {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
display:block;
color:#ffffff;
text-decoration:none;}

#secondaryContent h5 a:hover{
text-decoration:underline;
}

#secondaryContent p{
color:#707070;
}

/*--------------------------
Misc Elements
--------------------------*/
a.arrow {
background: url(../i/arrow1.gif) no-repeat 0px 6px;
padding-left: 13px;
display: block;
margin-bottom: 30px;
}

a:hover.arrow {
background: url(../i/arrow1.gif) no-repeat 2px 6px;
}

.clear {
clear:both
}

body#index div.hidden {
display: none;}

/*--------------------------
Brand Containers
--------------------------*/
.brandcontainer{
float:left;
margin:0px 0px 25px 0px;}

.brandlogo{
float:left;
margin:0px 51px 0px 21px;
width:220px;}

.brandtext{
float:right;
width:640px;}


/*--------------------------
Footer
--------------------------*/

#footer-wrapper{
/*text-align:center;*/
margin:0px;
padding:0px;
height:90px;
background-image:url(../images/bottomshadow.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

#footer { 
width:950px;
margin:0 auto;
text-align:center;
border-bottom:1px solid #ebebeb;
border-left:1px solid #ebebeb;
border-right:1px solid #ebebeb;
height:67px;
}

#footernavlist
{
list-style-type: none;
margin: 0;
padding: 25px 0px 0px 0px;

}

#footernavlist li 
{
color:#959595;
display:inline;
line-height: 1.1em;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}

#footernavlist li a:link, #footernavlist li a:active, #footernavlist li a:visited
{
border-left: 1px solid #ed1c24;
line-height: 1.1em;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 10px;
display:inline;
color:#959595;
text-decoration:none;
}

#footernavlist li a:hover
{
border-left: 1px solid #ed1c24;
line-height: 1.1em;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 10px;
display:inline;
color:#ed1c24;
text-decoration:none;
}



#samplevideospacer{
margin:45px 0px 0px 0px;}



/*--------------------------
Typography
--------------------------*/
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:normal;
text-decoration:none;
color:#898989;
display:block;
border-bottom:1px solid #e1e1e1;
padding:0px 0px 7px 50px;
background-image:url(../images/spots.gif);
background-position:left top;
background-repeat:no-repeat;
margin:0px 0px 15px 0px;
}


h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:normal;
text-decoration:none;
color:#898989;
display:block;
border-bottom:1px solid #e1e1e1;
padding:0px 0px 7px 50px;
background-image:url(../images/spots.gif);
background-position:left top;
background-repeat:no-repeat;
margin:0px 0px 15px 0px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:normal;
text-decoration:none;
padding:15px 0px 0px 0px;
color:#ed1c24;

}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:normal;
text-decoration:none;
padding:15px 0px 8px 0px;
color:#707070;
}




p {
font-size: 0.8em;
line-height: 1.4em;
text-align:justify;
margin-bottom:1.6em;
color:#898989;
font-family:Arial, Helvetica, sans-serif;
}

.introtext{font-size: 1.0em;
margin:0px 0px 5px 0px;}

a {
text-decoration: underline;
font-weight:normal;
color:#df0100;
}

a:hover {
text-decoration: none;
}




.clear {
clear:both
}


hr {
color:#999999;background-color:#999999;height:1px;border:none;
}



dt {
color:#054ea0;
font-weight:bold;
}
dd {
padding-left:25px;
}
dl {
padding:10px 15px;
}


img.float-right {
margin:5px 0px 10px 10px;
}
img.float-left {
margin:5px 10px 10px 0px;
}

.float-left {
float:left;
}


code {
background:#F8F8F8 none repeat scroll 0%;
border:1px solid #F0F0F0;
display:block;
font-family:'Gill Sans','Courier New',Monospace;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:500;
line-height:1.5em;
margin:3px 0pt;
overflow:auto;
padding:15px;
text-align:left;
}
acronym {
border-bottom:1px dotted #895F30;
cursor:help;
}
blockquote {
background:#F8F8F8 url(../images/quote.gif) no-repeat scroll 12px;
border:1px solid #F0F0F0;
color:#555555;
font-family:Georgia,'Times New Roman',Times,Serif;
font-size:17px;
font-style:italic;
font-weight:normal;
line-height:1.5em;
margin:10px;
padding:10px 10px 10px 32px;
}
table {
border-collapse:collapse;
margin:10px;
}
tr {
background:#FFFFFF none repeat scroll 0%;
}
tr.altrow {
background:#F9F9F9 none repeat scroll 0%;
}
th, td {
text-align:left;
}
th {
background:#CCCCCC none repeat scroll 0%;
border-color:#B7B7B7;
color:#054ea0;
padding:0.8em 1em;
}
td {
border-color:none;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial,sans-serif;
padding-top:10px; padding-bottom:10px;
 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 0px;
  border-style: solid;       /* padding in fieldset support spotty in IE */
  margin: 0;
  color:#838181;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 216px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
	font-size:1.1em;
	color:#959595;
}



form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input{ 
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:385px;
	height:25px;     /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 25px 0px;
	border:1px solid #d7d7d7; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form textarea {
width:385px;
margin:5px 0 20px 0px;
height:250px;
border:1px solid #d7d7d7;}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}



#contactusform form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% arial,sans-serif;
padding-top:10px; padding-bottom:10px;
 
}

#contactusform form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 0px;
  border-style: solid;       /* padding in fieldset support spotty in IE */
  margin: 0;
  color:#838181;
}

#contactusform form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 216px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
	font-size:1.1em;
	color:#959595;
}



#contactusform form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

#contactusform form input{ 
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:385px;
	height:25px;     /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 25px 0px;
	border:1px solid #d7d7d7; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

#contactusform form textarea {
width:385px;
margin:5px 0 20px 0px;
height:250px;
border:1px solid #d7d7d7;}

#contactusform form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

#contactusform textarea { overflow: auto; }

#contactusform form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

#contactusform form .required{font-weight:bold;} /* uses class instead of div, more efficient */

#contactusform form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}