.off-left {position: absolute; left: -9999px; font-size: 0.2em;}
h1#intro {line-height:175%; font-weight:normal; font-size: 120%;}
.purplebutton {
background-color:#662277;
color:#FFFFFF;
font-weight:bold;
padding-top:1px;
padding-bottom:1px;
width:70px;
font-size:90%;
}
.orangebutton {
background-color:#992200;
color:#FFFFFF;
font-weight:bold;
padding-top:1px;
padding-bottom:1px;
width:70px;
font-size:90%;
}
.greenbutton {
background-color:#006633;
color:#FFFFFF;
font-weight:bold;
padding-top:1px;
padding-bottom:1px;
width:70px;
font-size:90%;
float:left;
}
#recordpanelheaders {
width:750px;
height:33px;
clear:both;
margin-top:10px;
}
#greenrecordheadleft {
float:left;
height:33px;
width:3px;
background-image:url(../images/green_top_left.gif);
}
#greenrecordheadright {
float:left;
height:33px;
width:4px;
background-image:url(../images/green_top_right.gif);
}
#greenrecordhead {
float:left;
background-image:url(../images/green_top_bg.gif);
background-repeat:repeat-x;
padding-top:7px;
margin-bottom:-7px;
height:33px;
text-align:left;
font-weight:bold;
color:#005522;
width:181px;
text-indent:6pt;
}
#purplerecordheadleft {
float:left;
height:33px;
width:3px;
background-image:url(../images/purple_top_left.gif);
}
#purplerecordheadright {
float:left;
height:33px;
width:4px;
background-image:url(../images/purple_top_right.gif);
}
#purplerecordhead {
float:left;
background-image:url(../images/purple_top_bg.gif);
background-repeat:repeat-x;
padding-top:7px;
margin-bottom:-7px;
height:33px;
text-align:left;
font-weight:bold;
color:#330066;
width:181px;
text-indent:6pt;
}
#redrecordheadleft {
float:left;
height:33px;
width:3px;
background-image:url(../images/red_top_left.gif);
}
#redrecordheadright {
float:left;
height:33px;
width:4px;
background-image:url(../images/red_top_right.gif);
}
#redrecordhead {
float:left;
background-image:url(../images/red_top_bg.gif);
background-repeat:repeat-x;
padding-top:7px;
margin-bottom:-7px;
height:33px;
text-align:left;
font-weight:bold;
color:#550033;
width:181px;
text-indent:6pt;
}
#orangerecordheadleft {
float:left;
height:33px;
width:3px;
background-image:url(../images/orange_top_left.gif);
}
#orangerecordheadright {
float:left;
height:33px;
width:3px;
background-image:url(../images/orange_top_right.gif);
}
#orangerecordhead {
float:left;
background-image:url(../images/orange_top_bg.gif);
background-repeat:repeat-x;
padding-top:7px;
margin-bottom:-7px;
height:33px;
text-align:left;
font-weight:bold;
color:#771111;
width:180px;
text-indent:6pt;
}
#recordpanelbodies {
width:750px;
padding-top:0px;
position:relative;
}
.recordindent {
padding-left:10px;
padding-right:10px;
}
#greenrecordbody {
float:left;
background-image:url(../images/green_main_bg.gif);
background-repeat:repeat-y;
text-align:left;
font-weight:bold;
color:#005522;
width:188px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#006633;
padding-bottom:5px;
height:105px;
}
#greenrecordbody a, #greenrecordbody a:link, #greenrecordbody a:active, #greenrecordbody a:visited {
color:#005522;
} 
#purplerecordbody {
float:left;
background-image:url(../images/purple_main_bg.gif);
background-repeat:repeat-y;
text-align:left;
font-weight:bold;
color:#330066;
width:188px;
padding-bottom:5px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#663399;
height:105px;
}
#purplerecordbody a, #purplerecordbody a:link, #purplerecordbody a:active, #purplerecordbody a:visited {
color:#330066;
} 
#redrecordbody {
float:left;
background-image:url(../images/red_main_bg.gif);
background-repeat:repeat-y;
text-align:left;
font-weight:bold;
color:#550033;
width:188px;
padding-bottom:5px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#990066;
height:105px;
}
#redrecordbody a, #redrecordbody a:link, #redrecordbody a:active, #redrecordbody a:visited {
color:#550033;
} 
#orangerecordbody {
float:left;
background-image:url(../images/orange_main_bg.gif);
background-repeat:repeat-y;
text-align:left;
font-weight:bold;
color:#771111;
width:186px;
padding-bottom:5px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FF6600;
height:105px;
}
#orangerecordbody a, #orangerecordbody a:link, #orangerecordbody a:active, #orangerecordbody a:visited {
color:#771111;
}
#features {
width:750px;
clear:both;
padding-top:10px;
}
#featureimage1 {
background-image:url(../images/handwriting.gif);
height:50px;
width:165px;
margin-left:21px;
}
#featureimage2 {
background-image:url(../images/feature2_image.gif);
height:50px;
width:165px;
margin-left:20px;
}
#featureimage3 {
background-image:url(../images/feature3_image.gif);
height:50px;
width:165px;
margin-left:20px;
}
#featureimage4 {
background-image:url(../images/sp_center.jpg);
height:50px;
width:165px;
margin-left:22px;
}
.featurepanel 
{
float:left;
text-align:left;
width:187px;
}
.featurepanel p 
{
padding-left:10px;
margin:0px;
padding-top:2px;
padding-right:5px;
padding-bottom:2px;
color:#000000;
}
.featurepanel a, .featurepanel a:link, .featurepanel a:active, .featurepanel a:visited {
color:#000000;
}
#navigation {
width:750px;
height:23px;
clear:both;
}
#navigation a, #navigation a:link, #navigation a:active, #navigation a:visited {
font-size:110%;
text-decoration:none;
font-weight:bold;
}
#subnavigation {
width:750px;
clear:both;
text-align:center;
padding-top:7px;
}
#subnavigation a, #subnavigation a:link, #subnavigation a:active, #subnavigation a:visited {
text-decoration:none;
font-weight:normal;
color:#660099;
}
#subnavigation a:hover {
text-decoration:underline;
}
#loggedonbar {
width:auto;
clear:both;
text-align:left;
background-color:#0044BB;
padding:3px 10px 5px 10px;
color:#FFFFFF;
margin-top:5px;
}
#loggedonbar a, #loggedonbar a:link, #loggedonbar a:active, #loggedonbar a:visited {
text-decoration:none;
font-weight:normal;
color:#FFFFFF;
}
#loggedonbar a:hover {
text-decoration:underline;
}
#shoppingbar {
width:auto;
clear:both;
text-align:left;
background-color:#CCCCFF;
padding:3px 3px 3px 10px;
color:#000000;
margin-bottom:10px;
}
#shoppingbar a, #shoppingbar a:link, #shoppingbar a:active, #shoppingbar a:visited {
text-decoration:none;
font-weight:normal;
color:#000000;
}
#shopping a:hover {
text-decoration:underline;
}
.navhomeofflh {
float:left;
height:23px;
width:5px;
background-image:url(../images/tabbed_navigation/home_off_left.gif);
}
.navhomeonlh {
float:left;
height:23px;
width:5px;
background-image:url(../images/tabbed_navigation/home_on_left.gif);
}
.navhomeonrh {
float:left;
height:23px;
width:3px;
background-image:url(../images/tabbed_navigation/home_on_right.gif);
}
.navofflh {
float:left;
height:23px;
width:2px;
background-image:url(../images/tabbed_navigation/left_tab_off.gif);
}
.navonlh {
float:left;
height:23px;
width:3px;
background-image:url(../images/tabbed_navigation/left_tab_on.gif);
}
.navoffrh {
float:left;
height:23px;
width:3px;
background-image:url(../images/tabbed_navigation/right_tab_off.gif);
}
.navonrh {
float:left;
height:23px;
width:4px;
background-image:url(../images/tabbed_navigation/right_tab_on.gif);
}
.navfloatbg {
float:left;
height:23px;
background-image:url(../images/tabbed_navigation/tab_off_bg.gif);
background-repeat:repeat-x;
padding-top:5px;
padding-right:11px;
padding-left:11px;
}
.navfloatopen {
float:left;
height:23px;
background-image:url(../images/tabbed_navigation/tab_on_bg.gif);
background-repeat:repeat-x;
padding-top:4px;
text-align:center;
padding-right:11px;
padding-left:11px;
font-size:110%;
font-weight:bold;
}
body {
background-color:#ffffff;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
color:#000000;
font-size:70%;
font-weight:normal;
text-align:center;
line-height:140%;
}
#container {
width:750px;
margin:0px auto;
text-align:left;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.clear {
clear:both;
}
a, a:link, a:active, a:visited {
color:#002277;
}
a:hover {
text-decoration:underline;
}
hr {
color:#0066CC;
height:2px;
}
.hrthin {
color:#0066CC;
height:1px;
display:block;
border:0px;
background-image:url(../images/hr_thin_bg.gif);
background-repeat:repeat-x;
background-position:left center;
padding-top:10px;
}
.intro {
line-height:175%;
font-weight:normal;
}
.error {
color:#FF0000;
}
#logo {
float:left;
width:380px;
height:118px;
background-image:url(../images/scotlandspeople_logo.jpg);
}
#strapline {
float:right;
margin-top:60px;
width:210px;
height:33px;
background-image:url(../images/strapline.gif);
background-repeat:no-repeat;
}
#leftcolumn {
float:left;
width:47%;
text-align:left;
padding-top:10px;
}
#rightcolumn {
float:right;
width:50%;
text-align:left;
padding-top:10px;
}
#searchpanelheader {
color:#FFFFFF;
background-color:#0044BB;
width:330px;
margin-top:10px;
padding-top:4px;
padding-left:6px;
padding-bottom:4px;
}
#searchline {
background-color:#CC99FF;
height:5px;
width:330px;
padding-left:6px;
}
#freesearchpanel {
background-color:#CCCCFF;
width:330px;
height:60px;
padding-top:10px;
padding-bottom:0px;
padding-left:6px;
margin-bottom:5px;
}
#footer {
clear:both;
text-align:center;
color:#555555;
font-size:90%;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {
text-decoration:none;
color:#555555;
}
#footer a:hover {
text-decoration:underline;
}