/* -----[ Default Styles ]--------------------------------------------------------------------- */

* { margin: 0; padding: 0; }

body {
	color: black;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	background: white url(../images/headerbg.jpg) repeat-x 0 1px;
	min-width: 760px;
}

td, th {
padding: 2px;
}

th {
	background: #DCDCDC;
}

select option {
	padding: 0 0.4em;
}
textarea {
	font-size: 12px;
}
img {
	border: 0;
}
.border { border: solid 1px black }
.noborder { border: none 0px }
ul {
	margin-left: 25px;
}

#sitemap1 {
}

#sitemap2  {
	list-style-type: circle; 
	list-style-position: inside;
}

#sitemap3 { 
	list-style-type: square;
	list-style-position: inside;
	margin-left: 50px;
}

a {
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	color: black;
	text-decoration: none;
}

/* -----[ H tags ]--------------------------------------------------------------------- */

h1  { 
	color: black;
	font: bold 1.4em Arial, Helvetica, sans-serif; 
	padding-bottom: 5px;
}

h2, h3, h4, h5, h6  { 
	color: black;
	font: bold 1.2em Arial, Helvetica, sans-serif; 
	padding-bottom: 5px;
}

/* -----[ Layout ]--------------------------------------------------------------------- */

#wrapper {
	background: url(../images/bodybg.jpg) repeat-x;
}
#container {
	width: 100%;
	float: right;
	margin-left: -230px;
}
#content  { margin: 20px 10px 10px 200px;}
#sidebar  { background-color: #fff; float: left; margin: 0px 0px 0px 4px; width: 180px }
* html #sidebar {/* IE patch */
	margin-left: 4px;
}
.clearing {
	height: 0;
	clear: both;
}

.randomimage { 
	float: left; 
	margin-right: 10px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.addresscolumn {
	width: 30%;
	display: block;
	margin-right: 12px;
	float: left; 
}


/* -----[ Header ]--------------------------------------------------------------------- */

#header {
	height: 157px;
	background: url(../images/neonlogo.gif) no-repeat 6px 6px;
}
#header img {
	float: right;
}

/* -----[ Footer ]--------------------------------------------------------------------- */

#footer {
	color: white; 
	font-weight: bold; 
	background-color: #27278F; 
	margin-top: 25px; 
}
#footer p {
	padding: 8px;
}
#footer a {
	color: white; 
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/* -----[ Navigation ]--------------------------------------------------------------------- */

#nav  { font-weight: bold; background-color: #27278F; list-style-type: none; margin: 0px; padding: 0px; width: 180px }
#ul nav { margin: 0px; padding: 0px }
#nav li    { text-decoration: none; background-color: #27278F; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #4A4AA1; width: auto; height: auto }
#nav li a      { color: white; text-decoration: none; text-align: left; list-style-type: none; margin: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 12px; width: auto; height: auto; display: block }
#nav li a:hover   { text-decoration: none; background-color: #4A4AA1; list-style-type: none }
#subnav  { font-weight: normal; text-decoration: none; background-color: #4A4AA1; text-align: left; list-style-type: none; margin: 0px; padding: 0px }
#subnav li  { color: #fff; text-decoration: none; background-color: #4A4AA1; list-style-type: none; margin: 0px; border-bottom: 1px solid #27278F; display: block }
#subnav li a  { color: white; text-decoration: none; list-style-type: none; margin: 0px; padding-left: 24px; height: auto; display: block }
#subnav li a:hover  { color: white; text-decoration: none; background-color: #27278F; list-style-type: none; margin: 0px }

#subsubnav  { font-weight: normal; text-decoration: none; background-color: white; text-align: left; list-style-type: none; margin: 0px; padding: 0px }
#subsubnav li  { color: black; text-decoration: none; background-color: white; list-style-type: none; margin: 0px; border-bottom: 1px solid #27278F; display: block }
#subsubnav li a  { color: black; text-decoration: none; list-style-type: none; margin: 0px; padding-left: 36px; height: auto; display: block }
#subsubnav li a:hover  { color: white; text-decoration: none; background-color: #4A4AA1; list-style-type: none; margin: 0px }


/* -----[ Right Column ]--------------------------------------------------------------------- */

#right {
	float: right;
	width: 200px;
	margin: 0 10px 0 20px;
}

#right2 {
	float: right;
	width: 320px;
	margin: 0 10px 0 20px;
}

#pp { font-weight: bold; float: left; width: 80px; background: url(../images/ppsmall.gif) no-repeat right; margin: 10px 10px 0px 0px; }
#pp a { text-decoration: none; }
#pp a:hover { text-decoration: underline; }

#search,
#aboutaccessibility a,
#hotspotsbox,
#newsbox,
#registerbox {
	margin: 3px 0;
}

#newsbox h2 {
  font-size:24px !important;
}

#search {
	margin-bottom: 20px;
	color: white;
	font-weight: bold;
}


/* -----[ Accessibility ]--------------------------------------------------------------------- */

#aboutaccessibility {
	display: inline;
}
#aboutaccessibility a {
	color: white; 
	font-weight: bold; 
	background: #27278F url(../images/smallNEONlogo.gif) no-repeat 10px 10px; 
	padding: 20px 5px 17px 47px;
	text-decoration: none;
	display: block;
}
#aboutaccessibility a:hover {
	background-color: #4A4AA1;
}

#printpage {
	display: inline;
	margin-top: 5px;
}
#printpage a {
	color: white; 
	font-weight: bold; 
	background: #27278F url(../images/printlogo.gif) no-repeat 155px 6px; 
	padding: 20px 5px 17px 12px;
	text-decoration: none;
	display: block;
}
#printpage a:hover {
	background-color: #4A4AA1;
}

#printpage2 {
	display: inline;
	margin-top: 5px;
}
#printpage2 a {
	color: white; 
	font-weight: bold; 
	background: #27278F url(../images/printlogo.gif) no-repeat 136px 6px; 
	padding: 20px 5px 17px 12px;
	text-decoration: none;
	display: block;
}
#printpage2 a:hover {
	background-color: #4A4AA1;
}

/* -----[ Box Elements ]--------------------------------------------------------------------- */

#hotspotsbox,
#newsbox,
#registerbox {
	background-color: #d9d9d9;
}
#hotspotsbox strong,#registerbox h2 {
	color: white;
	font-weight: bold;
	font-size: 100%;
	background-color: black;
	border-bottom: 3px solid white;
	margin: 0;
	padding: 2px 8px;
}
#newsbox h2 { color: white; font-weight: bold; font-size: 100%; background-color: #27278F; margin: 0; padding: 2px 8px; border-bottom: 3px solid white }
#hotspotsbox strong {
	display: block;
}
#hotspotsbox p,
#newsbox p,
#registerbox p,
#registerbox form {
	padding: 2px 8px 10px;
}
#registerbox label,
#search label {
	display: none;
	visibility: hidden;
}
#hotspotsbox span, #hotspotsbox a,
#newsbox span, #newsbox a,
#registerbox span, #registerbox a {
	color: black;
	font-weight: bold;
}


/* -----[ Form Inputs ]--------------------------------------------------------------------- */

.input,
.inputsearch {
	color: black;
	font-weight: normal;
	background-color: white;
	margin: 3px 0;
	padding-left: 5px; border: 0; 
	border-right: 1px solid #979797; 
	border-bottom: 1px solid #979797;
}
.inputsearch { 
	margin: 0;
}
.submitbutton { 
	color: white; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #27278F; 
	margin-top: 3px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: #4A4AA1 #000 #000 #4A4AA1; 
}
.colourcode { color: #b30a0a }

.pollheader { margin-top: 5px }



.pollsubmitbutton {
	color: white;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #27278F;
	margin-top: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #4A4AA1 #000 #000 #4A4AA1; 
	text-align: left;
	padding-left: 2px;
	padding-right: 2px;
}

#pollresults {
  width:89%;
  border:1px solid #555555;
  background:#F9F9F9;
  margin:0 0 10px 0;
  padding:10px;
  color:#555555;
}

.numvotes {
  font-size:11px;
}

.pollresult1 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult2 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult3 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult4 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult5 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult6 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult7 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult8 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult9 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresult10 { height:13px; background:url(../images/bar.jpg) repeat-x 0% 0% }
.pollresultoutline { border:1px solid #555555; }
.pollresults { /*width:30%;*/ margin:10px 0 0 0; }
.pollheader  { color: white; font-weight: bold; background-color: #27278F; margin-top: 3px; margin-bottom: 3px; padding: 10px }
.pollbox { background-color: #d9d9d9; padding: 10px;}
#space { clear: both; height: 1px }
#space2 { clear: both; height: 10px }

/* resources styles */
#resources {float: left; width: 100%}

#resources p {padding: 10px 0 10px 0}

#resources ul {margin-left: 17px; padding : 0}

#searchbox {float: right; width: 220px; border: 1px solid #9A9AC0; margin: 0px 34px 10px 10px; padding: 5px }

*html #searchbox {float: right; width: 220px; border: 1px solid #9A9AC0; margin: 0px 14px 10px 10px; padding: 5px }
>>>>>>> 1.12

//* -----[ News Listing Elements ]--------------------------------------------------------------------- */

.nholder {
  width:100%;
  margin:0px 50px 10px 0px;
  padding:0px;
}

.title {
  background:#0000FE;
  font-weight:bold;
  color:#FFFFFF;
  font-size:1.0em;
  padding:5px;
  text-indent:13px;
}

.title a {color:#FFFFFF;}
.title a:hover {color:#FFFFFF;}

.summary {
  margin-top:3px;
  padding:10px;
  background:#F3F3F3;
  color:#000000;
}

/* reports styles */
.inputbox {
	
}

.inputbox {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	color: #000000;
	font-weight: normal;
	background-color: white;
  padding-left: 5px; 
  border: 0; 
	border: 1px solid #979797; 
	width:150px;
}

.reports label {
	text-align: right;
}

label {width: 150px}
label.wide{width: 150px;text-align: left}

.reports table td {vertical-align: top}

.reports .required {color: #FF0000; font-weight: bold; font-size: 12px}
.reports h1 {margin:10px 0 10px 0}
.reports h3 {margin:10px 0 5px 0}
.reports .legend {float: left; margin-top: 20px}

.reports .wp {border-top: solid 1px #000000; border-right: solid 1px #000000;}
.reports .wp td {border-left: solid 1px #000000; border-bottom: solid 1px #000000;}
#flashcontent {margin-top:20px}

#slides {
  width:196px;
  height:224px;
  margin:0px;
  padding:0px;
}

#portfolio {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#portfolio li {
  margin:0px;
  padding:0px;
}

/* Custom Nav */
#customNavDiv {
  position:relative;
  width:990px;
}

#customNav {
  position:relative;
  margin:0px;
  padding:0px;
  list-style-type:none;
  behavior: url(../web/PIE.htc);
}

#customNav li {
  float:left;
  margin:0 0 2px 0;
  padding:0px;
  z-index:900 !important;
  display:block;
}

#customNav li a {
  position:relative;
  float:left;
  width:auto;
  margin:0 1px 0 0;
  padding:8px 20px 9px 20px;
  color:#919191;
  font-weight:bold;
  text-decoration:none;
  text-indent:-3px;
  background:url(../images/design/leftcurve.jpg) no-repeat 0% 0%;
  z-index:900 !important;
  behavior: url(../web/PIE.htc);
}

#customNav li a:hover {
  position:relative;
  width:auto;
  margin:0 1px 0 0;
  padding:8px 20px 9px 20px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  background:url(../images/design/leftcurve.jpg) no-repeat 0% 100%;
  z-index:900 !important;
  behavior: url(../web/PIE.htc);
}

#customNav li div {
  position:absolute;
  top:0px;
  right:0px;
  width:20px;
  height:32px;
  background:url(../images/design/rightcurve.jpg) no-repeat 0% 0%;
  z-index:900 !important;
  behavior: url(../web/PIE.htc);
} 

#customNav li a:hover div{
  position:absolute;
  top:0px;
  right:0px;
  width:20px;
  height:32px;
  background:url(../images/design/rightcurve.jpg) no-repeat 0% 100% !important;
  z-index:900 !important;
  behavior: url(../web/PIE.htc);
}

#customNav li ul.customsubnav {  
  position: absolute !important; /*--Important - Keeps subnav from affecting main navigation flow--*/  
  /*top: 33px;*/
  /*left: 4px; */
  width: 180px;
  margin:26px 0 0 4px;
  #margin:26px 0 0 -120px;
  padding: 0px;  
  list-style: none;
  border:4px solid #AAA;
  display: none;
  z-index:995 !important;
  behavior: url(../web/PIE.htc);
}  

#customNav li ul.customsubnav li{
  position:relative;
  margin:0px;
  padding:0px;  
  clear: both;
  z-index:995 !important;
  behavior: url(../web/PIE.htc);
 }  

#customNav li ul.customsubnav li a {  
  position:relative;
  float: left;  
  width: 158px;  
  margin:0px !important;
  padding:6px 10px 6px 10px;
  color:#919191;
  font-weight:normal !important;
  border:1px solid #C2C2C2;
  border-top:0px;
  background:#DADADA !important;
  z-index:995 !important;
  display:block !important;
  behavior: url(../web/PIE.htc);
}  

#customNav li ul.customsubnav li a:hover { /*--Hover effect for subnav links--*/  
  position:relative;
  width: 158px;  
  margin:0px !important;
  padding:6px 10px 6px 10px;
  color:#FFFFFF !important;
  background:#26A2DE !important;
  text-decoration:none !important;
  z-index:2048 !important;
  display:block !important;
  behavior: url(../web/PIE.htc);
}

/* A to Z Nav */
#azNavDiv {
  position:relative;
  width:990px;
}

#azNav {
  position:relative;
  margin:0px;
  padding:0px;
  list-style-type:none;
}

#azNav li {
  position:relative;
  float:left;
  margin:0 0 2px 0;
  padding:0px;
  z-index:900 !important;
  display:block;
}

#azNav li a {
  position:relative;
  float:left;
  width:115px;
  height:32px;
  margin:0 1px 0 0;
  padding:0px;
  color:#919191;
  cursor:pointer;
  text-decoration:none;
  z-index:900 !important;
}

#azNav li a:hover {
  position:relative;
  width:115px;
  margin:0 1px 0 0;
  padding:0px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
  z-index:900 !important;
}

ul#azNav li:hover a, ul#azNav li a:hover { background-position: left bottom; } /*--Hover State--*/

.azItem1{background: url(../images/design/abc.jpg) no-repeat}
.azItem2 {background: url(../images/design/def.jpg) no-repeat}
.azItem3 {background: url(../images/design/ghi.jpg) no-repeat}
.azItem4 {background: url(../images/design/jkl.jpg) no-repeat}
.azItem5 {background: url(../images/design/mno.jpg) no-repeat}
.azItem6 {background: url(../images/design/pqr.jpg) no-repeat}
.azItem7 {background: url(../images/design/stuv.jpg) no-repeat}
.azItem8 {background: url(../images/design/wxyz.jpg) no-repeat}


/* Mega Dropdown */
ul#azNav li .sub {
	position: absolute; /*--Important--*/
	top: 33px; left: 0;
	float: left;
	z-index: 99999;
	background:#2B2B2B; /*--Background gradient--*/
	padding: 10px 1px 10px 10px;
	display: none; /*--Hidden for those with js turned off--*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow:#666 0px 2px 3px;
  -moz-box-shadow:#666 0px 2px 3px;
  box-shadow:#666 0px 2px 3px;
  behavior: url(PIE.php);
}
ul#azNav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

ul#azNav li .sub #equal {
	float: left;
	margin:0 4px 0 0; 
	padding:0 4px 0 0;
	display:block;
	background:url(../images/design/vdivider.png) repeat-y 100% 0%;
}

ul#azNav .sub #equal h2 { /*--Sub nav heading style--*/
	margin:0;
	padding:0 0 0 5px; 
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

ul#azNav li .sub ul{
	list-style: none;
	margin:0px; 
	padding:0px;
	width: 176px;
}
ul#azNav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	border-bottom:1px solid #CCCCCC;
}

ul#azNav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	color: #FFFFFF;
}
ul#azNav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 5px 5px 5px 5px;
	display: block;
	text-decoration: none;
	color:#FFFFFF;
	font-size:11px !important;
  font-family: Tahoma, Arial, Helvetica, sans-serif !important;
}
ul#azNav .sub ul li a:hover {
	color: #F3008B;
	font-weight:normal;
}

/* End A-Z Nav */

.nothing {
  margin:0px;
  padding:0px;
  clear:both;
}
/* End Custom Nav */

/* Equality at Work  */
#line {
  width:200px;
  height:1px;
  margin:20px 0 20px 0;
  background:#CCCCCC;
}

#equalityFBheading {
  margin:20px 0 6px 0;
  padding:10px 8px 10px 20px;
  color:#FFFFFF;
  font-size:18px;
  font-weight:bold;
  background:#0099FF;
}

#equalityFBheading a {
  color:#FFFFFF;
  text-decoration:none;
}

#equalityFBheading a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

#transition1 {
  width:180px !important;
  overflow:hidden !important;
}

#sidebar #line {
  width:180px !important;
}
/* End Equality at Work */

.footnotes {
  padding:10px 0 0 0;
  font-size:11px;
  color:#555555;
  border-top:1px solid #CCC;
}

#equalityBox {
  width:325px;
  height:210px;
  margin:0 0 10px 10px;
  background:url(../images/design/box.jpg) no-repeat 0% 0%;
}

/* Audio */

.listen {
  position:relative;
  width:200px;
  height:54px;
  margin:0 0 10px 0px;
  border:1px solid #AEAEAE;
  background:url(../images/design/audiobg.jpg) repeat-x 0% 100%;
  display:none;
}

#showPlayer {
  margin:0px;
  cursor:pointer;
}

.alpha {
  margin:0 0 0 55px;
  display:none;
}

.audiotitle {
  position:absolute;
  top:4px;
  left:4px;
  font-size:10px;
  color:#000000;
}

.filename {
  position:absolute;
  top:32px;
  left:10px;
}

.spacer {margin:10px 0 10px 0}

.required {color: #D20; font-weight: bold;font-size:12px}

/* End Audio */

