html, body { margin: 0; padding: 0; font-family:"verdana","tahoma","helvetica","sans-serif"; font-size:11px; color:#333333; }
html, body { height: 100%; }
table { padding:0 0 0 0; margin: 0 0 0 0; text-align:left; vertical-align:top;}
td { vertical-align:top; }
a,a:link,a:visited,a:active { color:#ff7406; text-decoration:underline;}
a:hover { color:#ff7406; text-decoration:underline;}
img { border: 0px; }
hr { width:100%; height:1px; border: none 0; border-top: 1px solid #cccccc; }
h1,h2,h3 { color:#993300; font-weight:bold; font-family:arial; font-size:14px; }
body {background:url(../images/Sassabgnew.jpg) #fff repeat-x; margin-left:auto; margin-right:auto; text-align:center;}
p { text-align: left; }
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.Textbox { width:111px; height:16px; background:url(../images/realsearchtext.jpg) no-repeat; border:0px;}
.Button { width:25px; height:25px; background:url(../images/searchbutton.jpg) no-repeat; border:0px;}
/* */
#srchbtn { width:25px; height:25px; }
#Search { width:116px; height:25px; }
#searchblock { width:160px; height:25px; float:top;}
#menublock { width:160px; height:558px; font-family:arial; font-size:10px; padding-left:5px; background:url(../images/bluemenuback.jpg) no-repeat; vertical-align:top;}
#rightofmenu { width:160px; height:100%; float:right; }
#leftband { width:7px; height:100%; background:url(../images/fullcolourband.jpg) no-repeat; }
#toprow { width:686px; height:108px; background:#ffffff; background:url(../images/fraudbackground.jpg) no-repeat top left; }
.logo { width:116px; height:98px; background:url(../images/sassalogonew.jpg) no-repeat 11px right; float:right;}
.fadedrightback { width:74px; height:4; background-image:url(../images/fadedbluebackground.jpg); background-repeat:repeat-y; }
#backgroundleft { width:76px; height:497px; background:url(../images/leftturqbackground.jpg) no-repeat; vertical-align:left; }
#backgroundright { width:74px; height:497px; background:url(../images/rightturqbackground.jpg) no-repeat; vertical-align:top; }
#maincontentarea { width:431px; height:100%; float:left; font-family:arial; font-size:10px;} /* was 397 last 408*/
/*#leftmiddlecontentblock { width:215px; height:100%; font-family:arial; font-size:10px; vertical-align:top;} /* 204 */
#leftmiddlecontentblock { width:431px; height:100%; font-family:arial; font-size:10px; vertical-align:top;}
/*#rightmiddlecontentblock { width:216px; height:100%; font-family:arial; font-size:10px; vertical-align:top;}*/
#contentdivider { width:26px; height:397px; background:url(../images/contentdivider.jpg) no-repeat;} /* was 27 */
#rightcontent { width:216px; height:100%; font-family:arial; font-weight:bold; font-size:12px; vertical-align:top; padding-left:0px; padding-top:14px; } /*was 210*/
#flash { width:478px; height:63px; float:left;} /*float:338, 58left;*/
.otherback { width:74px; height:100%; background:url(../images/rightback.jpg) repeat-y; }
#bottomsection { width:854px; height:33px; background:url(../images/footer.jpg) no-repeat; vertical-align:top; }
#dividerleft { width:13px; height:10px; background:url(../images/dividerleft.jpg) repeat-y; vertical-align:top; padding-left:0px; }
.CMS_newsHeading { font-family:arial; font-size:10px; font-weight:bold; color:#ff0000; text-decoration:underline; }
a.blacklinks:link, a.blacklinks:active, a.blacklinks:visited, a.blacklinks:hover { font-family:verdana; font-size:10px; color:#000; font-weight:normal; text-decoration:none;}
/*a.links-text:link, a.links-text:active, a.links-text:visited, a.links-text:hover { font-family:arial; font-size:13px; color:#000000; font-weight:bold; text-decoration:underline; }*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* tinymce helper */
/*.default-site-format { font-family:arial; font-size:10px !important; color:#5C5D62; font-weight:normal !important; }*/
a:link.default-site-format,a:active.default-site-format, a:visited.default-site-format, a:hover.default-site-format { font-family:arial; font-size:10px; color:#000; font-weight:bold;}
/*.default-site-format { font-family:verdana; font-size:10px; color:#5C5D62; }*/
.plusbullet { font-family:arial; font-size:10px; font-weight:bold; color:#ff6600; }
.heading-orange { font-family:arial; font-size:10px; font-weight:bold; color:#ff6600; text-decoration:underline; }
.heading-green { font-family:arial; font-size:10px; color:#008c41; font-weight:bold; text-decoration:underline; }
.heading-blue { font-family:arial; font-size:10px; color:#007dc1; font-weight:bold; text-decoration:underline; }
.links-text { font-family:arial; font-size:13px; color:#000000; font-weight:bold; text-decoration:underline; }
.links-textheader { font-family:arial; font-size:15px; color:#ff7e00; font-weight:bold; text-decoration:none; }
a:link.links-text,a:active.links-text, a:visited.links-text, a:hover.links-text { font-family:arial; font-size:13px; color:#000; font-weight:bold;}
.content-black { font-family:arial; font-size: 10px; color:#000000; font-weight:normal; text-decoration:none; }
/*-----------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.1;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.8em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 24em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 24em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
/*border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;*/
padding: .75em 1em; /*.75em 1em */
text-decoration:none;
font-family: verdana;
font-size:10px;
letter-spacing:normal;
white-space:nowrap;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #313131;
}
.sf-menu li {
background: transparent; /*#fff url(../images/necsa_menu.jpg) bottom repeat-x;*/
}
.sf-menu li li {
background:#d7ebf6; /*#fff*/
border-bottom:1px solid #E8E8E1;
}
.sf-menu li li li {
background:#d7ebf6; /*#fff*/
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #d7ebf6 bottom repeat-x; /*/#fff transparent url(../images/necsa_menu_hover.jpg)*/
color:#05B7DE;
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-width-ul {
padding-right: 1.25em; /* was 2.25em */
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url(../images/necsa_bullet_green.gif) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
width: 15em;
}
.sf-vertical li li {
width: 24em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
left: 15em; /* match ul width */
top: 0px;
}
.sf-vertical li li:hover ul,
.sf-vertical li li.sfHover ul {
left: 24em !important; /* match ul width */
top: 0px;
}
.sf-vertical li li li:hover ul,
.sf-vertical li li li.sfHover ul {
left: 24em !important; /* match ul width */
top: 0px;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}