body,table, tr, td, img { padding:0; margin:0px; border:4px; }
html,body { height:100%; }
table { vertical-align:top; padding:0; border-spacing:0;}
td { vertical-align:top; }

/*** new code **/

body { padding:0px; margin:0px; background:url(../images/bg.jpg) left repeat-y; }
	div { padding:0px; margin:0px; font-family:verdana; font-size:10px; color:#808080; }
	a { color:#ff0000; text-decoration:none;}
	
div#wrapper { height:auto; width:950px; float:left; }
		div#leftbook { height:574px; width:133px; background:url(../images/newleft_bg.jpg); float:left; } /*554*/
		div#mainbook { height:574px; width:782px; float:left; } /*554 782*/
		div#banner { height:186px; width:782px; background:url(../images/homepage_banner.jpg) right top no-repeat; float:left; } /*tokeout #FE0000 afer repeat */
		div#footer { height:20px; width:782px; float:left; color:#cccccc; text-align:center; padding-top:20px; }
		div#topmenu { height:28px; width:752px; float:left; padding-top:5px; background:url(../images/menu_line.gif) 20px 20px repeat-x; }/*was 762*/
		div#navmenu { height:20px; width:652px; float:left; } /*30 45width was 652px 700*/
	
	.tinytext { font-family:Tahoma; font-size:9px; } /* was 70 */
	.textred { color:#ff0000; font-style:verdana; font-weight: normal; }
	.textgrey { color:#cccccc; font-style:verdana; font-weight: normal; }
	
a img {
    border: none;
    }
	
	
	
/* new section */

div#newsregionbackground { width:440px; height:77px; background:url(../images/panelnewsfromregion.jpg) no-repeat; float:left; } /* width was 491 */

div#latestexperiencebackground { width:440px; height:77px; background:url(../images/panelarticles.jpg) no-repeat; float:left; }

div#articlesbackground { width:440px; height:87px; background:url(../images/panellatestexperience.jpg) no-repeat; float:left; }

div#redlittlebook { height:117px; width:270px; background:url(../images/red_our_little_red_book.jpg) no-repeat; float:right; }

div#socialbackground { height:40px; width:270px; background:url(../images/socialbackground.jpg) no-repeat; float:middle; }

div#subnewsletterbackground { height:57px; width:270px; background:url(../images/subscribe_to_our_newsletter.jpg) no-repeat; float:middle; }

div#clickheremapbackground { height:41px; width:270px; background:url(../images/click_here_map.jpg) no-repeat; float:middle; }

div#subscribe { background:url(../images/subscribe_to_our_newsletter.jpg) 0px -41px no-repeat; float:left; overflow: hidden; margin-left:50px; #margin-left:55px; _margin-left:25px;  margin-top:20px; }

/* end new section */

/* tinymce helper */

.heading-grey { font-family: arial; font-size: 14px; color:#808080; font-weight:bold; text-decoration:none; }

.red-font { font-family: arial; font-size: 11px; color:#fa0000; font-weight:bold; text-decoration:none; }	
	
/* other */

.menuarrow { height:30px; background:url(images/menu_arrow.gif) 100% 13px no-repeat; float:left; }

/* new end */
.CMS_newsHeading { font-family: Verdana; font-size: 7pt; color:#0f417f; font-weight:bold; text-decoration:none; padding:0px; padding-bottom:0px; padding-top:0px; margin:0px; } 
.CMS_newsSummaryContent { vertical-align:top; padding-bottom:0px;} /* was 10 */
.CMS_newsThumbnail { float:left; padding-right:10px; padding-bottom:0px; clear:both; } /* was 10 */
.CMS_newsLink { font-weight:bold; cursor:pointer; }
.CMS_articleSamePage { padding-top:2px; }

.formsearchboxcon { margin-bottom:5px; width:95px; height:15px;}
.formsearchbox { font-size:10px; font-family:arial; background:#fff; border:1px solid #596376; height:15px; width:64px;}
.formsearchbut {  font-size:10px; font-family:arial; background:#4982ce; border:1px solid #ffffff; height:19px; background:url(../images/searchbutton.jpg) 0px 0px no-repeat; width:21px; }
.formtextbox { font-size:10px; font-family:arial; background:#fff; border:1px solid #E5D7CC;}

.GridAlternatingItem, .GridItem { font-family:verdana; font-size:9px; }

/* start neccesary menu code and other */

/*********************************************************/
/* Style for Module Toolbar at appears above all modules */
/*********************************************************/
.moduletoolbar {}
	.moduletoolbaricon { padding:4px; border:1px solid transparent; }
	.moduletoolbaricon:hover { padding:4px; background-color:#dff4ff; cursor:hand; border:1px solid #c2e1ef; }

/*********************************************************/
/* Style for Page Toolbar at appears on page */
/*********************************************************/	
.pagetoolbar { }
	.pagetoolbaricon { margin-left:2px; margin-right:2px; padding:2px; border:1px solid transparent; }
	.pagetoolbaricon:hover { margin-left:2px; margin-right:2px; padding:2px; cursor:hand; border:1px solid #c2e1ef; background:#DBE5F1; }

/************************************/
/* Style for TinyMCE HTMLTextModule */
/************************************/
.mceToolbarExternal
{
	position:absolute;
	z-index: 3;
	top: 25px;
	left: 30px;
	width:740px;
	text-align:left;
	float:left;
}

/************************************/
/* Login						    */
/************************************/
.loginFields-container { width:165px; height:60px; }
.loginButton-container { width:165px; text-align:right; }
.txtLogin { border:1px solid #cccccc; font-family:Tahoma; font-size:11px; color:#5A5A5A;}
.btnInput { padding-top: 2px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; border-style: solid; border-width: 1px; border-top-color: #d9dfea; border-left-color: #d9dfea; border-bottom-color: #0e1f5b; border-right-color: #0e1f5b; background-color: #713225; color: #ffffff; font-size: 11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; text-align: center;}

/*** ESSENTIAL STYLES ***/
.top
{
	/*width:50px;*/
	text-align:center;
	font-size:9px !important;
	font-style:verdana;
	font-weight: normal;
}

/*new 


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;

}
.sf-menu {
	line-height:	0px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* 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.5em; /* 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:			10em; /* 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:			10em; /* 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 #fff;*/
	padding: 		.75em 5px;
	text-decoration:none;
	font-family:verdana;
	font-size:9px;
	font-weight:normal;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
}
.sf-menu li {
	/*background:		#fff;*/
	background:none;
}
.sf-menu li li {
	background:		#fff;
	border-bottom:1px solid #ccc;
}
.sf-menu li li li {
	background:		#E0E6F1;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#fff;
	outline:		0;
	color:			#FF0000;
}

.sf-menu li li:hover, .sf-menu li li.sfHover {
	background:		#F5F5F5;
	outline:		0;
	color:			#ff6604;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	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/arrows-ffffff.png') 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 {
	background:	url('../images/shadow.png') no-repeat bottom right;
	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;
}


/*.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	0; /* 0.2*/
/*}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) was 15 */ /*craigpayne*/
/*}
.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.5em; /* match top ul list item height was 2.8*/
/*	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:			10em; /* match ul width was 15.1*/
/*	top:			0em;
}
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:			10em; /* match ul width 15.1em*/
/*	top:			0em;
}

/*** DEMO SKIN ***/
/*.sf-menu {
	float:			left;
	margin-bottom:	0em;
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
/*	padding: 		.75em 1em;
	text-decoration:none;
	font-family: verdana;
	font-size:9px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
/*	color:			#444F51;
}
.sf-menu li {
	background:		transparent; /* was ECECEC: lynette 2010 */
/*}

.sf-menu li li {
	background:		transparent;
	border-bottom:1px solid #ccc;
}
.sf-menu li li li {
	background:		transparent;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		transparent; /* was 000 */
/*	color:			#f50e0e;
	outline:		0;
}

/*** arrows **/
/*.sf-menu a.sf-with-ul {
	padding-right: 	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('arrows-ffffff.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;
}*/


/* end rest of craig's code */

/* end code */

/*div#srchbtn { height:19px; width:21px;}*/

/*body { margin-left:0px; margin-right:0px; background:#e7e8e8; background:url(../images/backdot.jpg) 0px 0px repeat; }
 body,div,a,d,th,p,font,ul,ol,li,caption,span { font-family:verdana; font-size:10px; }/*color:#4e5564;*/

/* Home Page Section - Left Side */
/*#maintable { width:1003px; vertical-align:top; height:100%}
#leftbackdots { width:33px; height:11px; background:url(../images/dotsbackgroundleft.jpg) 0px 0px repeat-y; vertical-align:top; border:1px;}
#rightbackdots { width:36px; height:11px; background:url(../images/dotsbackgroundright.jpg) 0px 0px repeat-y; vertical-align:top; }
#greentopline { width:936px; height:8px; background:url(../images/greentopline.jpg) 0px 0px no-repeat; vertical-align:top; }
#logo { width:210px; height:106px; background:url(../images/arecsalogo.jpg) 0px 0px no-repeat; vertical-align:top; }
#backmenuright { width:19px; height:404px; background:url(../images/menurightback.jpg) 0px 0px no-repeat; vertical-align:top; }
#backcontentright { width:19px; height:404px; background:url(../images/contentrightback.jpg) 0px 0px no-repeat; vertical-align:top; }
#greenbottomline { width:936px; height:6px; background:url(../images/greenbottomline.jpg) 0px 0px no-repeat; vertical-align:top;}

#mainbackimage { width:479px; height:369px; background:url(../images/mainladybackground.jpg) 0px 0px no-repeat; vertical-align:top; }
#greyshade { width:33px; height:404px; background:url(../images/greyshade.jpg) 0px 0px no-repeat; vertical-align:top; text-align:left; }    
#newssection { width:180px; height:100%; vertical-align:top; text-align:left; padding-top:70px;}    
   
#flashtext { width:482px; height:47px; vertical-align:middle; text-align:center; float:center;}    
#searchtext { width:178px; height:22px; vertical-align:right; text-align:center; float:right;}   
.menufont { font-family:Verdana; font-size:13pt; color:#000000; font-weight:normal; text-decoration:none; padding-top:43px; padding-left:17px; text-align:left;}   /*padding-left was 17*/   
/*.copyrightfont { font-family: Verdana; font-size: 7pt; color:#000000; font-weight:normal; text-decoration:none; }


/*Currently not using below*/

/* tinymce helper 
.heading-blue { font-family: Verdana; font-size: 9pt; color:#0f417f; font-weight:bold; text-decoration:none; padding-top:0px;}
.heading-brown { font-family: Verdana; font-size: 9pt; color:#73371d; font-weight:bold; text-decoration:none; }
.heading-green { font-family: Verdana; font-size: 9pt; color:#87b0a7; font-weight:bold; text-decoration:none; }
.heading-grey { font-family: Verdana; font-size: 9pt; color:#b2b1b1; font-weight:bold; text-decoration:none; }
*/



/* tinymce helper */

/*.default-site-format { font-family:verdana; 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:verdana; font-size:10px; color:#000; font-weight:bold;}
.default-site-format { font-family:verdana; font-size:10px; color:#5C5D62; }
.heading-blue { font-family:verdana; font-size:11px; font-weight:normal; color:#393d86; margin-bottom:0px; text-decoration:none; }

.heading-black { font-family: Verdana; font-size: 9pt; color:#000000; font-weight:bold; text-decoration:none; }
.content-black { font-family: Verdana; font-size: 9px; color:#000000; font-weight:normal; text-decoration:none; }


	
/* Giving links brown font below */

/*.default-link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px; font-style: normal; color: #717171; text-decoration: none; background: transparent;} 
.default-link:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px; font-style: normal; color: #717171; text-decoration: none; background: transparent;} 
.default-link:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px; font-style: normal; color: #717171; text-decoration: none; background: transparent;} 
.default-link:active {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px; font-style: normal; color: #717171; text-decoration: none; background: transparent;} 
.default-link:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px; font-style: normal; color: #717171; text-decoration: none; background: transparent;} 

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0f417f;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0f417f;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0f417f;
	text-decoration: underline;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0f417f;
	text-decoration: underline;
}

.copyright-text {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight: bold; color: #717171; text-decoration: none; background: #fff; } 
.copyright-text:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight: bold; color: #717171; text-decoration: none; /*background: transparent;}*/
/*.copyright-text:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight: bold; color: #717171; text-decoration: none; /*background: transparent;} */
/*.copyright-text:active {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight: bold; color: #717171; text-decoration: none; /*background: transparent;} */
/*.copyright-text:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px; font-weight: bold; color: #717171; text-decoration:none; /*background: transparent;} */

/* end commented code */
/* craig's id's below */
/*.clickable { cursor:pointer; }        
.alignright { text-align: right; }
.aligntop { vertical-align:top; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear:both; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }
.underline { text-decoration:underline; }
.noneunderline { text-decoration:none; }


.clear { /* generic container (i.e. div) for floating buttons */
  /*  overflow: hidden;
    width: 100%;
}

/* end craig ids below */

/* rest of craig's code */ /*
a.button {
    background: transparent url('../templates/bg_button_a2.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
 /*   text-decoration: none;
}

a.button span {
    background: transparent url('../templates/bg_button_span2.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
/*}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
/*}

.noborder { border:0px; }*/

/*********************************************************/
/* Style for Module Toolbar at appears above all modules */
/*********************************************************/
/*.moduletoolbar {}
	.moduletoolbaricon { padding:4px; border:1px solid transparent; }
	.moduletoolbaricon:hover { padding:4px; background-color:#dff4ff; cursor:hand; border:1px solid #c2e1ef; }

/*********************************************************/
/* Style for Page Toolbar at appears on page */
/*********************************************************/	
/*.pagetoolbar { }
	.pagetoolbaricon { margin-left:2px; margin-right:2px; padding:2px; border:1px solid transparent; }
	.pagetoolbaricon:hover { margin-left:2px; margin-right:2px; padding:2px; cursor:hand; border:1px solid #c2e1ef; background:#DBE5F1; }

/************************************/
/* Style for TinyMCE HTMLTextModule */
/************************************/
/*.mceToolbarExternal
{
	position:absolute;
	z-index: 3;
	top: 25px;
	left: 30px;
	width:740px;
	text-align:left;
	float:left;
}

/************************************/
/* Login						    */
/************************************/
/*.loginFields-container { width:165px; height:60px; }
.loginButton-container { width:165px; text-align:right; }
.txtLogin { border:1px solid #cccccc; font-family:Tahoma; font-size:11px; color:#5A5A5A;}
.btnInput { padding-top: 2px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; border-style: solid; border-width: 1px; border-top-color: #d9dfea; border-left-color: #d9dfea; border-bottom-color: #0e1f5b; border-right-color: #0e1f5b; background-color: #713225; color: #ffffff; font-size: 11px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; text-align: center;}


/*

.subhead {
	
	margin:	3px;
	padding: 3px;
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	
	
	
}

.subhead a {
	
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

.subhead:link {
	
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}

.subhead:hover {
	
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	
}


.subhead:active {
	
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	
}


.subhead:visited {
	
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
	
	
	
}

.submenu 
{
	margin:			3px;
	padding:		3px;
	list-style:		none;
	

}

.submenu a
{

	font-family:arial;
	font-size:10px;
	font-weight:normal;
	color:#56595E;
	text-decoration:underline;
	

}


.submenu li
{
	margin-left:0px;
	padding-left:12px;	
	background:url(../templates/brownicon.jpg) no-repeat 0% 60%;
	

}

/*** ESSENTIAL STYLES ***/ 

/* .sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}
.sf-menu {
	line-height:	0.9;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			22em; /* left offset of submenus need to match (see below) */
	
/*}
.sf-menu ul li {
	width:			100%;	

	/*border:1px solid red;*/
/*}

.sf-menu li ul {
	border:1px solid #ECECEC;	
	background:#fff;
}

.sf-menu ul li{
	/*border:1px solid red;	*/
		
	
/*}

.mainli
{
	border-top:1px dotted gray;
	padding-top:0px;
	padding-bottom:0px;
}

.top
{
	font-family:Verdana !important;
	font-size:10px !important;
	font-weight:bold;	
}

.sub 
{
	
	font-weight:bold;
		font-family:Verdana !important;
	font-size:10px !important;
	font-weight:bold;	
	color:#670000 !important;
	
	
	}
.subone 
{
	 margin-left:10px;
	padding-left:10px;
}	
	


/*.sf-menu li ul {
	border:1px solid red;
}*/

/*.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:			14em; /* 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:			14em; /* match ul width */
/*	top:			0;
}

/*** DEMO SKIN ***/
/*.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
/*}
.sf-menu a {
/*
	border-top:		1px solid #CFDEFF;*/
/*	padding: 		.95em 1em;
	text-decoration:none;
	font-family: Courier New;
	font-size:11px;
	letter-spacing:1px;
	white-space:nowrap;
	font-weight: normal;
	color:#fff !important;
	border-right:	2px solid #fff;

}

.sf-menu span {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
/*	padding: 		10px;

	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:			#777477;
}
.sf-menu li {
	/*background:		#fff url(necsa_menu.jpg) bottom repeat-x;*/
	
/*}
.sf-menu li li {
	background:#fff;
	/*width:100%;*/
	/*border-bottom:1px solid #E8E8E1;*/
	
/*}

.sf-menu li ul li li {
	border-bottom:1px solid red;
	/*border-bottom:1px solid #E8E8E1;*/
	
/*}

.sf-menu li ul li li 
{
	/*border:1px solid blue;*/
/*}



.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#fff url(necsa_menu_hover.jpg) bottom repeat-x;*/
	/*color:#fff;*/
/*	outline:		0;
	/*background:red;*/
/*}

.subone:hover {
	/*background:		#fff url(necsa_menu_hover.jpg) bottom repeat-x;*/
	/*color:#fff;*/
/*	outline:		0;
	background:#670000;
	color:#fff;
}


.subextra:hover {
	/*background:		#fff url(necsa_menu_hover.jpg) bottom repeat-x;*/
	/*color:#fff;*/
/*	outline:		0;
	background:#670000;
	color:#fff;
}




/*** arrows **/
/*.sf-menu a.sf-with-ul {
	padding-right: 	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(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:	19em;
}

.sf-vertical li li {
	width:	22em;
}



/* 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:	19em; /* match ul width */
/*	top:	0px;
}

.sf-vertical li li:hover ul,
.sf-vertical li li.sfHover ul {
	left:	22em !important; /* match ul width */
/*	top:	0px;
}

.sf-vertical li li li:hover ul,
.sf-vertical li li li.sfHover ul {
	left:	22em !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*/
/*} */


/*a.button { background: transparent url('bg_button_a2.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
   /* text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span2.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
/*}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
/*}

	
/*** 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:			22em; /* 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:			14em; /* 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:			14em; /* 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;
	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:		#fff url(../images/necsa_menu.jpg) bottom repeat-x;
}
.sf-menu li li {
	background:#fff;
	border-bottom:1px solid #E8E8E1;
	
}

.sf-menu li li li {
	background:		#fff;
}

.sf-menu li li li li {
	display:none;
}



.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#fff url(../images/necsa_menu_hover.jpg) bottom repeat-x;
	color:#05B7DE;
	outline:		0;
}

/*** arrows **/
/*.sf-menu a.sf-with-ul {
	padding-right: 	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:	17em;
}

.sf-vertical li li {
	width:	17em;
}



/* 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:	17em; /* match ul width */
/*	top:	0px;
}

.sf-vertical li li:hover ul,
.sf-vertical li li.sfHover ul {
	left:	17em !important; /* match ul width */
/*	top:	0px;
}

.sf-vertical li li li:hover ul,
.sf-vertical li li li.sfHover ul {
	left:	17em !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*/
/*}*/