/* ------------------------------------------------------------ */
/* --   master new nav css                                   -- */
/* ------------------------------------------------------------ */
/* -- This stylesheet defines the settings that apply to the -- */
/* -- whole website. e.g. positions, sizes, fonts, etc.      -- */
/* ------------------------------------------------------------ */
/* -- repeat for each section of the site                    -- */
/* ------------------------------------------------------------ */
/* -- version 3.2 - hold copy at root  and newhorizontal     -- */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------ */
/* -- column1,2,3                                      -- */
/* ------------------------------------------------------ */
/* --                                                  -- */
/* -- page_container, container, top_header, header    -- */
/* -- wrapper, content, navigation, sidebar, top_menu  -- */
/* -- banner_advert, sidepanel,                        -- */
/* --                                                  -- */
/* ------------------------------------------------------ */
/* -- primary navigational tabs including              -- */
/* --                                                  -- */
/* -- nav_home_tab       nav_activities_tab            -- */
/* -- nav_goingout_tab   nav_advicesupport_tab         -- */
/* -- nav_services_tab   nav_about_tab                 -- */
/* --                                                  -- */
/* ------------------------------------------------------ */
/* -- primary navigational      including              -- */
/* --                                                  -- */
/* -- nav_home           nav_activities                -- */
/* -- nav_goingout       nav_advicesupport             -- */
/* -- nav_services       nav_about                     -- */
/* --                                                  -- */
/* ------------------------------------------------------ */
/* -- styles applying to headings, paragraphs, forms   -- */
/* --                                                  -- */
/* ------------------------------------------------------ */
/* --                                                  -- */
/* -- tbControls, navlogin, controlpanel, login        -- */
/* -- banner_advert, logo,                             -- */
/* ------------------------------------------------------ */



/* -------------------------------------------------------- */
/* Main page columns */
/* --------------------------------------------------------- */

/* was 65% 2% 33% */
.column1 {
	float: left;
	width: 60%;
}
.column2 {
	float: left;
	width: 2%;
}
.column3 {
	float: left;
	width: 30%;
}

/* --------------------------------------------------------- */
/* Padding around the columns */
/* --------------------------------------------------------- */
.column1 {padding: 1em;}
.column3 {padding: 1em;}


/* --------------------------------------------------------- */
/* Main page */
/* --------------------------------------------------------- */

html, body {
	background: #ffffff;
	text-align: center;
}

#page_container {
	max-width: 1000px;
	min-width: 1000px;
	_width: expression(document.body.clientWidth > 1000?  "1000px" : "auto" );
	zoom: 1;
	position: relative;
	text-align: left;
	margin: 0 auto;
	border: 1px solid #000;
	border-width: 0 1px;
}

/*========================================
Positioning
========================================*/

#container { float: left; width: 100%; }

#top_header{position:relative;}

#header{
position:relative;
}


/*---------------------------*/
/*-- set sidebar margin --*/
/*---------------------------*/

#rightcontent {
  position: relative;
  float: right; 
  right:20px;
  top:200px; 
  width:150px;
  background:#fff;
  border:1px solid #000;
}

#sidebar{
float:right;
width:150px;
margin-left:-160px;
margin-top: 0;
overflow: hidden; 
position: relative;
}

#sidebar_fe{
  position: relative;
  float:right;
  right:20px;
  width:145px;
  overflow: hidden; 
}

#sidebar_em{
float:right;width:13em;margin-left:-13em;margin-top: 0;
overflow: hidden; position: relative;
}


/*-- force footers to clear --*/
#footer{clear:both; }

/*--------------------------------------------------*/
/*-- wider content 800px, min height 600px --*/
/*--------------------------------------------------*/

#content{
	margin: 0 10px 0 10px;
	min-height: 600px;
	width: 800px;
}

#wrapper{float:left;width:100%; overflow: hidden; }

#content_em{margin: 0 13em 0 11em;  min-height: 200px; }


/*-- wider content inner 790px --*/
#content_inner{
 padding:5px;
 margin: 0 auto;
 min-width: 790px;
}

#navigation_em{
float:left;width: 11em;margin-left:-100%;overflow: hidden; position: relative;
}

/*-- wider navigation 800px --*/
#navigation {
float:left;width: 800px;
margin-left:-100%;overflow: hidden; position: relative;
}

/*========================================
Master Colors & Style
========================================*/

#container{
background: #ffffff;
}

#top_header{
background: #ffffff;
}


/* ------------- */
/* top header */
/* ------------- */

div#top_header a:link,
div#top_header a:active,
div#top_header a:visited  {
        color: #ffffff;
       text-decoration: none;
       font-size:12px;
}

div#top_header a:hover {
	color: Black;
	text-decoration: none;
}

/*-- header --*/

div#header{
	background: #ffffff;
	height: 80px;
}

div#wrapper{
background-color: #ffffff;
}

div#content{
  background-color: #ffffff;
  padding: 0.5em;
}

div#navigation{
padding-top: 10px;
}

div#sidebar{
	padding-bottom: 0.5em;
}

/* ----------------------------- */
/* primary navigation menu */
/* ----------------------------- */

.top_menu{
        padding: 1em;
        border: 0px;
        color: #ffffff;
        text-align: center;
        font-size: 120%;
        font-weight: bold;
        text-align: center;
}

.top_menu ul {
	list-style: inside;
	list-style-position: inside;
}

.top_menu  li {
	padding: 0;
	display: inline;
	margin-left: 1em;
}

/*========================================
Additional Elements
========================================*/

#banner_advert {
	position: absolute;
	right: 10px;
	top: 2.3em; /* was 0 then 1.5em */
	width: 468px;
	height: 60px;
	overflow: hidden;
	margin-top: 10px;
}
.logo img {
	margin: 20px 0 0 10px;
	border: 0;
}

/* ------------------  */
/* SidePanel Boxes */
/* ------------------  */

.sidepanel {
	background: #ffffff;
	border: 0px solid #000000; /* take border off */
	width: 140px; /* widened to incorporate the poll : 140 x 140 px */
	margin: 0.2eml
	padding: 0 2px 2px 2px;
	margin-bottom: 0;
}

.sidepanel h3 {
	margin: 0 -5px 5px -5px;
	border-bottom: 1px solid #000000;
	padding: 2px 0 2px 5px;
	font-weight: bold;
	font-size: 100%;
}

.sidepanel li {
	position: relative;
}

.sidepanel a.cal {
	position: relative;
	display: inline;
	font-size: 100%;
}

#sidebar_advert {
	width: 130px;
	overflow: hidden;
	margin: 0.2em;
}


/*---------- */
/* doc msl */
/*---------- */

#doc_msl {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;
	text-align:left;
	}

#docmsl {
	text-align:left;
	width:auto;
	margin: 0.2em;
	min-width: 0;
	}

/*========================================
	Html elements after being reset by yui reset
	(see http://developer.yahoo.com/yui/reset/)
========================================*/
html,body {
margin: 0;
padding: 0;
}

/* ---------------------------------------------------------------------------- */
/* Highlight the width of the cell when the mouse hovers over a nav hyperlink */
/* ---------------------------------------------------------------------------- */

div.highlight {width: 100%;}


/* ---------------------------------------------------------------------------- */
/* Navigation background colors, hyperlink colors, and corner images */
/* ---------------------------------------------------------------------------- */

/* Home Navigation Tab*/

.nav_home_tab {background: url('/stylesheet/Master/tab_home.gif')
0 0 no-repeat  #dc230e; padding: 12px 0px 8px 0px; width: 100%}
.nav_home_tab a:link, .nav_home_tab a:active, .nav_home_tab a:visited {
color: #000000; background-color: transparent; text-decoration: none
}
.nav_home_tab a:hover {
color: #ffffff; background-color: transparent; text-decoration: none
}

/* Activities Navigation Tab */

.nav_activities_tab {background: url('/stylesheet/Master/tab_activities.gif')
0 0 no-repeat  #06b23a; padding: 12px 0px 8px 0px}
.nav_activities_tab a:link, .nav_activities_tab a:active, .nav_activities_tab a:visited {
color: #000000; background-color: transparent; text-decoration: none
}
.nav_activities_tab a:hover {
color: #ffffff; background-color: transparent; text-decoration: none
}

/* Going Out Tab */

.nav_goingout_tab {background: url('/stylesheet/Master/tab_goingout.gif')
0 0 no-repeat  #3366ff; padding:  12px 0px 8px 0px}
.nav_goingout_tab a:link, .nav_goingout_tab a:active, .nav_goingout_tab a:visited {
color: #000000; background-color: transparent; text-decoration: none
}
.nav_goingout_tab a:hover {
color: #ffffff; background-color: transparent; text-decoration: none
}

/* Advice and Support Tab  */

.nav_advicesupport_tab {background: url('/stylesheet/Master/tab_advicesupport.gif')
0 0 no-repeat  #aa55ff; padding:  12px 0px 8px 0px}
.nav_advicesupport_tab a:link, .nav_advicesupport_tab a:active, .nav_advicesupport_tab a:visited {
color: #000000; background-color: transparent; text-decoration: none
}
.nav_advicesupport_tab a:hover {
color: #ffffff; background-color: transparent; text-decoration: none
}

/* Services Navigation Tab */

.nav_services_tab {background: url('/stylesheet/Master/tab_services.gif')
0 0 no-repeat  #f12d79; padding:  12px 0px 8px 0px}
.nav_services_tab a:link, .nav_services_tab a:active, .nav_services_tab a:visited {
color: #000000; background-color: transparent; text-decoration: none
}
.nav_services_tab a:hover {
color: #ffffff; background-color: transparent; text-decoration: none
}

/* About Navigation Tab */

.nav_about_tab {background: url('/stylesheet/Master/tab_about.gif')
0 0 no-repeat  #ff7f55; padding:  12px 0px 8px 0px}
.nav_about_tab a:link, .nav_about_tab a:active, .nav_about_tab a:visited {
color: #000000; background-color: transparent; text-decoration: none
}
.nav_about_tab a:hover {
color: #ffffff; background-color: transparent; text-decoration: none
}

/* ---------------------------------------------------------------------------- */
/* END Navigation background colors, hyperlink colors, and corner images */
/* ---------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------- */
/* Color of bar below top navigation */
/* ---------------------------------------------------------------------------- */

/* ----------------------- */
/* CSS Tabs (navlist main) */
/* ----------------------- */

#navlistm {
        padding: 5px 0;
        margin-left: 0;
        border-bottom: 1px solid #778;
        font: bold 14px Verdana, sans-serif;
}

#navlistm li {
        list-style: none;
        margin: 0;
        display: inline;
}

#navlistm li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #778;
        border-bottom: none;
        background: #DDE;
        text-decoration: none;
}

#navlistm li a:link    { color: #448; }
#navlistm li a:visited { color: #667; }

#navlistm li a:hover {
        color: #000;
        background: #AAE;
        border-color: #227;
}

#navlistm li a#current {
        background: white;
        border-bottom: 1px solid white;
}




./* ---------------------------------------------------------------------------- */
/* Color of bar below top navigation */
/* ---------------------------------------------------------------------------- */


/* --------------------- */
/* -- home navigation -- */
/* --------------------- */
.nav_home                           {
	color: #dc230e;
	background-colour: #fffff;
	width: 100px;
}

.nav_home a                         {
	color: #dc230e;
	background: white none repeat scroll 0 0;
	border-color: #777788 #777788 -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	margin-left: 3px;
	padding: 3px 0.5em;
	text-decoration: none;
	font-size: 130%;
}

.nav_home a:hover {
        color: #ffffff;
        background: #dc230e;
        border-color: #227;
}

.nav_home a.current {
        background: white;
        border-bottom: 1px solid white;
}


/* -------------------------- */
/* -- activities navigation --*/
/* -------------------------- */

.nav_activities                     {
  color: #06b23a;
  background-colour: #fffff;
  width: 125px;
}

.nav_activities a                   {
  color: #06b23a;
   background: white none repeat scroll 0 0;
	border-color: #777788 #777788 -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	margin-left: 3px;
	padding: 3px 0.5em;
	text-decoration: none;
	font-size: 130%;
 }

.nav_activities a:hover {
        color: #ffffff;
        background: #06b23a;
        border-color: #227;
}

.nav_home a.current {
        background: white;
        border-bottom: 1px solid white;
}

/* -------------------------- */
/* -- going out navigation  --*/
/* -------------------------- */

.nav_going_out                      {
  color: #3366ff;
  background-colour: #fffff;
  width: 125px;
}

.nav_going_out a                    {
    color: #3366ff;
    background: white none repeat scroll 0 0;
	border-color: #777788 #777788 -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	margin-left: 3px;
	padding: 3px 0.5em;
	text-decoration: none;
	font-size: 130%;
}

.nav_going_out a:hover {
        color: #ffffff;
        background: #3366ff;
        border-color: #227;
}

.nav_going_out a.current {
        background: white;
        border-bottom: 1px solid white;
}


/* ----------------------------------- */
/* -- advice and support navigation  --*/
/* ----------------------------------- */

.nav_advicesupport                  {
  color: #aa55ff;
  background-colour: #fffff;
  width: 135px;
}

.nav_advicesupport2                  {
  color: #aa55ff;
  background-colour: #fffff;
  width: 135px;
}

.nav_advicesupport a                {
    color: #aa55ff;
    background: white none repeat scroll 0 0;
	border-color: #777788 #777788 -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	margin-left: 3px;
	padding: 3px 0.5em;
	text-decoration: none;
	font-size: 130%;
}

.nav_advicesupport a:hover {
        color: #ffffff;
        background: #aa55ff;
        border-color: #227;
}

.nav_advicesupport a.current {
        background: white;
        border-bottom: 1px solid white;
}


/* ----------------------------------- */
/* -- services           navigation  --*/
/* ----------------------------------- */

.nav_services                       {
  color: #f12d79;
  background-colour: #fffff;
  width: 100px;
}
.nav_services a                     {
  color: #f12d79;
  background: white none repeat scroll 0 0;
	border-color: #777788 #777788 -moz-use-text-color;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	margin-left: 3px;
	padding: 3px 0.5em;
	text-decoration: none;
	font-size: 130%;
}

.nav_services a:hover {
        color: #ffffff;
        background: #f12d79;
        border-color: #227;
}

.nav_services a.current {
        background: white;
        border-bottom: 1px solid white;
}

/* ----------------------------------- */
/* -- about navigation               --*/
/* ----------------------------------- */

.nav_about                          {
  color: #ff7f55;
  background-colour: #fffff;
  width: 110px;
}

.nav_about a
{
  color: #ff7f55;
  background: white none repeat scroll 0 0;
  border-color: #777788 #777788 -moz-use-text-color;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  margin-left: 3px;
  padding: 3px 0.5em;
  text-decoration: none;
  font-size: 130%;
}

.nav_about a:hover {
        color: #ffffff;
        background: #ff7f55;
        border-color: #227;
}

.nav_about a.current {
        background: white;
        border-bottom: 1px solid white;
}

/* ---------------------------------------------------------------------------- */
/* Other colours */
/* ---------------------------------------------------------------------------- */

h1,h2,h3,h4,h5 {
	font-family: tahoma, arial, verdana, sans-serif;
	margin: 0.2em 0;
	font-weight: bold;
	}

/*-- tweak to heading 6 and 7 --*/
h6,h7 {
	font-family: tahoma, arial, verdana, sans-serif;
	margin: 0em 0;
	font-weight: bold;
	}

h1 { font-size: 180%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 100%; }

/*-- tweak to heading 6 and 7 --*/
h6 { font-size: 90%; }
h7 { font-size: 80%; }


/* force removal of underlines on hyperlinks
    to avoid early 90's look */

a:link, a:active {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
}



p {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* verdana */
	padding: 0;
	margin: 0 0 1em 0;
	text-align: left;  /* was justify, changed to left align */
	}

img {
	border: 0;
	}

form {
	margin: 0;
	padding: 0;
	border: 0;
	}

input {
	}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 0;
	padding:2px;
	border: 1px solid #999;
	}

select {
	padding: 0;
	margin: 0;
	font-size: 85%;
	}

ul,li,dl,dt,dd {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* verdana */
	margin: 0;
	padding: 0;
	}

ul {
	list-style: none;
	}

thead {
	display:table-header-group;
}

tbody {
	display:table-row-group;
	}

caption,th {
	text-align:left;
	}


/* ---------------------------------------------------------------------------- */
/* --- noscript                                                                            --- */
/* ---------------------------------------------------------------------------- */

#noscript {
	font-size: 85%;
	display: block;
	padding: 3px 2px 3px 24px;
	color: #c00;
	background: #ffc url(../images/interface/error.gif) no-repeat 4px 4px;
	border: 2px solid #c30;
}
#noscript p {
	margin: 0.1em 0;
}




/*========================================
Toolbar : white background
========================================*/

#tb {
	text-align: left;
	height: 2em;
	background-color: #ffffff;
	color: #000000;
	border-bottom: 1px solid #000000;
	line-height: 2em;
}


/*------------------------- */
/*---- SEARCH BOX ---- */
/*------------------------- */

#search {
	position: absolute;
	right: 3em;
	top: -5px;
	text-align: left;
	height: 2em;
	background-color: #ffffff;
	color: #000000;
	border-bottom: 1px solid #000000;
	line-height: 2em;
}


#tbControls {
	position: absolute;
	right: 17em;
	top: 0;
}
.skiplinks {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.skiplinks li {
	display: inline;
	margin: 0;
	padding: 0;
	}

li.skipnav a {
	font-size: 80%;
	color: #666;
	text-decoration: none;
	padding: 0 1em;
}
li.skipnav a:hover{	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
}
#tbControls ul {
	margin: 0;
	padding: 0;
	}
#tbControls li {
	padding: 0;
	display: inline;
	margin-left: 1em;
}
#tbControls li a {
	text-decoration: none;
	color: Black;
	font-size: 90%;
	line-height: 2.2em;
}
#tbControls li a:hover {
	color: #c00;
	}

/*========================================
Navigation
========================================*/

.nav {
	padding-bottom: 200px;
}
#nav_header {
	display: none;
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	width: 100%;
	}
.nav li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	}
.nav li a, .nav li a:visited {
	display: block;
	text-decoration: none;
	height: 1.3em;
	line-height: 1.3em;
	overflow: hidden;
	padding: 0.1em 0.3em;
	margin: 0;
	border-bottom: 1px solid #000000;
	margin-right: 10px;
	}
.nav ul ul li {
  padding-left: 5px;
}

.nav ul ul li a:link, .nav ul ul li a:active, .nav ul ul li a:visited {
  font-size: 90%;
  padding-left: 15px;
}
.nav ul ul li a:hover {
  font-size: 90%;
  padding-left: 15px;
}

/*========================================
System Contols
========================================*/

div.login input.textbox , .login input.button {
	width: 80%;
	display: block;
}
div.login input.button {
	font-weight: bold;
}
div.login a {
	display: block;
	margin: 0.5em 0 0 0;
	}
div.controlpanel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
div.controlpanel li {
	padding: 0;
	margin: 0;
	height: 1.5em;
	}
div.controlpanel li a {
	line-height: 1.5em;

	}
div.controlpanel li.logout {
	text-align: right;
	padding: 3px;
}
div.controlpanel li.logout a {
	display: inline;
	padding: 3px;
	color: #c00;
}
div.controlpanel li.logout a:hover {
	color: #fff;
	background-color: #c00;
	}
.TextRegion_edit {
	float: right;
	}



/*===================================
Additional Elements
====================================*/

#banner_advert {
	position: absolute;
	right: 10px;
	top: 2em;
	width: 468px;
	height: 60px;
	overflow: hidden;
	margin-top: 10px;
}

.logo {
	padding: 30px;
}

.logo img {
margin-top: 5px;
}


#links ul li {
	list-style: none;
	margin: 0;
	padding; 0;
	text-align: center;
}

#content_inner ul {
list-style-type: disc;
margin: 0 0 0 1em;
padding: auto;
}