body {
	margin: 0em;
	padding: 0em;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(/staticpages/images/common/pageimages/top_grad.gif) repeat-x top left;
	xWHOLE PAGE;
}

div,form {
	font-size: 100%;
	margin: 0em;
	padding: 0em;
	xEVERYTHING;
}

input,select,form {
	font-size: 100%;
	xFAQ-both;
}

input,select {
	font-size: 95%;
	xFAQ-Q;
}

h1 {
	font-size: 140%;
	margin: 0em;
	padding: 0em;
	xTITLE;
}

h2 {
	font-size: 120%;
	margin: 0.5em;
	padding: 0.5em;
	xHELPBOX;
}

h3 {
	font-size: 100%;
	margin: 0em;
	padding: 0em;

}

.introductory_text {
	font-size: 110%;
}
.smallprint {
	font-size: 80%;
}

.bold {
	font-weight: bold;
}

.accessability {
	background-color:yellow;
	position:absolute;
	left:100px;
	top:100px;
	z-index:1;
	visibility:hidden;
}

#background {
	xALMOST WHOLE PAGE;
}

#container {
	font-size: 100%;
	padding-left:6em;
	width:80em;
	xALMOST WHOLE PAGE;
}

#banner {
	float:left;
	padding: 0em;
	margin: 0em;
	width: 66.4em;
	height: 14.9em;
	xBANNER;
}

#bannerContentLeft {
	height: 10em;
	float: left;
	width: 46.25em;
	margin: 0em;
	padding: 0em;
	cursor: pointer;
	
}

#logo {
	background: url(/staticpages/images/common/pageimages/logo_strapline.gif) no-repeat 20% 70%;
	width:46.25em;
	height:10em;
	margin: 0em;
	padding: 0em;
	cursor: pointer;
}

#topnav {
	float: left;
	font-size: 100%;
	padding: 0em;
	margin:0em;
	xTOPNAV-NAV&GRAD;
}

#topnavContent {
	float: left;
	padding: 0em;
	margin:0em;
	xTOPNAV-NAV&GRAD;
}

.navbutton {
	width:13.3em;
	height:2.7em;
	background: url(/staticpages/images/common/pageimages/topnav_button.gif) no-repeat left;
	float: left;
	font-size: 100%;
	font-family : Arial, Helvetica, sans-serif;
	margin:0em;
	padding: 0em;
	xTOPNAV-BUTTONS;
}

.navbutton_l {
	float: left;
	margin:0em;
	padding: 0em;
	xTOPNAV-BUTTONS;
}

.navbutton_r {
	float: left;
	margin:0em;
	padding: 0em;
	xTOPNAV-BUTTONS;
}

.navbutton_tl {
	float: left;
	margin:0em;
	padding: 0em;
	xTOPNAV-BUTTONS;
}

.navbutton_tr {
	float: left;
	margin:0em;
	padding: 0em;
	xTOPNAV-BUTTONS;
}

.navbuttonContent {
	float: left;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 1.3em;
	padding-right: 1em;
	padding-top: 0.9em;
	padding-bottom: 0.5em;
	xTOPNAV-BUTTONS;
}

.navbuttonContent a {
	color: #000000;
	text-transform:uppercase;
	text-decoration: none;
	xTOPNAV-BUTTONS;
}

.navbuttonContent a:link {
	color: #000000;
	xTOPNAV-BUTTONS;
}

.navbuttonContent a:hover {
	color: #CC0033;
	xTOPNAV-BUTTONS;
}


.navbuttonContentLive {
	color: #CC0033;
	font-size: 90%;
	font-weight: bold;
	padding-left: 1.3em;
	padding-right: 1em;
	padding-top: 0.9em;
	padding-bottom: 0.5em;
	xTOPNAV-BUTTONS;
}

.navbuttonContentLive a {
	color: #CC0033;
	text-transform:uppercase;
	text-decoration: none;
	xTOPNAV-BUTTONS;
}

.navbuttonContentLive a:link {
	color: #CC0033;
	xTOPNAV-BUTTONS;
}

#topnav_bl{
	background: url(/staticpages/images/common/pageimages/topnav_graduation.gif) repeat-x top;
	float: left;
	width:46.25em;
	height:2.2em;
	padding: 0em;
	margin:0em;
	xTOPNAV-BOTTOM GRAD LINE;
}

#bannerContentRight {
	height: 10em;
	float: right;
	width: 20.12em;
}

#memberlogo {
	background: url(/staticpages/images/common/pageimages/members_area_button.gif) no-repeat bottom left;
	width:20.12em;
	height:13.4em;
	_height:14.9em;
	margin-top: 1.6em;
	_margin-top: 0em;
	margin-left: 0em;
	xBANNER-RIGHT;
}	
	
#memberlogoEnd {
	background: url(/staticpages/images/common/pageimages/topnav_graduation_end.gif) no-repeat bottom right;
	height:13.4em;
	_height:14.95em;
	width: 20.5em;
	_width: 20.15em;
	xBANNER-RIGHT;
}	

#joanna {
	background:width:17.8em;
	height:9.89em;
	_height:8.05em;
	margin-top: 0.1em;
	_margin-top: 3.33em;
	margin-left: 1.6em;
	_margin-left: 1.74em;
}

#login {
	float: right;
	font-weight: bold;
	color: #CC0033;
	padding: 1em 2.3em 0em 0em;
	text-decoration: none;
	cursor: pointer;
	xLOGIN;
}	

#containerContent{
	width:66.8em;
	float: left;
	margin-top:0em;
	xMAIN BODY-ALL;
}

#page {
	float: left;
	xMAINBODY;
}

#main {
	float: left;
	background: #ffffff;
	font-size:100%;
	width: 854px;
	_width: /*66.3em;*/ 849px;
	background: #BCE6FB url(/staticpages/images/common/pageimages/leftnav_bottom.gif) repeat-x bottom right;
	xMAINBODY-ALL;
}

#menubar {
	float:left;
	font-size: 80%;
	padding-top:2em;
	padding-left: 0em;
	text-indent : 0.25em;
	width: /*18em;*/ 186px;
	background: #BCE6FB;
	xMENUBAR-TEXT;
}

.txtNavigationLive {
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	font-weight: bold;
	border-bottom: 0em solid #24248A;
	font-size: 110%;
	color: #CC0033;
	text-decoration: none;
	background: url(/staticpages/images/common/pageimages/leftnav_backhighlight.gif) repeat-x bottom;
	xMENUBAR-TEXT;
}

.txtNavigationLive a:hover {
}

.txtNavigationNonLive {
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	font-weight: bold;
	border-bottom: 0em solid #24248A;
	font-size: 110%;
	color: #000000;
	text-decoration: none;
	xMENUBAR-TEXT;
}

.txtNavigationNonLive a:hover {
	color: #CC0033;
	text-decoration: none;
	xMENUBAR-TEXT;
}

.txtSubNavigationLive {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	vertical-align: middle;
	font-weight: normal;
	border-bottom: 0em solid #24248A;
	font-size: 100%;
	color: #CC0033;
	text-decoration: none;
	background: url(/staticpages/images/common/pageimages/leftnav_backhighlight.gif) repeat-x;
}

.txtSubNavigationLive a:hover {
}

.txtSubNavigationNonLive {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	font-weight: normal;
	border-bottom: 0em solid #24248A;
	font-size: 100%;
	color: #000000;
	text-decoration: none;
	xMENUBAR-TEXT;
}

.txtSubNavigationNonLive a:hover {
	color: #CC0033;
	text-decoration: none;
	xMENUBAR-TEXT;
}

#main_t {
	float:left;
	background: #ffffff url(/staticpages/images/common/pageimages/main_t.gif) repeat-x top left;
	xMAINBODY-CENTRE_ALLWHITE;
}

#main_b {
	font-size:100%;
	background: url(/staticpages/images/common/pageimages/main_l.gif) repeat-y;
	float:left;
	width: 668px;;
	_width: /*48.35em;*/ 663px;
	xMAINBODY-CENTRE&RIGHT_ALLWHITE;
}

#main_tl {
	background: url(/staticpages/images/common/pageimages/topleft_corner.gif) no-repeat top left;
	float: left;
	xMAINBODY-CENTRE_ALLWHITE;
}

#mainContent {
	float: left;
	xMAINBODY-CENTRE_ALLWHITE_NOTFOOTER;
}

#mainHeader div.title {
	margin-left: 1em;
	padding-left: 0.5em;
	padding-top: 1.8em;
	padding-bottom: 1em;
	width: 490px;
	xMAINBODY-CENTRE_TITLE;
}

#mainBody {
	float: left;
	xMAINBODY-CENTRETEXT+LEFTWHITESPACE;
}

#pageContent {
	float: left;
	padding-left: 1em;
	xMAINBODY-CENTRETEXT+LEFTWHITESPACE;
}

div.section {
	padding-bottom: 0.5em;
	float: left;
	margin-bottom: 0.5em;
	width: /*36.25em;*/ 490px;
	xMAINBODY-CENTRETEXT_ONLY;
}

div.section a {
	color: #CC0033;
	font-weight: bold;
	text-decoration: underline;
	font-size: 95%;
}

div.section a:hover {
	text-decoration: underline;
}

div.section ul {
	xmargin: 20;
	line-height: 1.2em;
	list-style-image: url(/staticpages/images/common/pageimages/bullet.gif);
}

div.section li {
	padding-right: 1em;
	font-size: 0.8em;
}

div.section .greylink  {
	color: #666666;
	font-size: 80%;
	text-decoration: none;
	font-weight: normal;
	xTEXT IN HIDDEN LINKS IN FOOTER
}

div.section .greylink a {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	xHIDDEN LINKS IN FOOTER
}

div.section .greylink a:link {
	text-decoration: none;
	font-weight: normal;
	xHIDDEN LINKS IN FOOTER
}

div.section .greylink a:hover {
	text-decoration: none;
	font-weight: normal;
	xHIDDEN LINKS IN FOOTER
}

#spacer {
	height: 30em;
	width: 0em;
	xSPACEbetweenCENTRETEXT&RIGHT;
}

#sitelinks{
	float:left;
	padding-left: 0.9em;
}

#sitelinks a{
	color: #CC0033;
	text-decoration:none;
	font-size: 90%;
	font-weight:bold;
	border-left: #666666 0.1em solid;
	padding-left:0.4em;
}

#sitelinksContent {
	background: #EEEEEE;
	height:1.4em;
	font-size: 90%;
	margin-top:1em;
	padding-top:0.4em;
	text-align:center;
	width:490px;
}

#sitelinks #link1{
	border-left: #666666 0em solid;
}

#page_pad {
	font-size:100%;
	float:left;
	width:66.5em;
	xSPACEbetweenFooter1&2;
}

#footer {
	width:66.35em;
	color: #000000;
	background: #ffffff;
}

#footerContent {
	height: 5em;
}

#fsaLegal {
	color: #666666;
	font-size: 80%;
	text-align:center;
	float:left;
	width: 849px;
}

#faqbox {
	position: absolute;
	left: 60.8em;
	top:15.7em;
	width: 11.8em;
	text-align: center;
}

#faqboxContent {
	font-size: 80%;
	float: left;
	width:14.5em;
}

#faqboxContent div.info {
	background-color: #E6F7FF;
	
}

#faqboxInfo_t {background: url(/staticpages/images/common/pageimages/dot.gif) 0 0 repeat-x}
#faqboxInfo_b {background: url(/staticpages/images/common/pageimages/dot.gif) 0 100% repeat-x}
#faqboxInfo_l {background: url(/staticpages/images/common/pageimages/dot.gif) 0 0 repeat-y}
#faqboxInfo_r {background: url(/staticpages/images/common/pageimages/dot.gif) 100% 0 repeat-y}
#faqboxInfo_bl {background: url(/staticpages/images/common/pageimages/faq_bottomleft.gif) 0 100% no-repeat}
#faqboxInfo_br {background: url(/staticpages/images/common/pageimages/faq_bottomright.gif) 100% 100% no-repeat}
#faqboxInfo_tl {background: url(/staticpages/images/common/pageimages/faq_topleft.gif) 0 0 no-repeat}
#faqboxInfo_tr {background: url(/staticpages/images/common/pageimages/faq_topright.gif) 100% 0 no-repeat} 

#faqboxBanner{
}

#faqboxBannerContent{
	padding-left: 0.5em;
	padding-top: 2.2em;
}

#helpboxText {
	padding-left: 0.5em;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	
}
#helpboxText span {
	font-size: 95%;
}

#helpboxTextContent a {
	color: #CC0033;
	font-weight: normal;
	font-size: 95%;
	text-decoration: none;
}

#helpboxTextContent a:hover{
	text-decoration: underline;
}

#helpbox {
	position: absolute;
	xz-index: 10;
	left: 60.8em;
	top:24.2em;
	width:15em;
}

#helpboxContent {
	font-size: 80%;
	float: left;
	width: /*14.5em;*/ 149px;
	padding-top; -5em;
}

#helpboxInfo_t {background: url(/staticpages/images/common/pageimages/dot.gif) 0 0 repeat-x}
#helpboxInfo_b {background: url(/staticpages/images/common/pageimages/dot.gif) 0 100% repeat-x}
#helpboxInfo_l {background: url(/staticpages/images/common/pageimages/dot.gif) 0 0 repeat-y}
#helpboxInfo_r {background: url(/staticpages/images/common/pageimages/dot.gif) 100% 0 repeat-y}
#helpboxInfo_bl {background: url(/staticpages/images/common/pageimages/faq_bottomleft.gif) 0 100% no-repeat}
#helpboxInfo_br {background: url(/staticpages/images/common/pageimages/faq_bottomright.gif) 100% 100% no-repeat}
#helpboxInfo_tl {background: url(/staticpages/images/common/pageimages/faq_topleft.gif) 0 0 no-repeat}
#helpboxInfo_tr {background: url(/staticpages/images/common/pageimages/faq_topright.gif) 100% 0 no-repeat} 

#helpboxContent div.info {
	background-color: #E6F7FF;
	xz-index: 0;
}

#helpboxBanner {
}

#helpboxBannerContent {
}


