html { /*Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,p,blockquote,th,td { 
    margin:0; 
    padding:0; 
    z-index: 1;
}

body {
    padding: 0px;
    margin: 0 ;
    border: 0 ;
    background-color: #222;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: center;
    line-height: 18px;
}
a:link,
a:visited {
    font-weight: bold;
    text-decoration: underline;
    color: #000;
}
a:hover,
a:active {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

p {font-size: 12px; margin-bottom: 18px;}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

hr {margin-bottom: 18px;}
input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

img {border: 0 none;}


/***** Design bits *****/

#lineup {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    xbackground: url(../images/gridover.gif);
    z-index:2;

}

#background {
    width: 700px;
    background-color: #444;
    margin: 0 auto;
    text-align: center;
    padding: 18px;
}

#container {
    background-color: #fff;
    text-align: left;
    border: 1px solid #000;
    width: 700px;
}

#header {
    height: 160px;
    background: url(../images/header-bg.gif) top left repeat-x #fff;
}

#headerLogo {float: left;}

#topMenu {
    width: 160px;
    height: auto;
    float: right;
    background-color: none;
    text-transform: uppercase;
    color: #222;
}

#homeContent {
    padding: 0;
    margin: 0;
    border-top: 1px solid #000;
    clear: both;

}

#homeContent td {
    border-collapse: collapse;
    background-color: transparent;
    line-height: 18px;
    xbackground: url(../images/gridred.gif);
    
}

h5 {
    border-left: 9px solid #036;
    border-bottom: 1px solid #666;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    padding-left: 9px;
    margin: 9px;
}

h6 {
    border-left: 9px solid #F80;
    border-bottom: 1px solid #666;
    text-transform: uppercase;    
    font-size: 12px;
    font-weight: normal;
    padding-left: 9px;    
    margin: 9px;
}

#content {
    clear: both;
    xbackground: url(../images/gridred.gif);
}

#minigen_body {
    margin: 18px;
    xpadding: 18px;
}

#content p {
    margin: 0 18px 18px 18px;
}

#content ul {
    margin: 0 0 18px 36px;
    list-style: normal;
}

#websites a:link,
#intranets a:link,
#websites a:visited,
#intranets a:visited {
    color: #FFF;
    text-decoration: underline;
}


#websites a:hover,
#intranets a:hover,
#websites a:active,
#intranets a:active { 
    color: #FFF;
    text-decoration: none;
}


td#websites {
    background: url(../images/websites-bg.jpg) top left repeat-y;
    width: 350px;
    height: 144px;
    margin: 0;
    xfloat: left;
    vertical-align: center;
    text-align: right;
    padding: 9px 14px;
    color: #FFF;
    font: 12px Verdana, Arial, Helvetica;
    line-height: 18px;
    font-weight: 700;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    overflow: hidden;
}

td#intranets {
    background: url(../images/intranets-bg.jpg) top left repeat-y;
    width: 350px;
    height: 144px;
    margin: 0;
    xfloat: right;
    vertical-align: center;
    text-align: right;
    padding: 9px 14px;
    color: #FFF;
    font: 12px Verdana, Arial, Helvetica;
    line-height: 18px;
    font-weight: 700;
    border-bottom: 1px solid #000;
    overflow: hidden;    
}

#contentWebsites { border-right: 1px solid #000; width: 350px;}
#contentIntranets {width: 349px; }

#ie7andup #websites,
#ie7andup #contentWebsites{width: 350px;}

#ie6only #websites,
#ie6only #contentWebsites{width: 348px;}
#ie7andup #intranets,
#ie7andup #contentIntranets {width: 349px;}

#contentWebsites img {border: 3px solid #F0F0F0;}

#footer {
    height: 17px;
    background-color: #999;
    text-align: center;
    border-top: 1px solid #000;
}

/************* NEWS *************/
div#newsPanel {
    width: 100%;
    margin-bottom: 18px;
}

div#newsPanel h2 {
    border-left: 9px solid #036;
    border-bottom: 1px solid #666;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    padding-left: 9px;
    margin: 9px;
}
div#newsPanel ul {
    list-style: none;
}

div#newsPanel ul li ul {
    margin: 0 9px 0 6px;
    list-style: none;
    text-align: right;
}
div#newsPanel ul li ul li {
    margin-bottom: 18px;
}


.primaryNewsCategoryTitle {}

.newsItemTitle {
    text-align: left;
    position: relative;
    border-left: 9px solid #666;*/
    border-bottom: 1px solid #666;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    padding-left: 9px;
    margin: 9px 9px 9px 9px;
    /*left: 181px;*/
    /*width: 200px;*/
}

.newsItemDate { display: none;}

.newsItemSummary {
    vertical-align: top;
}

.newsItemSummary img {
    margin: 0 9px;
    position: relative;
    /*top: -40px;*/
    width: 169px;
}

.newsItemLink {display: none;}


#newsPanel table {
    border: 0 none;
}
#newsPanel td {
    vertical-align: top;
    padding: 9px 0 0 0;
}

/****** Navs *****/
/* ***********************************************************************************

Convertable Nestled list menu by DUNCAL Productions
© 2007 by Duncan Hill and Alan Gresley
http://

Converts from a verticle menu with flyout submenus or a horizontal menu, with dropdown 
and then flyout submenus with a few changes in style where ****CONVERT**** appears.

*********************************************************************************** */

ul#test{
	font-size: 90%;
	position:absolute;
	left:0;
}
ul#test, 
ul#test ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #238126;
	border-bottom: 0.04em solid #238126;
}
ul#test li { 
	line-height : 1.35em;
	position: relative;
	float: left;
}
ul#test>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#test a {
	display: block;
	width: 9em; /*            ****CHANGE MENU WIDTH**** */
	color: #006600;
	background-color: #b0efbe;
	padding: 4px 0.5em;
	text-decoration: none;
	border-top: 0.04em solid #238126;
	border-right: 1px solid #238126;
}
ul#test a:hover {
	color: #000;
	background-color: #99e1b1;
}

ul#test li li a {
	width: 11em; /*           ****CHANGE SUBMENU WIDTH**** */
}
ul#test li li li a {
	width: 14em; /*           ****CHANGE SUBMENU WIDTH**** */
}
ul#test li li a {
	width: 11em; /*           ****CHANGE SUBMENU WIDTH**** */
}
ul#test li li li a {
	width: 14em; /*           ****CHANGE SUBMENU WIDTH**** */
}

ul#test li ul {
	position : absolute;
	left: -999em;
}
#test li:hover ul ul, 
#test li.iehover ul ul {
	left: -999em;
}

#test li:hover ul, 
#test li li:hover ul, 
#test li.iehover ul,
#test li li.iehover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}

/*					****DISPLAYS HORIZONTAL MENU**** 
#test li:active ul, 
#test li:hover ul, 
#test li.iehover ul {
   	top: 100%;
	margin-left: 0;
}
div#menu {
	width:100%;
}
*/
/*******************************************

*******************************************/
/*
#topMenu ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	list-style-type: none;
	}

#topMenu li {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	}

#topMenu li#navSelected a {
    
}

#topMenu .firstLi {}

#topMenu .lastLi {}

#topMenu a {
	display: block;
	margin:0px;
	padding:0px;
	}

#topMenu a:link {
	color: #222;
	text-decoration:none;
	font-weight:bold;
    margin-left: 10px;  
}

#topMenu a:visited {
	color: #222;
	text-decoration:none;
	font-weight:bold;
    margin-left: 10px;     
}
#topMenu a:hover {*/
/*	color: #222;
	text-decoration:none;
	font-weight:bold;
    border-left: 10px solid #036;
    margin-left: 0;  */
/*}
#topMenu a:active {
	color: #222;
	text-decoration:none;
	font-weight:bold;
    border-left: 10px solid #036;
    margin-left: 0;
}


	
#topMenu li.selected a {
	color: #666666;
	background-color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}
	
#topMenu li.firstli a {
	border-top: solid #CCCCCC 1px;
	}*/


/****************************************************************/   
ul#primary,
ul#primary ul {
    margin:0 ;
    border: 0 none;
    padding: 0px;
    width: 165px; /*For KHTML*/
    list-style: none;
    text-indent: 0;
    font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* this is the root menu */
ul#primary li {
	color: #222;
	text-decoration:none;
    margin-left: 9px;  
    padding: 5px 0;
    width: 160px !important; /*For KHTML/Firefox*/
    width: 165px; /*For IE*/
    list-style: none;
    height: auto !important;
    height: 1%; /*For IE*/
    float: left; /*For IE 7 lack of compliance*/
    display: block !important; /*For GOOD browsers*/
    display: inline; /*For IE*/
    position: relative;
}

ul#primary li li,
ul#primary li li li {
    display: block;
    color: #FFF;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    width: 165px !important;
    width: 170px; /*For IE*/ 
} 
 
ul#primary:after { /*From IE 7 lack of compliance*/
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#primary li:hover,
ul#primary li.iehover {
	color: #222;
	text-decoration:none;
    border-left: 9px solid #036;
    margin-left: 0; 
    cursor: pointer;
}

/* Root Menu - with href*/
ul#primary li a,
ul#primary li li a,
ul#primary li li li a,
ul#primary li li li li a {
	color: #222;
	text-decoration:none;
    padding: 0 3px;
    display: block;
    font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */

ul#primary a:hover,
ul#primary li:hover a,
ul#primary li.iehover a {

}

/* 2nd Menu */

ul#primary li:hover li a,
ul#primary li.iehover li a {

}

/* 2nd Menu Hover Persistence */

ul#primary li:hover li a:hover,
ul#primary li:hover li:hover a,
ul#primary li.iehover li a:hover,
ul#primary li.iehover li.iehover a {
}

/* 3rd Menu 

ul#forms li:hover li:hover li a,
ul#forms li.iehover li.iehover li a {
  background: #EEE;
  color: #001D61;
}*/

/* 3rd Menu Hover Persistence 
ul#forms li:hover li:hover li a:hover,
ul#forms li:hover li:hover li:hover a,
ul#forms li.iehover li.iehover li a:hover,
ul#forms li.iehover li.iehover li.iehover a {
  background: <cfoutput>#barBgColour#</cfoutput>;
  color: #FFF;
}*/

/* 4th Menu 
ul#forms li:hover li:hover li:hover li a,
ul#forms li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #072B61;
}*/

/* 4th Menu Hover 
ul#forms li:hover li:hover li:hover li a:hover,
ul#forms li.iehover li.iehover li.iehover li a:hover {
  background: <cfoutput>#barBgColour#</cfoutput>;
  color: #FFF;
}*/

ul#primary ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #001D61;
}


ul#primary ul ul,
ul#primary ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 165px;
}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#primary li:hover ul ul,
ul#primary li:hover ul ul ul,
ul#primary li.iehover ul ul,
ul#primary li.iehover ul ul ul {
  display: none;
}

ul#primary li:hover ul,
ul#primary ul li:hover ul,
ul#primary ul ul li:hover ul,
ul#primary li.iehover ul,
ul#primary ul li.iehover ul,
ul#primary ul ul li.iehover ul {
  display: block;
}    


/* utility */
#footer {
    font: 9px/18px Verdana, Arial, Helvetica #222;
    text-transform: uppercase;
    padding: 9px;
}

#footer a:link {
	padding-left:4px;
	padding-right:4px;
	color:#222;
	text-decoration:none;
    border-right: 1px solid #666;
}

#footer a:visited {
	color:#222;
	text-decoration:none;
}

#footer a:hover {
	color:#222;
	text-decoration:underline;
}

#footer a:active {
	color:#222;
	text-decoration:none;
}  

ul#utility{
    display: inline;
    list-style-type: none;
}

ul#utility li {
    padding: 0 3px;
    display: inline;

}

/*****/

.primaryNavHeading {
    font-weight: bold;
    padding-left: 9px;
    height: 18px
}
.primaryNavParentCell {
	background-color: #EFF1F3;
	border-color: #7E8D99;
	border-width: 0 1px 1px 0;
	border-style: solid;
}
.primaryNavTable {
    width: 100%;
}
.primaryNavCell  {
	border-color: #EFF1F3;
	border-width: 1px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: hand;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.primaryNavCell a {
    color: black;
    text-decoration: none;
    width: 100%;
    padding-left: 9px;
    padding-right: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
	border-right: #eff1f3 1px solid;
	border-left: #eff1f3 1px solid;
	border-top: #eff1f3 1px solid;
	border-bottom: #eff1f3 1px solid;
}
.primaryNavCell a:hover {
	color: black;
	text-decoration: none;
    background-color: #D2D8DD;
    border : 1px solid #7E8D99;
}
.primaryNavCell a:visited {
	color: black;
	text-decoration: none;
}
.primaryNavCell a:active {
	color: black;
	text-decoration: none;
}
.utilNav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #555555
}
.utilNav a {
    font-weight: bold;
    color: #555555;
    text-decoration: none;
}
.utilNav a:hover {
    font-weight: bold;
    text-decoration: underline;
}
.utilNav a:visited {
    font-weight: bold;
    text-decoration: none;
}
.utilNav a:active {
    font-weight: bold;
    text-decoration: underline;
}

.reflect {
    cursor: pointer;
}