/* --------------------------------------------------------------- INITIALISE */
html,body { font-size: 100.01%; height: 100%;}
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
abbr:hover { cursor: help; }

/* --------------------------------------------------------------------- CORE */
body {
  font-family: verdana, arial, "sans serif";
  font-weight: bold;
  font-size: 12px;
  color: #5D5E60;
}

h2 {
  font-family: Trebuchet, Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
  font-size: 18px;
  color:#D0198D;
  margin-bottom: 30px;
}
h3 {
  font-size: 14px;
  color: #1D8FCE;
  font-weight: normal;
  margin-bottom: 5px;
}

h4 { font-size: 90%; margin-bottom: 10px;}

p {
  line-height: 1.6em;
  margin-bottom: 2em;
}

a,a:link,a:visited {color: #1696D5; font-weight: bold; text-decoration: none;}
a:hover {color:#1696D5; text-decoration: underline;}

ol {
  list-style-type: decimal;
  margin-left: 20px;
  font-family: Trebuchet, Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
  color:#D0198D;
  font-size: 1.5em;
  font-weight: normal;
}
.olNormalise {
  font-family: verdana, arial, "sans serif";
  color:#5D5E60;
  font-size: 0.6em;
}
ol li {line-height: 0.9em; margin-bottom: 0.9em;}
ul,ol { margin-bottom: 2em;}

/* ------------------------------------------------------------------- LAYOUT */
#wrapper{
  min-height: 100%;
  margin-left: 220px;
  margin-right: 260px;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
  /*margin-bottom: -52px;*/
  max-width: 700px;
}
* html #wrapper{height:100%;} /* IE6 and under treat height as min-height anyway*/

#header {
  position:relative;
  margin:0 -221px;
  padding: 35px 0 45px 30px;
  min-height:0;/* ie 7 haslayout fix */
}
/* mac hide \*/
* html #header{height:56px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/

#navigation {
  position:relative;/*ie needs this to show float */
  width:220px;/* same as the left margin on #wrapper*/
  float:left;
  margin-left:-219px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
  left:-2px;/* push column into position*/
}

#sidebar {
  position:relative;/*ie needs this to show float */
  width:260px;/* same as right margin on #wrapper*/
  float:right;
  margin-right:-259px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
  left:2px;/* push column into position*/
}

#content { padding: 30px 20px 0 20px;}

#content2 { padding: 0 20px 0 20px;}


#footer {
  width: 100%;
  clear:both;
  height:50px;
  position:relative;
}

* html #footer {/*only ie gets this style*/
\height:52px;/* for ie5 */
he\ight:50px;/* for ie6 */
}

.footerLinks{
  background: url("/images/style/footer") #FFF top left no-repeat;
  background-position: 220px 0;
  padding: 15px 0 0 0;
  text-align: center;
}

#footer li { float: left;}
#footer li a { padding: 0 15px 0 5px; background: url("/images/style/3dSmall.gif") #FFF bottom right no-repeat;}
#footer li a.first { padding-left: 0px;}
#footer li a.last { background-image: none; padding-right: 0px;}
#footer a:hover {color:#1696D5; text-decoration: underline;}
#footer a, #footer a:visited {
  color: #5D5E60;
  font-weight: normal;
  Font-family: arial;
  font-size: 80%;
  text-decoration: none;
}

#endImage {
  float: left;
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 240px;
  height: 181px;
  margin-top: -101px;
}

ul.disc { list-style: disc; padding: 0 0 0 0 ; margin: 0 0 0 20px;}
ul.disc li { padding: 0 0 5px 0 ; margin: 0 0 0 0;}
/* -------------------------------------------------------------------- BOXOUT */
.boxout { width: 218px; margin: 0 0 30px 0;}
.boxoutTop { height: 28px; background: url("../images/style/boxout_top.gif") #FFF bottom left no-repeat;}
.boxoutContent { background: #EEEFEF; padding: 0 20px;}
.boxoutContent p { font-weight: normal; font-size: 0.8em; line-height: 1.6em; margin: 0;}
.boxoutBottom { height: 28px; background: url("/images/style/boxout_bottom.gif") #FFF top left no-repeat;}
.boxout a,.boxout a:link,.boxout a:visited {color: #1696D5; font-weight: bold; text-decoration: none;}
.boxout a:hover {color:#1696D5; text-decoration: underline;}
.boxout p a:hover {color:#1696D5; text-decoration: underline;}
.boxout ul {font-weight: normal; font-size: 80%; margin: 0 0 0 12px; line-height: 1.7em; list-style-type: disc;}

/* -------------------------------------------------------------------- BOXOUT2 */
.boxout2 { width: 100%; margin: -30px 0 30px 0;}
.boxoutTop2 { height: 28px; background: url("../images/style/boxout_top2.gif") #FFF bottom left no-repeat;}
.boxoutContent2 { 
 padding: 0 0; margin: 0 0 0 0;}
.boxoutContent2 h2 { font-size: 1.6em; padding: 0 0 5px 0; margin: 0;}
.boxoutContent2 p { font-weight: bold; font-size: 1em; line-height: 1.6em; margin: 0;}
.boxoutContent2 p a {   font-size: 1.1em; text-decoration: none; color: #D0198D; font-weight: bold;   font-family: Trebuchet, Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;}
.boxoutContent2 p a:hover {  text-decoration: underline; color: #D0198D; }
.boxoutContent2 ul li { font-weight: bold; font-size: 1.3em; line-height: 1.6em; margin: 0;}

.boxoutBottom2 { height: 28px; background: url("/images/style/boxout_bottom2.gif") #FFF top left no-repeat;}
.boxout2 a,.boxout2 a:link,.boxout2 a:visited {color: #1696D5; font-weight: bold; text-decoration: none;}
.boxout2 a:hover {color:#1696D5; text-decoration: underline;}
.boxout2 ul {font-weight: normal; font-size: 80%; margin: 0 0 0 12px; line-height: 1.7em; list-style-type: disc;}
.boxoutContent2 img {  margin: 0 0 10px 0;
}

/* -------------------------------------------------------------------- BOXOUT 3*/
.boxout3 { width: 218px; margin: 0 0 30px 0;}
.boxoutTop3 { height: 50px; background: url("../images/style/boxout_top3.gif") #FFF top left no-repeat; padding-top: 15px;}
.boxoutTop3 h3 { padding: 0 0 0 0; text-align: center; color: #D0198D;}
.boxoutContent3 {  background: url("../images/style/boxout_mid3.gif") #FFF top left repeat-y; padding: 0 10px;}
.boxoutContent3 p { font-weight: normal; font-size: 0.8em; line-height: 1.6em; margin: 0;}
.boxoutBottom3 {  height: 28px; background: url("../images/style/boxout_bottom3.gif") #FFF top left no-repeat; margin: 0 0 0 0;}
.boxout3 a,.boxout3 a:link,.boxout3 a:visited {color: #1696D5; font-weight: bold; text-decoration: none;}
.boxout3 a:hover {color:#1696D5; text-decoration: underline;}
.boxout3 ul {font-weight: normal; font-size: 80%; margin: 0 0 0 5px; padding: 5px 0 0 0; line-height: 1.7em; list-style-type: none;}
.boxout3 li { width: 84px; height: 70px; margin: 0 0 5px 5px; display: inline;}
.boxout3 img {border: none;}


/* -------------------------------------------------------------------- BOXOUT 4 */
.boxout4 { width: 218px; margin: 0 0 30px 0;}
.boxoutTop4 { height: 28px; background: url("../images/style/boxout_top4.gif") #FFF top left no-repeat; padding: 0 0 0 0;}
.boxoutContent4 h2 { font-size: 18px; text-align: center; padding: 0 0 0 0; margin: 0;}
.boxoutContent4 {  background: url("../images/style/boxout_mid4.gif") #FFF top left repeat-y; padding: 0 20px; }
.boxoutContent4 p { font-weight: normal; font-size: 0.8em; line-height: 1.6em; margin: 0;}
.boxoutBottom4 { height: 28px; background: url("../images/style/boxout_bottom4.gif") #FFF top left no-repeat;}
.boxout4 a,.boxout4 a:link,.boxout4 a:visited {color: #1696D5; font-weight: bold; text-decoration: none;}
.boxout4 a:hover {color:#1696D5; text-decoration: underline;}
.boxout4 ul {font-weight: normal; font-size: 80%; margin: 0 0 0 12px; line-height: 1.7em; list-style-type: disc;}

/* -------------------------------------------------------------------- BOXOUT 5 */
.boxout5 { width: 205px; margin: 0 0 30px 10px;}
.boxoutTop5 { height: 28px; background: url("../images/style/boxout_top5.gif") #FFF bottom left no-repeat;}
.boxoutContent5 { background: #EEEFEF; padding: 0 10px;}
.boxoutContent5 p { font-weight: normal; font-size: 0.8em; line-height: 1.6em; margin: 0;}
.boxoutBottom5 { height: 28px; background: url("/images/style/boxout_bottom5.gif") #FFF top left no-repeat;}
.boxout5 a,.boxout a:link,.boxout a:visited {color: #1696D5; font-weight: bold; text-decoration: none;}
.boxout5 a:hover {color:#1696D5; text-decoration: underline;}
.boxout5 ul {font-weight: normal; font-size: 80%; margin: 0 0 0 12px; line-height: 1.7em; list-style-type: disc;}

.box {
	width: 100%;
	margin: -35px auto 20px auto;
}

.box div {
	margin: 0.5em 0 0  0;
}

.box div.topleft {
	display: block;
	background: url("/images/style/box-bg.gif") top left no-repeat white;
	padding: 2.0em 0em 0em 2em;
}

.box div.topright {
	display: block;
	background: url("/images/style/box-bg.gif") top right no-repeat white;
	padding: 2.0em 2.0em 2em 0;
	margin: -2.0em 0 0 0;
}

.box div.bottomleft {
	display: block;
	height: 45px;
	margin-top: -2.0em;
	padding: 0 0 0 0 ;
	background: url("/images/style/box-bg.gif") bottom left no-repeat white;
}

.box div.bottomright {
	display: block;
	background: url("/images/style/box-bg.gif") bottom right no-repeat white;
	height: 45px;
	margin-left: 3.0em;
}

/* --------------------------------------------------------------------- MENU */
#navigation a, #navigation a:visited {
  color: #5D5E60;
  font-weight: normal;
  font-size: 0.8em;
  text-decoration: none;
  display: block;
  width: 210px;
  padding-left: 30px;
  line-height: 2.6em;
    font-weight: bold;
}

#navigation a:hover {
  font-weight: bold;
  background: url("/images/style/navigation_hover.jpg") #FFF top left no-repeat;
  color:#1696D5;
}

#navigation a.selected, #navigation a.selected:hover {
  background: url("/images/style/navigation_selected.jpg") #FFF top left no-repeat;
  font-weight: bold;
  color:#D0198D;
}
/* ----------------------------------------------------------------- SUB-MENU */

#navigation ul.subnav {
  margin-bottom: 5px;
  font-style: normal;
    font-weight: normal;
}

#navigation ul.subnav a { color: #444; padding-left: 40px; width: 200px;     font-weight: normal;
}

#navigation ul.subnav a:hover {
  background: url("/images/style/subnav_hover.jpg") #FFF top left no-repeat;
  color:#1696D5;
      font-weight: normal;
}
 #navigation ul.subnav a.selected, #navigation ul.subnav a.selected:hover {
  background: url("/images/style/subnav_selected.jpg") #FFF top left no-repeat;
  font-weight: bold;
  color:#D0198D;
}
/* -------------------------------------------------------------------- STYLE */
.boroughs img {padding-right: 15px; vertical-align:middle}
.boroughs li {line-height: 48px;}
.enbiggen { font-size: 200%; font-weight: normal;}
.fancy {
  /*line-height: 2.3em;*/
  list-style-image: url("/images/style/3dSmall.gif");
  margin-top: 10px;
  margin-left: 30px;
}
.fancy li { margin-bottom: 10px;}
#navigation a.no_bg:hover {
  background: url("/images/style/navigation_hoverFake.jpg") #FFF top left no-repeat;
  color:#1696D5;
}

/* -------------------------------------------------------------- PAGE IMAGES */
.home {
  background: url("/images/style/banner_home.jpg") #FFF top left no-repeat;
  background-position: 220px 0;
}
.navhome { background: url("/images/style/navigation_home.jpg") #FFF bottom left no-repeat;}

/* -------------------------------------------------------------------- FORMS */
fieldset {border: none; margin-bottom: 20px;}
fieldset.personaldetails input,fieldset.personaldetails textarea {width: 210px;}
fieldset.personaldetails input.radio {width: auto;}
fieldset.personaldetails label {
  float: left;
  display: block;
  width: 180px;
}
.former{
  border: solid 1px #CCC;
  background: #EEEFEF;
  padding: 6px;
  margin: 3px 0px;
  width: 400px;
}
.spacer {
  padding: 6px;
}
.buttoner {
  padding: 6px 0 6px 6px;
  margin: 3px 0px;
  width: 400px;
  background: transparent;
  border: none; margin-bottom: 80px;
}
button {
  margin: 5px 0px 5px 10px;
  padding: 5px;
  border: solid 1px #CCC;
}

#newsletter {
width:180px;
margin: 0 0 0 5px;
padding: 0;
font-size: 0.8em;
height: 195px;
}

#newsletter h1, #newsletter h2 {
font-size: 1.3em;
margin: 0 0 10px 0;
padding: 0;
}

#newsletter fieldset {border: none; margin-bottom: 10px;   border: none;}
#newsletter fieldset.personaldetails input,.newsletter fieldset.personaldetails textarea {  width: 120px;   margin: 0 0 5px 0; border: none;}
#newsletter fieldset.personaldetails input.radio {width: auto;}
#newsletter fieldset.personaldetails label {
  float: left;
  display: block;
  width: 38px;
  margin: 2px 0 0 0;
    border: none;
}
#newsletter .former{
  padding: 0;
  margin: 0;
  width: 170px;
    border: none;
}
#newsletter .spacer {
  padding: 3px;
    border: none;
}
#newsletter .buttoner {
  padding: 0;
  margin: 0;
  width: 160px;
    border: none;
 margin-bottom: 0;
}
#newsletter button {
  margin: 0 0px 0 10px;
  padding: 5px;
}