/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:920px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog img {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #666666;
	margin: 2px;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog2-grey-800x1600.png) no-repeat top right;
 _background-image:url(images/dialog2-grey.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 15px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .hd {
	font-weight: bold;
	font-size: 1.4em;
	color: #660099;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 min-height: 155px;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog h2,
.dailog h3,
.dialog h4,
.dialog h5,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

/* Quick Links Dialog */
.dlgQuick {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:920px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dlgQuick .content,
.dlgQuick .t,
.dlgQuick .b,
.dlgQuick .b div {
 background:transparent url(images/dlg800x1600purple.png) no-repeat top right;
 _background-image:url(images/dlg1600x1200purple.gif);
}

.dlgQuick .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 15px 0px 0px;
}

.dlgQuick .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dlgQuick .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dlgQuick .b,
.dlgQuick .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dlgQuick .b {
 background-position:bottom right;
}

.dlgQuick .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dlgQuick .hd,
.dlgQuick .bd,
.dlgQuick .ft {
 position:relative;
}

.dlgQuick .hd {
	font-weight: bold;
	font-size: 1.2em;
}

.dlgQuick .bd {
	color: #000066;
	font-size: 0.8em;
	font-weight: bold;
}

.dlgQuick .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 min-height: 155px;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dlgQuick h1,
.dlgQuick h2,
.dlgQuick h3,
.dlgQuick h4,
.dlgQuick h5,
.dlgQuick p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dlgQuick h1 {
 padding-bottom:0px;
}
.dlgQuick ul {
	margin-left: -20px;
}

/* Sets the style for unvisited links. */
.dlgQuick a,
.dlgQuick a:link {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for visited links. */
.dlgQuick a:visited {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
.dlgQuick a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
.dlgQuick a:focus {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for a link that is being activated/clicked. */
.dlgQuick a:active {
  color: #fff;
  text-decoration: underline;
}

/* Green Dialog */
.dlgGreen {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:920px; /* based on image dimensions - not quite consistent with drip styles yet */
 color: #545454;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dlgGreen .content,
.dlgGreen .t,
.dlgGreen .b,
.dlgGreen .b div {
 background:transparent url(images/dlg800x1600green.png) no-repeat top right;
 _background-image:url(images/dlg1600x1200green.gif);
}

.dlgGreen .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 15px 0px 0px;
}

.dlgGreen .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dlgGreen .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dlgGreen .b,
.dlgGreen .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dlgGreen .b {
 background-position:bottom right;
}

.dlgGreen .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dlgGreen .hd,
.dlgGreen .bd,
.dlgGreen .ft {
 position:relative;
}

.dlgGreen .hd {
	font-weight: bold;
	font-size: 1.2em;
}

.dlgGreen .bd {
}

.dlgGreen .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 min-height: 155px;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dlgGreen h1,
.dlgGreen h2,
.dlgGreen h3,
.dlgGreen h4,
.dlgGreen h5,
.dlgGreen p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dlgGreen h1 {
 padding-bottom:0px;
}

/* Sets the style for unvisited links. */
.dlgGreen a,
.dlgGreen a:link {
  color: #545454;
  text-decoration: none;
}
/* Sets the style for visited links. */
.dlgGreen a:visited {
  color: #545454;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
.dlgGreen a:hover {
  color: #545454;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
.dlgGreen a:focus {
  color: #545454;
  text-decoration: none;
}
/* Sets the style for a link that is being activated/clicked. */
.dlgGreen a:active {
  color: #545454;
  text-decoration: underline;
}


/* Purple Dialog */
.dlgPurple {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:920px; /* based on image dimensions - not quite consistent with drip styles yet */
 color: #fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dlgPurple .content,
.dlgPurple .t,
.dlgPurple .b,
.dlgPurple .b div {
 background:transparent url(images/dlg800x1600purple.png) no-repeat top right;
 _background-image:url(images/dlg1600x1200purple.gif);
}

.dlgPurple .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 15px 0px 0px;
}

.dlgPurple .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dlgPurple .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dlgPurple .b,
.dlgPurple .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dlgPurple .b {
 background-position:bottom right;
}

.dlgPurple .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dlgPurple .hd,
.dlgPurple .bd,
.dlgPurple .ft {
 position:relative;
}

.dlgPurple .hd {
	font-weight: bold;
	font-size: 1.2em;
 padding:0.2em 0px 0.2em 0px;
}

.dlgPurple .bd {
}

.dlgPurple .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dlgPurple h1,
.dlgPurple h2,
.dlgPurple h3,
.dlgPurple h4,
.dlgPurple h5,
.dlgPurple p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dlgPurple h1 {
 padding-bottom:0px;
}

/* Sets the style for unvisited links. */
.dlgPurple a,
.dlgPurple a:link {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for visited links. */
.dlgPurple a:visited {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
.dlgPurple a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
.dlgPurple a:focus {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for a link that is being activated/clicked. */
.dlgPurple a:active {
  color: #fff;
  text-decoration: underline;
}

/* MoreLinks Dialog */
.dlgMoreLinks {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:920px; /* based on image dimensions - not quite consistent with drip styles yet */
 color: #fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dlgMoreLinks .content,
.dlgMoreLinks .t,
.dlgMoreLinks .b,
.dlgMoreLinks .b div {
 background:transparent url(images/dlg800x150purple.png) no-repeat top right;
 _background-image:url(images/dlg800x150purple.gif);
}

.dlgMoreLinks .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:5px 15px 0px 0px;
}

.dlgMoreLinks .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:80px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dlgMoreLinks .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dlgMoreLinks .b,
.dlgMoreLinks .b div {
 height:14px; /* height of bottom cap/shade */
 font-size:1px;
}

.dlgMoreLinks .b {
 background-position:bottom right;
}

.dlgMoreLinks .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dlgMoreLinks .hd,
.dlgMoreLinks .bd,
.dlgMoreLinks .ft {
 position:relative;
}

.dlgMoreLinks .hd {
	font-weight: bold;
	font-size: 1.2em;
}

.dlgMoreLinks .bd {
}

.dlgMoreLinks .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:80px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
 font-size: 0.8em;
}

.dlgMoreLinks h1,
.dlgMoreLinks h2,
.dlgMoreLinks h3,
.dlgMoreLinks h4,
.dlgMoreLinks h5,
.dlgMoreLinks p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dlgMoreLinks h1 {
 padding-bottom:0px;
}

/* Sets the style for unvisited links. */
.dlgMoreLinks a,
.dlgMoreLinks a:link {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for visited links. */
.dlgMoreLinks a:visited {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
.dlgMoreLinks a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
.dlgMoreLinks a:focus {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for a link that is being activated/clicked. */
.dlgMoreLinks a:active {
  color: #fff;
  text-decoration: underline;
}


/* Noticeboard Dialog */
.dlgNB {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:920px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dlgNB .content,
.dlgNB .t,
.dlgNB .b,
.dlgNB .b div {
 background:transparent url(images/dlg800x1600black.png) no-repeat top right;
 _background-image:url(images/dlg1600x1200black.gif);
}

.dlgNB .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 15px 0px 0px;
}

.dlgNB .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dlgNB .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dlgNB .b,
.dlgNB .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dlgNB .b {
 background-position:bottom right;
}

.dlgNB .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dlgNB .hd,
.dlgNB .bd,
.dlgNB .ft {
 position:relative;
}

.dlgNB .hd {
	font-weight: bold;
	font-size: 1.2em;
}

.dlgNB .bd {
	font-size: 0.9em;
	font-weight: bold;
}

.dlgNB .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 min-height: 155px;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dlgNB h1,
.dlgNB h2,
.dlgNB h3,
.dlgNB h4,
.dlgNB h5,
.dlgNB p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dlgNB h1 {
 padding-bottom:0px;
}

/* Sets the style for unvisited links. */
.dlgNB a,
.dlgNB a:link {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for visited links. */
.dlgNB a:visited {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
.dlgNB a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
.dlgNB a:focus {
  color: #fff;
  text-decoration: none;
}
/* Sets the style for a link that is being activated/clicked. */
.dlgNB a:active {
  color: #fff;
  text-decoration: underline;
}


/* ***** Non-Dialog Styles ***** */
.NewsTitle {
	color: #990000;
	font-size: 0.9em;
	font-weight: bold;
}
.NewsTitle p {
	margin-bottom: 2px;
	margin-top: 2px;
}
.NewsLeader {
	font-size: 0.9em;
}
.NewsLeader p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.MoreLinksTitle {
	color: #000066;
	font-weight: bold;
}
.staff {
	background-color: #FFFFFF;
	padding: 10px;
	width: 660px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #666666;
	position: relative;
}
.ninetyText {
	font-size: 0.9em;
}
.eightyText {
	font-size: 0.8em;
}
.redText {
	color: #990000;
}.rhPic {
	background-color: #FFFFFF;
	padding: 5px;
	float: right;
	margin-left: 5px;
	border: 1px solid #666666;
}
.lhPic {
	background-color: #FFFFFF;
	padding: 5px;
	float: left;
	margin-right: 5px;
	border: 1px solid #666666;
}
.whiteText {
	color: fff;
}
.mpName {
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
}
.mpLocation {
	font-size: 1.1em;
	color: 666666;
}
.mpOrgs {
	background-color: #FFFFFF;
	padding: 10px;
	width: 460px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #666666;
	position: relative;
}
.sectionItem {
	margin-left: 40px;
	margin-bottom: 20px;
}
#staff {
	border-bottom: solid 1px #666666;
	margin-bottom: 5px;
}
.purpleHeading {
	color: #660099;
}

  /* Contact Form script css */
                  #contactform {
    border:1px solid #e2e2e2;  
    background:#f1f1f1;  
    padding:20px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 600px; 
                }
				#contactform fieldset {
					border: none;
				}

                #contactform h1 {
                        font-size: 130%;
                }

                #contactform img {
                        border: 0px;
                }

                #contactform .errors {
                        color: #ff0000;
                }

                #contactform .correct {
                        color: black;
                }

                #contactform legend {
                        font-size: 120%;
                        font-weight: bold;
                }

                #contactform .title {
						color: #333333;
                        font-weight: bold;
                        font-size: 1.1em;
                        margin-top: 2px;
                        margin-bottom: 5px;
                }

                #contactform .field {
                        color: black;
                        font-size: 90%;
                        margin-bottom: 7px;
                }

                #contactform .small {
                        font-size: 100%;
                }

                #contactform .thanks {
                        margin-top: 15px;
                        color: green;
                        font-size: 105%;
                        margin-bottom: 15px;
                }
/* End Contact form script css */