/* === === === === === === === === === === ===
http://www.roadtobetterhealth.co.uk STYLESHEET
=== === === === === === === === === === === */

/*=Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
=== === === === === === === === === === === */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,textarea,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	text-decoration: none
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:bold;
}
q:before,q:after{
	content:'';
}
abbr,acronym { border:0;
}
/*=SKIP TO CONTENT
=== === === === === === === === === === */
#skipper {
	height: 15px;
	font-family: Arial, Times, serif;
	font-size:70%;
	text-align: center;
}
#skipper {
	display:block;
	overflow:hidden;
	font-weight:bold;
	text-indent:-600em;
	text-decoration:none;
	background-color:#680779;
}
#skipper:focus, #skipper:hover, #skipper:active {
	text-indent:0.5em;
	color:#fff;
	background-color:#680779;
}
/*=GLOBAL
=== === === === === === === === === === */
body {
	background-attachment: scroll;
	background-image: url(../images/imageBack_repeat.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#680779;
	font-family: Arial, Helvetica, sans-serif;
	color: #450052;
	text-align: center;
}
a {
	outline: none;/* Hides dotted outline in FF links */
	text-decoration:none
}
a:link { color: #006cff}
a:visited { color: #006cff}
a:hover { color: #ff69b3}
a:active { color: #006cff}
#container {
	display: block;
	width:745px;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	margin-top: 0px;
	background-attachment: scroll;
	background-image: url(../images/imageBack_container4.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: left;
}
.spacer {
	clear: both;
}
/*=MASTHEAD
=== === === === === === === === === === */
#masthead a {
	position: relative;
	display: block;
	width:745px;
	height:87px;
	background-attachment: scroll;
	background-image: url(../images/masthead.jpg);
	text-indent:-400em;
}
#mastheadSub {
	width: 745px;
	height:31px;
	background-attachment: scroll;
	background-image: url(../images/masthead2.jpg);
	background-repeat: no-repeat;
	text-indent:-400em;
	background-color:#680779;
}
#mastheadSub_followon {
	width: 745px;
	height:31px;
	background-attachment: scroll;
	background-image: url(../images/masthead3.jpg);
	background-repeat: no-repeat;
	text-indent:-400em;
	background-color:#680779;
}
#mastheadNewsletter {
	width:745px;
	height:38px;
	display: block;
}
#mastheadNewsletter_followonLeft {
	background-attachment: scroll;
	background-image: url(../images/followonNavBackTop.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#mastheadNewsletter_right a {
	display: block;
	width:146px;
	height:38px;
	margin-left: 599px;
	background-attachment: scroll;
	background-image: url(../images/imageBack_newsletter.jpg);
	background-position: right;
	background-repeat: no-repeat;
	text-indent:-200em;
}
/*=INDEX NAVIGATION
=== === === === === === === === === === */
#indexNavigation {
	width:745px;
	height:314px;
	background-attachment: scroll;
	background-image: url(../images/roadSign.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#indexNav_left {
	width: 371px;
	height:274px;
	float: left;
}
#indexNav_right {
	width:371px;
	height:274px;
	margin-left: 371px;
}
#indexNavL_01 {
	width:92px;
	height:52px;
	margin-left:106px;
}
#indexNavL_01Link a {
	display: block;
	width:92px;
	height:52px;
	text-indent:-200em;
}
a.rolloverLink_l1 {
    display: block;
    width: 184px;
    height: 52px;
    background: url("../images/indexNav3_02.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_l1 {
    background-position: -92px 0;
}
#indexNavL_02 {
	width:161px;
	height:77px;
	padding-left:50px;
}
#indexNavL_02Link a {
	display: block;
	width:161px;
	height:77px;
	text-indent:-200em;
}
a.rolloverLink_l2 {
    display: block;
    width: 322px;
    height: 77px;
    background: url("../images/indexNav3_07.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_l2 {
    background-position: -161px 0;
}
#indexNavL_03 {
	width:151px;
	height:53px;
	padding-left:98px;
}
#indexNavL_03Link a {
	display: block;
	width:151px;
	height:53px;
	text-indent:-200em;
}
a.rolloverLink_l3 {
    display: block;
    width: 302px;
    height: 53px;
    background: url("../images/indexNav3_13.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_l3 {
    background-position: -151px 0;
}
#indexNavL_04 {
	width:180px;
	height:48px;
	padding-left:95px;
}
#indexNavL_04Link a {
	display: block;
	width:180px;
	height:48px;
	text-indent:-200em;
}
a.rolloverLink_l4 {
    display: block;
    width: 360px;
    height: 48px;
    background: url("../images/indexNav3_19.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_l4 {
    background-position: -180px 0;
}
#indexNavL_05 {
	width:96px;
	height:44px;
	padding-left:241px;
}
#indexNavL_05Link a {
	display: block;
	width:51px;
	height:44px;
	text-indent:-200em;
}
a.rolloverLink_l5 {
    display: block;
    width: 102px;
    height: 44px;
    background: url("../images/indexNav3_28.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_l5 {
    background-position: -51px 0;
}
#indexNavR_01 {
	width:128px;
	height:52px;
	margin-left:160px;
}
#indexNavR_01Link a {
	display: block;
	width:128px;
	height:52px;
	text-indent:-200em;
}
a.rolloverLink_r1 {
    display: block;
    width: 256px;
    height: 52px;
    background: url("../images/indexNav3_05.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_r1 {
    background-position: -128px 0;
}
#indexNavR_02 {
	width:152px;
	height:77px;
	padding-left:151px;
}
#indexNavR_02Link a {
	display: block;
	width:152px;
	height:77px;
	text-indent:-200em;
}
a.rolloverLink_r2 {
    display: block;
    width: 304px;
    height: 77px;
    background: url("../images/indexNav3_10.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_r2 {
    background-position: -152px 0;
}
#indexNavR_03 {
	width:175px;
	height:53px;
	padding-left:117px;
}
#indexNavR_03Link a {
	display: block;
	width:175px;
	height:53px;
	text-indent:-200em;
}
a.rolloverLink_r3 {
    display: block;
    width: 350px;
    height: 53px;
    background: url("../images/indexNav3_16.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_r3 {
    background-position: -175px 0;
}
#indexNavR_04 {
	width:101px;
	height:48px;
	padding-left:104px;
}
#indexNavR_04Link a {
	display: block;
	width:101px;
	height:48px;
	text-indent:-200em;
}
a.rolloverLink_r4 {
    display: block;
    width: 202px;
    height: 48px;
    background: url("../images/indexNav3_22.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_r4 {
    background-position: -101px 0;
}
#indexNavR_05 {
	width:51px;
	height:44px;
	padding-left:66px;
}
#indexNavR_05Link a {
	display: block;
	width:96px;
	height:44px;
	text-indent:-200em;
}
a.rolloverLink_r5 {
    display: block;
    width: 192px;
    height: 44px;
    background: url("../images/indexNav3_25.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_r5 {
    background-position: -96px 0;
}
#indexNav_11 {
	width:80px;
	height:40px;
	padding-left:333px;
	margin-top:6px;
}
#indexNav_11Link a {
	display: block;
	width:80px;
	height:40px;
	text-indent:-200em;
}
a.rolloverLink_11 {
    display: block;
    width: 160px;
    height: 40px;
    background: url("../images/indexNav_11.gif") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.rolloverLink_11 {
    background-position: -80px 0;
}
/*=INDEX CONTENT
=== === === === === === === === === === */
#indexContent_container {
	width:745px;
	height:175px;
	text-align: center;
}

#indexContent {
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	margin-top: 0px;
	width:745px;
	font-size:85%;
}
/*=FOOTER
=== === === === === === === === === === */
#footer {
	position: relative;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	margin-top: 0px;
	width:730px;
	
	
	text-align: center;
	font-size:70%;
	color: #ffffff;
	font-weight: bold;
}
.whiteLink a:link { color: #ffffff}
.whiteLink a:visited { color: #ffffff}
.whiteLink a:hover { color: #ff90c7}
.whiteLink a:active { color: #ffffff}
#footerText_alignbottom {
	position: relative;
	bottom: 0px;
	padding-bottom:8px;
	padding-top: 25px;
	padding-right:50px;
	padding-left: 50px;
}
/*=COPYRIGHT AND VITAL WEB DESIGN LINK
=== === === === === === === === === === */
#copyright {
	width:100%;
	padding-top: 5px;
	text-align: center;
	font-size:85%;
	color: #ffffff;
}