@font-face {
    font-family: 'function_probook';
    src: url('/fonts/FunctionPro-Book-webfont.eot');
    src: url('/fonts/FunctionPro-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/FunctionPro-Book-webfont.woff') format('woff'),
         url('/fonts/FunctionPro-Book-webfont.ttf') format('truetype'),
         url('/fonts/FunctionPro-Book-webfont.svg#function_probook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'function_probook';
    src: url('/fonts/FunctionPro-Demi-webfont.eot');
    src: url('/fonts/FunctionPro-Demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/FunctionPro-Demi-webfont.woff') format('woff'),
         url('/fonts/FunctionPro-Demi-webfont.ttf') format('truetype'),
         url('/fonts/FunctionPro-Demi-webfont.svg#function_prodemi') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:url('/fonts/icomoon.eot');
	src:url('/fonts/icomoon.eot') format('embedded-opentype'),
		url('/fonts/icomoon.woff') format('woff'),
		url('/fonts/icomoon.ttf') format('truetype'),
		url('/fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

a:focus, a:active {border:none !important;outline:none !important}

body {
  padding:0;margin:0;
	font-family:function_probook, Arial, Helvetica, sans-serif;
	font-size:100%;
}
table,tr,td,th {font-size:100%}
table td, table th {vertical-align:top}

body.mceContentBody {
  background:white !important;text-align:left;
}
a, a:link, a:visited, a:active {color:inherit;text-decoration:underline}
a:hover {text-decoration:underline}
.strong {font-weight:bold}
img {border:0}

#pageWrap p {margin:0 0 0.75em 0}
#pageWrap h1, #pageWrap h2 {margin:0;padding:0;text-transform:uppercase;vertical-align:top;line-height:1em}
#pageWrap h1 {height:91px;font-size:200%}
#pageWrap h2 {font-size:100%}
#pageWrap h3 {margin:0;padding:0;vertical-align:top;line-height:1em;font-size:100%;color:#000}

input.ErrField[type=text], input.ErrField[type=password], select.ErrField, textarea.ErrField {
  background-color:#e0e0e0;border:2px solid red
}
input.ErrField[type=checkbox] {
  border:2px solid red;
  border-radius:3px;
  -moz-border-radius:5px;
}
.Message {color:red;font-weight:bold}
div.Message {margin:20px 0 0 0;}
p.Message {text-align:center}

/** Forms generally **/
select, textarea, div.formpretty, input[type=text], input[type=email], input[type=tel], input[type=password] {
  padding:3px 5px;
  border:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-radius:3px;
  -moz-border-radius:3px;
  behavior: url(/pie/PIE.htc);
}

#bodyContent ul {margin-left:15px;padding:0}


/*** General purpose classes ***/
.fltrt {float:right}

.form-submit {
  padding-top:20px;padding-bottom:20px;float:right
}
.separate {
  border-top:1px solid black;margin-top:10px;padding-top:10px;
}
.hidden {
	position: absolute;
	top: -10000px;
	left: 0;
}
.remove {display:none}
.clear {clear:both}
.clearbox {position:relative;overflow:hidden}
.clearsep{clear:both;height:1px !important}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}



/*** MAIN PAGE STRUCTURE ***/
#pageWrap {
  position:relative;
  padding:0;
  width:990px;margin:0 auto 20px auto;
  background-color:white
}
#frameWrap0 {
  padding:0px 25px 10px 25px;width:940px
}
/* Body area / main content */
#frameWrap1 {
  padding-top:164px;height:500px
}
html > body #frameWrap1 {height:auto;min-height:500px}
body#frontpage #frameWrap1 {padding-top:178px}


/*** HEADER ***/
#header {
  position:absolute;top:30px;left:25px;width:940px
}
#header img.logo {width:342px;height:30px;}
#header .social {position:absolute;top:-16px;right:0}
#header .social  li {display:block;float:left;padding-left:6px}
#header .maillist {position:absolute;top:30px;left:635px;font-size:80%;text-decoration:none}
/*** FOOTER ***/
#footer {
  position:absolute; bottom:-196px;right:0;height:96px;width:990px;color:#fff;font-size:12px;padding:0;padding-bottom:100px
}
#footer a {color:#fff}
#footer .menu {display:inline;float:right;padding-top:12px}
#footer .menu ul {display:inline}
#footer #copyright {display:inline;float:right}
#footer .menulist li {border-color:white}
#footer #subfooter {position:absolute;top:0;xbottom:-50px;left:0;padding-top:12px}
#footer img {width:76px;height:42px;position:absolute;bottom:90px;right:0}
#footer img.museum {width:75px;height:72px;position:absolute;bottom:60px;right:170px;display:none}
#footer a {text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer .phone {width:100%;text-align:right;position:absolute;bottom:145px;left:0px;font-size:12px;xfont-weight:bold;xdisplay:none}
#footer .contact{width:100%;text-align:left;position:absolute;top:15px;left:0px;font-size:120%;font-weight:bold;display:none}

/*** Controls ***/
#pageWrap div.banner-options {position:absolute;top:122px;right:15px;z-index:100}


/*** Generic menu styles ***/
.menulist , .menulist ul {padding:0;margin:0;border:none}
.menulist > li {display:inline;margin:0;padding:0px 10px;border-left:1px solid red}
.menulist > li:first-child {border:none;padding-left:0}

.nobullet li {list-style-type:none}
ul.nobullets {margin-left:0;padding-left:0}
.nobullets li{display:block}

/*** MAIN MENU ***/
#menu_top_wrap {
  position:absolute;top:90px;left:25px;background-color:#757883;width:940px
}
#menu_top_wrap ul#menu_top {
  height:24px;width:940px;padding:0;margin:0
}
#menu_top > li > a {display:block;width:90px}
#menu_top > li {
  position:relative;float:left;border-left:5px solid white;width:96px;
}
#menu_top > li:first-child {border-left:0}
#menu_top li {
  height:23px;margin:0;display:block;vertical-align:top;line-height:1em;
  padding:2px 0 0 4px !important
}
#menu_top > li.select, #menu_top > li.path_select {
  background-color:blue
}

#menu_top li a {text-transform:uppercase;color:white !important;font-size:80%;text-decoration:none;padding:0;margin:0;border:0;letter-spacing:0.5px}
#menu_top > li > a {font-weight:bold}

#xmenu_top a:hover {text-decoration:underline}
/*** CSS variant of the second level menu ***/
#menu_top ul {
  background-color:inherit;border-top:1px solid white;
	position: absolute;top:0px;
  list-style:none;
	left: -9999px;
	z-index: 12000;
  padding:0;margin:0;margin-top:25px;
  width:145px
}
#menu_top ul li {
  border:1px solid white;border-top:none;font-weight:normal
}
#menu_top ul a {
	padding: 0;
	height: auto;
	text-align:left;
  border-right: none;
  white-space:no-wrap;
  display:block;width:140px
}
#menu_top ul:hover > a {
	color: #fff;
}
#menu_top ul:hover > a.select {
	color: #fff;
}
#menu_top li:hover > ul {
	left:-1px
}

/*** TOP LEVEL COLOURS FOR HOVERING ***/
#menu_top .menu_top_0.exp, #menu_top .menu_top_0:hover {background-color:rgb(37,55,70)}
#menu_top .menu_top_1.exp, #menu_top .menu_top_1:hover {background-color:rgb(124,128,52)}
#menu_top .menu_top_2.exp, #menu_top .menu_top_2:hover {background-color:rgb(238,157,38)}
#menu_top .menu_top_3.exp, #menu_top .menu_top_3:hover {background-color:rgb(197,183,131)}
#menu_top .menu_top_4.exp, #menu_top .menu_top_4:hover {background-color:rgb(71,55,41)}
#menu_top .menu_top_5.exp, #menu_top .menu_top_5:hover {background-color:rgb(131,49,119)}
#menu_top .menu_top_6.exp, #menu_top .menu_top_6:hover {background-color:rgb(95,143,180)}
#menu_top .menu_top_7.exp, #menu_top .menu_top_7:hover {background-color:rgb(166,25,46)}
#menu_top .menu_top_8.exp, #menu_top .menu_top_8:hover {background-color:rgb(37,55,70)}

/* And now styles for headings that match these colours in the various sections. */
#frameWrap1 a {color:rgb(37,55,70)}
#pageWrap.about #frameWrap1 a, #pageWrap.about h1, #pageWrap.about h2, #pageWrap.about h3 {color:rgb(37,55,70)}
#pageWrap.visit #frameWrap1 a, #pageWrap.visit h1, #pageWrap.visit h2, #pageWrap.visit h3 {color:rgb(124,128,52)}
#pageWrap.calendar #frameWrap1 a, #pageWrap.calendar h1 ,#pageWrap.calendar h2,#pageWrap.calendar h3 {color:rgb(238,157,38)}
#pageWrap.news #frameWrap1 a, #pageWrap.news h1, #pageWrap.news h2 {color:rgb(197,183,131)}
#pageWrap.history #frameWrap1 a, #pageWrap.history h1, #pageWrap.history h2 {color:rgb(71,55,41)}
#pageWrap.edu #frameWrap1 a, #pageWrap.edu h1, #pageWrap.edu h2 {color:rgb(131,49,119)}
#pageWrap.support #frameWrap1 a, #pageWrap.support h1, #pageWrap.support h2{color:rgb(95,143,180)}
#pageWrap.contact #frameWrap1 a, #pageWrap.contact h1, #pageWrap.contact h2 {color:rgb(37,55,70)}
#pageWrap.shop #frameWrap1 h2 a, #pageWrap.shop h1, #pageWrap.shop h2, #pageWrap.shop h3 {color:rgb(166,25,46)}

/*** ACCESSIBILITY/LOGIN MENU ***/
#menu_access {
  position:absolute;top:30px;right:-10px;font-size:80%
}
#menu_access li {border-color:white;padding:0 7px}
#menu_access a, #menu_access a:visited, #menu_access a:active {color:#000;text-decoration:none}
#menu_access a:hover {color:#000;text-decoration:underline}

/*** BREADCRUMBS ***/
#breadcrumb {
	position:absolute;top:125px;left:25px;height:25px;
	width:800px;
	color: #000;
	font-size:14px;
}
#breadcrumb li, #breadcrumb ul {
  display:inline;padding:0
}
#breadcrumb li {
  padding-left:12px;
  background:url(/custom/images/breadcrumb.png) no-repeat 3px center;
}
#breadcrumb li.first  {
  padding-left:0;
  background:none
}
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	color: #000;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #000;
	text-decoration: underline;
}


/*** BUTTONS ***/
#pageWrap button, #pageWrap .button {
	font-family: function_probook, Arial, Helvetica, sans-serif;
	font-size:80%;
  line-height:1em;
	font-weight:normal;
	padding:2px 5px;
	margin:10px 10px 0 0;
	border:none;
  color:white !important;
  text-decoration:none;
  text-transform:uppercase; 
}
#pageWrap button.neg, #pageWrap .button.neg {
  font-weight:bold;background-color:white !important; color:rgb(37,55,70) !important
}
#pageWrap button:hover, #pageWrap .button:hover {color:white !important;background-color:#757883 !important;text-decoration:none}

#pageWrap.about button, #pageWrap.about .button {background-color:rgb(37,55,70)}
#pageWrap.visit button, #pageWrap.visit .button {background-color:rgb(124,128,52)}
#pageWrap.calendar button ,#pageWrap.calendar .button {background-color:rgb(238,157,38)}
#pageWrap.news button, #pageWrap.news .button {background-color:rgb(197,183,131)}
#pageWrap.history button, #pageWrap.history .button {background-color:rgb(71,55,41)}
#pageWrap.edu button, #pageWrap.edu .button {background-color:rgb(131,49,119)}
#pageWrap.support button, #pageWrap.support .button{background-color:rgb(95,143,180)}
#pageWrap.contact button, #pageWrap.contact .button {background-color:rgb(37,55,70)}
#pageWrap.shop button, #pageWrap.shop .button {background-color:rgb(166,25,46)}

#pageWrap.about button.neg, #pageWrap.about .button.neg {color:rgb(37,55,70)}
#pageWrap.visit button.neg, #pageWrap.visit .button.neg {color:rgb(124,128,52)}
#pageWrap.calendar button.neg ,#pageWrap.calendar .button.neg {color:rgb(238,157,38)}
#pageWrap.news button.neg, #pageWrap.news .button.neg {color:rgb(197,183,131)}
#pageWrap.history button.neg, #pageWrap.history .button.neg {color:rgb(71,55,41)}
#pageWrap.edu button.neg, #pageWrap.edu .button.neg {color:rgb(131,49,119)}
#pageWrap.support button.neg, #pageWrap.support .button.neg{color:rgb(95,143,180)}
#pageWrap.contact button.neg, #pageWrap.contact .button.neg {color:rgb(37,55,70)}
#pageWrap.shop button.neg, #pageWrap.shop .button.neg {color:rgb(166,25,46)}

#pageWrap button:disabled {background-color:#c0c0c0 !important}

/*** Content page slide show ***/
#col_slide_wrap {
  position:relative;
}
#col_slide_wrap img {
  width:460px;height:355px
}
#col_slide_ctrl, #col_slide_shade {
  position:absolute;bottom:0;left:0;width:460px;color:#fff;display:none;margin:0;padding:0;text-align:center
}
#col_slide_ctrl {
  z-index:9999; line-height:1em
}
#col_slide_shade {
  z-index:9998;height:35px;background-color:#000;
  opacity:0.6;filter:alpha(opacity=60)
}
  
#col_slide_wrap:hover  #col_slide_ctrl, #col_slide_wrap:hover  #col_slide_shade {display:block}

#col_slide_ctrl a {font-size:140%;text-decoration:none;color:white !important;position:absolute}
#col_slide_ctrl a#prev {bottom:10px;left:10px}
#col_slide_ctrl a#next {bottom:10px;right:10px}
#col_slide_wrap .caption{font-size:100%;display:block;position:absolute;bottom:10px;left:100px;text-align:center;width:260px}

/*** Front page elements ***/

#slideshow {
  width:938px;border:1px solid #e0e0e0;height:325px;margin-bottom:20px;position:relative;overflow:hidden
}
#ss_controls {height:0px}
#ss_controls a {
  display:block;float:left;margin:3px 1px;width:21px;height:36px;
  background-image:url(/custom/images/play-icons2.png);background-position:0 center;background-repeat:no-repeat
}
#ss_controls a.prev {background-position:0px center;position:absolute;top:320px;left:3px;display:none}
#ss_controls a.next {background-position:-61px center;position:absolute;top:320px;right:3px;display:none}
#ss_controls a.pause {display:none;background-position:-19px center}

#scroller {
  position:absolute;top:0;left:0;width:2000px
}
#slideshow .slidewrap {float:left;position:relative;width:940px;height:325px;overflow:hidden}
#slideshow div.img img {height:325px}

#slideshow  .ov {
width:200px;padding:10px 20px 10px 200px;height:350px;position:absolute;top:0;right:0;z-index:1;text-align:left;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 6%, rgba(255,255,255,0.26) 15%, rgba(255,255,255,1) 41%, rgba(255,255,255,1) 65%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(6%,rgba(255,255,255,0)), color-stop(15%,rgba(255,255,255,0.26)), color-stop(41%,rgba(255,255,255,1)), color-stop(65%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 6%,rgba(255,255,255,0.26) 15%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 65%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 6%,rgba(255,255,255,0.26) 15%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 65%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 6%,rgba(255,255,255,0.26) 15%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 65%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 6%,rgba(255,255,255,0.26) 15%,rgba(255,255,255,1) 41%,rgba(255,255,255,1) 65%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

#frontpage div#row2 {
  clear:both;width:940px;height:237px
}
#frontpage .block {
  position:relative;float:left;width:300px;height:196px;margin-left:20px;padding-top:41px;
}
#frontpage div#row2 .block:first-child {margin-left:0}
#frontpage .block.left {background-color:rgb(124,128,52)}
/* #frontpage .block.mid {background-color:rgb(71,55,41)} */
#frontpage .block.mid {background-color:rgb(197,183,131)}
#frontpage .block.right {background-color:rgb(238,157,38);text-align:left}

#frontpage .block h2 {position:absolute;top:5px;left:0;padding:3px 10px;margin:0;background-color:inherit;font-size:20px}
#frontpage .block h2 a {color:white !important}
#frontpage .block .cms-block {position:static}
#frontpage .block img {width:300px;height:196px}


/*** debug ***/
.whitebeamDebug {color:black;background-color:white;margin:30px auto}
#cms-debugtime {color:white}

#seealso {
  width: 460px; float: right; margin-top:91px;margin-left:20px;position:relative;z-index:1;
}
#seealso .hidden {position:static}

#seealso h3 {font-weight:bold;padding:0;margin:0}
#pageWrap.about #seealso h3 {color:rgb(37,55,70)}
#pageWrap.visit #seealso h3 {color:rgb(124,128,52)}
#pageWrap.calendar #seealso h3 {color:rgb(238,157,38)}
#pageWrap.news #seealso h3 {color:rgb(197,183,131)}
#pageWrap.history #seealso h3 {color:rgb(71,55,41)}
#pageWrap.edu #seealso h3 {color:rgb(131,49,119)}
#pageWrap.support #seealso h3{color:rgb(95,143,180)}
#pageWrap.contact #seealso h3 {color:rgb(37,55,70)}
#pageWrap.shop #seealso h3 {color:rgb(166,25,46)}

#seealso ul {display:block;margin:0;padding:0 10px 10px 0}
#seealso li {list-style-type:none}
#seealso a {color:#404040;text-decoration:none}

/**** CMS CLASS ****/
.page_panel {
  width:300px;height:237px;float:left;margin-right:20px
}
.float_right {float:right;margin:10px 0 10px 10px;display:block}
.float_left {float:left;margin:10px 10px 10px 0;display:block}
.pretty {}
.resource {}
.bottom {}
.top {}
.slides {}
.popup {}
/**** CMS CLASS END ****/
.page_panel h2 {font-size:100%;font-weight:bold;margin:0;padding:0;display:inline}
.page_panel img {width:285px !important;height:135px !important}
.page_panel img {width:285px !important;height:135px !important}
.big {font-size:16pt}



/*** Layout styles ***/

#layoutLeftColumn {width:650px;float:left;border:1px solid red}
#layoutRightColumn {width:230px;float:left;margin-left:20px;border:1px solid red}
#layoutBottom {clear:both;padding-top:20px;border:1px solid red}
#layoutGallery {width:960px !important}

table.pretty {border-collapse:collapse;border-top:2px solid black;margin-bottom:30px;margin-top:20px;font-size:100%}
table.pretty th, table.pretty td{border-top:1px solid black}
table.pretty caption{text-align:left;font-weight:bold;margin-bottom:10px}

table.bottom tr {vertical-align:bottom}
table.top tr {vertical-align:top}
table.middle tr {vertical-align:middle}
table.resource_table {margin:20px 0 20px 0;border-top:1px solid rgb(131,49,119)}
table.resource_table p {margin:0 !important;padding:0}
table.resource_table td {font-size:14px}

#pageWrap.about table, #pageWrap.about table.pretty th, #pageWrap.about table.pretty td {border-color:rgb(37,55,70)}
#pageWrap.about table.pretty caption {color:rgb(37,55,70)}
#pageWrap.visit table, #pageWrap.visit table.pretty th, #pageWrap.visit table.pretty td {border-color:rgb(124,128,52)}
#pageWrap.visit table.pretty caption {color:rgb(124,128,52)}

#pageWrap.calendar table, #pageWrap.calendar table.pretty th, #pageWrap.calendar table.pretty td {border-color:rgb(238,157,38)}
#pageWrap.calendar table.pretty caption {color:rgb(238,157,38)}
#pageWrap.support table, #pageWrap.support table.pretty th, #pageWrap.support table.pretty td {border-color:rgb(95,143,180)}
#pageWrap.support table.pretty caption {color:rgb(95,143,180)}

#pageWrap.news table, #pageWrap.news table.pretty th, #pageWrap.news table.pretty td {border-color:rgb(197,183,131)}
#pageWrap.news table.pretty caption {color:rgb(197,183,131)}
#pageWrap.history table, #pageWrap.history table.pretty th, #pageWrap.history table.pretty td {border-color:rgb(71,55,41)}
#pageWrap.history table.pretty caption {color:rgb(71,55,41)}
#pageWrap.edu table, #pageWrap.edu table.pretty th, #pageWrap.edu table.pretty td {border-color:rgb(131,49,119)}
#pageWrap.edu table.pretty caption {color:rgb(131,49,119)}

/************* And a pretty list ***************/
ul.pretty {margin: 0 0 0.5em 25px;padding:0}
ul.pretty li {list-style-image:url(/custom/images/bulletRed.png);color: #000;padding:0}
ul.pretty a {color: #000;text-decoration:none}
ul.pretty a:hover {color: #000;text-decoration:underline}

/*** Two column layout ***/
#col_left {width:460px;float:left;overflow:hidden}
#col_right{width:460px;float:left;margin-left:20px;margin-top:91px;overflow:hidden;min-height:30px}

#donate label {font-weight:bold;padding-left:0.5em}

/* STDFORM */
.stdForm {text-align:left;width:520px}
/**** Standard lists of controls can be placed in a list ****/

/** As a general rule we want labels on the left - right aligned and then anything that follows to the right **/
.stdForm label, .stdForm .label {width:160px;display:block;float:left;text-align:left;padding:0 10px 0 0;font-size:100%}
.stdForm.wideLabel label, .stdForm .wideLabel .label {width:300px}

.stdForm div.param {position:relative;padding:3px 0;clear:both;vertical-align:middle}
.stdForm .helpPtr {floatx:right;margin-top:5px}

/** stdForm should be used to encapsulate a set of buttons that appear at the base of a form **/
.stdForm .buttons {padding-top:20px !important; clear:both; display: block !important}

/** class="ctrl" provides a wrapper for the input element. Not required at the moment for the default style but 
 ** possibly useful when site-skinning!
 **/ 
.stdForm div.param .ctrl {display:inline}
.stdForm div.param .ctrl label {display:inline;position:relative;width:auto;float:none}

/** Allow in-line buttons within parameters **/
.stdForm div.param button {margin-top:0;margin-bottom:0}

/** But we want to change this if we're in a boxset (radio or check boxes) **/
.stdForm fieldset {padding:5px 10px;margin-bottom:1em; margin-right:10px; border: solid 1px #CCC; border-radius:5px; behavior: url(/custom/PIE.htc); position:relative;}
.stdForm fieldset li {margin:0;padding:0;list-style-type:none}


/** A box-set uses the legend to display the name of the related group of buttons **/
.stdForm fieldset.boxset {border:none; outline:none;position:relative;padding:0 0 0 175px;margin:0;position:relative}
.stdForm.wideLabel fieldset.boxset {padding-left:260px}
.stdForm fieldset.boxset legend {position:absolute;top:0;left:0;width:160px;text-align:right;padding:0;margin:0;font-weight:normal}
.stdForm.wideLabel fieldset.boxset legend {width:240px}
.stdForm fieldset.boxset label {display:inline;float:none;padding:0 5px 0 0px}
.stdForm fieldset.boxset.listSet {padding:0 0 0 180px}
.stdForm fieldset.boxset.listSet legend {width:170px}
.stdForm fieldset.boxset + fieldset.boxset {
    margin-top: 1em;
}

/** Set standard widths for text fields **/
.stdForm p{text-align:left}

.stdForm legend {
	padding: 0 0.2em;
	background: #FFF;
	color: #000;
	font-weight: bold;
	margin-left: 0.5em;
}

.stdForm textarea{
	float:left;
	margin-bottom:5px;
	width:200px;
	height: 100px;
}

/*** Simplified form structure ***/
.simpForm {}
.simpForm .param {margin-top:5px;display:block;position:relative;overflow:hidden}
.simpForm label {width:435px}
.simpForm  .block label {display:block}
.simpForm  input[type=text], .simpForm  input[type=email], .simpForm  input[type=tel] {width:400px}
.simpForm .ctrl.mandatory:after {padding-left:10px;position:relative;top:3px;font-family:icomoon;color:red;font-size:120%;content:"\e612"}