/* @override http://srminfo.co.uk/assets/css/default.css */

/* ------------------------------------------------------------
	RESET STYLES
------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}
/* remove link outline in ff */
a {outline: none;}
/* ie 5.5 friendly */
body {text-align: left;} 
table {font-size: 1em;} 
form {font-size: 1em;}

/* -------------------- SIFR -------------------- */
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... */
.sIFR-hasFlash div#col1 h2 {visibility: hidden;}

/*has sifr styles*/
.sIFR-hasFlash div#col1 h2 {font-size:23px; padding-bottom: 0; margin-bottom: 10px;}
.sIFR-hasFlash body#home div#col1 h2 {margin-bottom: 0px;}

/* ------------------------------------------------------------
	HTML STYLES
------------------------------------------------------------ */

body {font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 13px; line-height: 1.4; background-color:#F4F4F4;}
h2 {color: #431B64; font-family: "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
h3 {color: #431B64;}
p {margin-bottom: 1em;}
a {color: #431B64; text-decoration: underline;}
a:hover {text-decoration: none;}
hr {display: none;}

/* tables */
table {border-collapse: collapse; border: 1px solid #bbbbbb; margin-bottom: 1em;} 
th, td {border: 1px solid #bbbbbb; padding: 4px 10px; line-height: 1.2;}
th {background: #e4e5e4; text-align: left;}
tbody td {border-top: 0; border-bottom: 1px solid #bbb;}

/* ------------------------------------------------------------
	GENERAL STYLES
------------------------------------------------------------ */

.clear {clear: both;}
.intro {font-weight: bold;} 
.todo {color: red; font-style: italic; font-size: 15px;} 


/* ------------------------------------------------------------
	FORM STYLES
------------------------------------------------------------ */
div#col1 form h3 {border-bottom: 2px solid #431B64; margin-bottom:11px; padding-bottom:2px;}
form {font-size:12px;}
form small {font-size:11px;}
form span {color: red;}
.error {color: red;}
form span.alert {margin-left: 5px; font-style: italic; font-size:11px;}
form input, form textarea {font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size:12px;}
form textarea {width: 100%;}

form input.t1 {width: 220px;}
form input.t2 {width: 100px;}

form label.l1 {display:block; width: 110px; padding:0 13px 0 0; float: left; text-align: right; margin-bottom:1em;}
form label.l2 {font-size:11px; padding: 0 10px 0px 10px; top: -4px; position: relative;}
form label.l3 {display:block; width: 150px; padding:0 13px 0 0; float: left; clear:both;  margin-bottom:0px;}

form p, form fieldset, form h3 {clear: both;}
form fieldset {border: 1px solid #CCC; padding: 10px 0 0 0; margin:1em 0 1em 0;}
form legend {font-weight: bold; margin-left: 10px; color: #000;}

form p#statement {font-size:11px;}
form div.radioGroup {display: block; padding-left: 20px;}
form div.radioGroup input.radio {margin-right:5px;}
form div.radioGroup label.radioLabel {display:block; float:left;}
form #sp_req_detail {margin-top:3px;}
span#dependent {color: #000;}
.disabled {position: absolute; left: -9999em; width:1px;}

/*form thank you styles*/
pre {font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border:1px solid #CCC; padding: 10px; overflow:auto;}

/* ------------------------------------------------------------
	MAIN DIV STYLES
------------------------------------------------------------ */

ul#skip {height: 1px; text-indent: -9000px; overflow:hidden;}

/* ------------------- CONTAINER ------------------- */

div#container {margin: 0px auto; width: 928px; border-left: 1px solid #EBE8EE; border-right: 1px solid #EBE8EE;  border-bottom: 1px solid #EBE8EE; padding: 0 13px 0 13px; background:#FFF url(../images/container_bg.gif) repeat-y right 0;}

/* ------------------- PRIMARY NAV ------------------- */

ul#primNav {width: 100%; background-color:#431B64; border-bottom: 1px solid #FFF; text-transform: uppercase; font-size: 11px; /*font-family: "Gill Sans";*/}
ul#primNav li {border-right: 2px solid #533470; float:left;}
ul#primNav li.last {padding-right: 0; border-right: 0;}
ul#primNav li a {color: #FFF; text-decoration: none; display:block; padding: 8px 20px 8px 20px; }
ul#primNav li a:hover, ul#primNav li.active a:hover {background-color:#533470;}
ul#primNav li.active a {background:url(../images/prmnav_arrw.gif) no-repeat center bottom;}

/* Clearing floats without extra markup  */
ul#primNav { display: inline-block; }
ul#primNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul#primNav { height: 1%; }
ul#primNav { display: block; }

/* ---- banners ---- */
div#banner {width: 928px; height: 90px; padding-top: 21px; border-bottom: 17px #DCD4E3 solid; position: relative; display: block;}
.banner1 {background:#212629 url(../images/banner1_bg.jpg) 0 0;}
.banner2 {background:#6991CC url(../images/banner2_bg.jpg) 0 0;}
.banner3 {background:#43491D url(../images/banner3_bg.jpg) 0 0;}
.banner4 {background:#6991CC url(../images/banner4_bg.jpg) 0 0;}
.banner_downloads {background:#43491D url(../images/banner5_bg.jpg) 0 0;}

div#banner h1 a, body#home div#content h1 {display: block; width: 194px; height: 69px; text-indent: -99999px; background:transparent url(../images/srm_logo.png) no-repeat 0 0; margin-left: 21px; text-decoration:none;}

/* ------------------- CONTENT ------------------- */

div#content {border-top: 1px solid #C7C0CE;}

/* ------------------- COLUMN 1 ------------------- */

div#col1 {float: left; width: 658px; margin: 21px 0 21px 21px; display: inline;}
div#col1 h2 {font-size: 28px; margin-bottom: 8px}
div#col1 h3 {font-size: 15px; margin-bottom: 6px; font-weight: bold;}
div#col1 h4 {font-size: 13px; margin-bottom: 6px; font-weight: bold;}

div#col1 ul#breadcrumbs {font-size: 11px; margin: 0 0 1em 0; padding-bottom: 1em; background:url(../images/dot.gif) repeat-x 0 bottom; color: #666666; /*padding-top: -7px;*/ margin-top: -7px; left: 0; }
div#col1 ul#breadcrumbs a {color: #666666;}
div#col1 ul#breadcrumbs li {display: inline;}

div#col1 div.img1 {width: 238px;}
div#col1 div.img2 {width: 179px;}
div#col1 div.img1, div#col1 div.img2 {float:left; margin:4px 15px 15px 0; border:1px solid #b7b6b8; background-color:#DCD4E3; color: #431B64; font-size:11px;}
div#col1 div.img1 p, div#col1 div.img2 p {margin-bottom:0; padding:0 5px 3px 5px; text-align: center;}

div#col2 p#enquiryLink {clear:both; position:relative; height: 61px;}
div#col2 p#enquiryLink a {display: block; width: 198px; height: 61px; background:url(../images/btn_enquiry.png) 0 top; text-indent:-9999em; margin:10px 0 0 10px; text-decoration: none;}
div#col2 p#enquiryLink a:hover {background:url(../images/btn_enquiry.png) 0 bottom;}

div#col1 ul {margin: 0 0 1em 0; padding: 0; left: 15px; position: relative; list-style-type: disc;}
div#col1 ul.li2cols li {list-style-type:disc; width:200px; display:block;}
div#col1 ul.files {margin-left:0; list-style-type:none; display: block; width: 350px; clear: left;}
div#col1 li.pdf { background:url(../images/file_types/pdf.gif) no-repeat 0 0; list-style:none; padding-left:22px; margin-bottom:8px;}

/* ------------------- COLUMN 2 ------------------- */

div#col2 {float: right; width: 218px; background-color: #EDECEE; ; margin-top: -25px; /*margin-top: -48px;*/ font-size: 12px; border-left: 1px solid #CFCED1; border-right: 1px solid #CFCED1; /*border-bottom: 1px solid #CFCED1;*/}
div#col2 h2 {background:#DCD4E3 url(../images/arrw1.gif) no-repeat 5px center; padding: 0px 0px 0px 20px; font-size: 17px; border-bottom: 1px solid #C7C0CE;}

/* sec nav */
div#col2 ul#secNav {background:url(../images/secNav_bg.png) repeat-x 0 top; font-size: 13px; margin-bottom:-1px;}
div#col2 ul#secNav h3 {font-weight: bold; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-left: 20px; font-size:11px; margin-top:2px; color:#1D3863; margin-bottom: 2px;}
div#col2 ul#secNav li {border-bottom: 1px solid #CFCED1; background:url(../images/secNav_bg.png) repeat-x 0 top;}
div#col2 ul#secNav li a {display: block; padding: 6px 7px 6px 20px; text-decoration: none; color: #1D3863; background:url(../images/arrw2-purple.gif) no-repeat 9px 11px; }
div#col2 ul#secNav li a:hover, div#col2 ul#secNav li.active li a:hover {color: #431B64; background-color: #FFF;}
div#col2 ul#secNav li.active a {background:#431B64 url(../images/arrw2-white.gif) no-repeat 9px 11px; color: #FFF;}
div#col2 ul#secNav ul {border:none;  background: none; font-size:12px; margin-bottom:7px;}
div#col2 ul#secNav ul li, div#col2 ul#secNav li.active a ul li {border:none;  background: none;}
div#col2 ul#secNav ul li a, div#col2 ul#secNav li.active ul li a {border:none; padding:2px 0 2px 29px; background:url(../images/arrw3-purple.gif) no-repeat 20px 7px; font-weight: normal; color: #1D3863;}
div#col2 ul#secNav ul li.active a, div#col2 ul#secNav ul li.active a:hover {color: #FFF; padding:3px 0 3px 29px; background:#431B64 url(../images/arrw3-white.gif) no-repeat 20px 8px;}
div#col2 ul#secNav ul ul {margin-bottom:4px;}
div#col2 ul#secNav ul li ul li a, div#col2 ul#secNav ul li.active ul li a, div#col2 ul#secNav li.active ul ul li a {border:none; padding:2px 0 2px 40px; background:url(../images/arrw4-purple.gif) no-repeat 31px 7px; font-weight: normal; font-size:11px;}
div#col2 ul#secNav ul li ul li a:hover, div#col2 ul#secNav ul li.active ul li a:hover {border:none; padding:2px 0 2px 40px; color: #431B64; background:#FFF url(../images/arrw4-purple.gif) no-repeat 31px 7px;}
div#col2 ul#secNav ul li ul li.active a, div#col2 ul#secNav ul li ul li.active a:hover {color: #FFF; padding:2px 0 2px 40px; background:#431B64 url(../images/arrw4-white.gif) no-repeat 31px 7px; }

/* ---- booking buttons ---- */
div#col2 ul#secNav ul li#bookingInfo a, div#col2 ul#secNav ul li#bookYourPlace a {display: block; width: 178px; height: 34px; background-repeat: no-repeat; text-indent: -9999em; padding:0; margin:5px 0 5px 20px;}
div#col2 ul#secNav ul li#bookingInfo a {background:transparent url(../images/btn_bookinginfo.png) 0 0;}
div#col2 ul#secNav ul li#bookingInfo a:hover {background:transparent url(../images/btn_bookinginfo.png) 0 34px;}
div#col2 ul#secNav ul li#bookYourPlace a {background:transparent url(../images/btn_bookyourplace.png) 0 0;}
div#col2 ul#secNav ul li#bookYourPlace a:hover {background:transparent url(../images/btn_bookyourplace.png) 0 34px;}

/* ------------------------------------------------------------
	SECTION SPECIFIC
------------------------------------------------------------ */

/* ------------------- ABOUT SPECIFIC ------------------- */

/* contact page */
div#col1 div#addrBlcks {margin-bottom:1.5em;}
div#col1 p#addrBlck1 {width: 195px; float: left;}
div#col1 p#addrBlck2 {width: 350px; float: left;}

/* Clearing floats without extra markup  */
div#col1 div#addrBlcks { display: inline-block; }
div#col1 div#addrBlcks:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html div#col1 div#addrBlcks { height: 1%; }
div#col1 div#addrBlcks { display: block; }

/* ----------- feature boxes --------- */

/* --- feature standard --- */
div#col1 div.feature {clear: both; border: 1px solid #CFCED1; padding: 5px; margin-bottom: 20px; background-color:#FFF;}
div#col1 div.feature h3 {color: #FFF; background-color: #60407D; padding: 2px 5px 4px 5px; font-size:13px;}
div#col1 div.feature img {float: left; margin:3px 15px 8px 0; border: 1px solid #CFCED1; padding:6px;}

div#col1 div.feature p {margin:13px 0 0 0;}

div#col1 div.feature p.feature_btm {color: #431B64; background-color:#DCD4E3; margin-bottom:0; padding: 2px 5px; clear:both;}

div#col1 div.feature p.feature_btm_pdf {color: #431B64; margin-bottom:0; padding: 2px 5px 2px 23px; clear:both; background:#DCD4E3 url(../images/file_types/pdf.gif) no-repeat 3px 2px; }

div#col1 div.feature p.feature_btm_html {color: #431B64; margin-bottom:0; padding: 2px 5px 2px 5px; clear:both; background-color:#DCD4E3; }

/* --- feature small --- */
div#col1 div.featureSmall, div#col1 div.featureSmallAlt {float: left; width: 308px; border: 1px solid #CFCED1; padding: 5px; margin-bottom: 20px;}
div#col1 div.featureSmallAlt {float: right;}
div#col1 div.featureSmall img, div#col1 div.featureSmallAlt img {float: left; margin:0px 8px 0 0; border: 1px solid #CFCED1; padding: 3px;}
div#col1 div.featureSmall h3, div#col1 div.featureSmallAlt h3 {color: #FFF; background-color: #60407D; padding: 2px 5px; font-size:13px;}
div#col1 div.featureSmall p, div#col1 div.featureSmallAlt p {font-size:12px;}


/* links page specific */
div#col1 div.link {border: 1px solid #CFCED1; padding: 8px 5px 8px 5px; margin-bottom: 20px; background-color:#FFF;}
div#col1 div.link img {float: left; margin:2px 10px 8px 0; padding:0;}
div#col1 div.link div.linkDesc {float: right; width: 470px;}
div#col1 div.link div.linkDesc p {margin-bottom:0;}


/* ------------------- SUSTAINABILITY CONFERENCE SPECIFIC ------------------- */




/* ------------------- WHAT'S ON SPECIFIC ------------------- */
span#wo_date {margin-left: 8px;}
span#wo_starts {}
span#wo_ends {margin-left: 7px;}


/* ------------------- DOWNLOADS SPECIFIC ------------------- */

div#col2 div#help {background:url(../images/help_bg.png) repeat-x 0 0; padding:21px 21px 1em 21px;}

div#col2 div#help h3 {font-size: 12px; color: #431B64; font-weight: bold; margin-bottom: 2px;}

div#col2 div#help h3.pdf {background:url(../images/file_types/pdf.gif) no-repeat 0 0; padding-left:20px; margin-left: -3px; padding-top:3px;}

div#col2 div#help {font-size: 11px; color: #333333;}





/* ------------------- FOOTER STYLES ------------------- */

div#footer {background:url(../images/dot.gif) repeat-x 0 0; clear: both; color: #666; font-size: 11px; padding-top: 10px; padding-bottom:5px; background-color: #FFF; margin-left:20px; line-height: 1.8;}
div#footer p#contact {float: left; }
div#footer p#credits {float: right; margin-right:10px; margin-top:3px; text-align:right;}
div#footer a {text-decoration: none; color: #666;}
div#footer a:hover {text-decoration: none; color: #431B64;}

div#footer span#call {color: #431B64; font-size: 13px; font-weight: bold; background:url(../images/phone.gif) no-repeat 0 0; padding-left: 18px;}

div#footer a#toTop {background:url(../images/totop_bg.gif) no-repeat 0 3px; padding-left: 8px;}
div#footer a#toTop:hover {background:url(../images/totop_bg.gif) no-repeat 0 -34px;}

/* ------------------- HOMEPAGE SPECIFIC ------------------- */

body#home div#container {background-image:none;}
body#home #footer {border: 0;}
body#home div#content {border-top: 0; border-bottom: 17px #DCD4E3 solid; position: relative; background:#6991CC url(../images/home_bg3.jpg) no-repeat 0 bottom; min-height: 510px; padding-top: 21px; width: 928px;}

body#home div#content p {margin-bottom: 10px;}
body#home div#col1 {color: #FFF; position: absolute; bottom: 0;}
body#home div#col1 h2 {display: block; width: 104px; height: 20px; text-indent:-9000em; background:url(../images/home_welcome_bg.gif) no-repeat 0 0; padding-bottom: 6px;}
body#home div#col1 p {color: #000; width: 507px;}

body#home div#col1 ul {margin:0; list-style-type:none;}
body#home div#col1 ul li {float: left; text-indent: -9999px; margin-right: 10px;}
body#home div#col1 ul li a {text-decoration: none;}
body#home div#col1 ul li#whatIs a {display: block; width: 157px; height: 29px; background:url(../images/btn_whatis.png) 0 bottom;}
body#home div#col1 ul li#whatIs a:hover {background:url(../images/btn_whatis.png) 0 top;}
body#home div#col1 ul li#nigelsVision a {display: block; width: 106px; height: 29px; background:url(../images/btn_nigels.png) 0 bottom; }
body#home div#col1 ul li#nigelsVision a:hover {background:url(../images/btn_nigels.png) 0 top;}
body#home div[id="col2"] { background-image:url(../images/col2opq_bg.png); background-color:transparent;}

/* --- col2 --- */
body#home div#col2 {border: 0; margin: 15px 0 60px 0; width: 218px;}
body#home div#col2 ul#nav_cat_archive {margin-bottom: -4px; border-bottom: none; background: none;}
body#home div#col2 h3 {font-size: 12px; font-weight: bold; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-left: 19px; padding-top:4px; /*border-top: 1px solid #FFF;*/ }
body#home div[id="col2"] h3 { background:transparent url(../images/col2opq_bg.png) repeat-x 0 0;}
body#home div#col2 ul {/*border-bottom: 1px solid #CFCED1;*/ padding-bottom: 4px;}
body#home div[id="col2"] ul {background:transparent url(../images/col2darkopq_bg.png) repeat-x 0 bottom;}
body#home div#col2 ul.last {border-bottom: none; background: none;}
body#home div#col2 ul li a {color: #000; background:url(../images/arrw2-purple.gif) no-repeat 1px 4px; text-decoration: none; margin-left: 9px; padding-left: 10px; display:block;}
body#home div#col2 ul li a:hover {color: #431B64; text-decoration: underline;}

/* --- promotions ---  */
div#promotions {clear: both; font-size: 11px; background:#FFF url(../images/promotions_bg.png) no-repeat 0 bottom; border-top: 1px solid #C7C0CE; display: block;}
div#promotionsInner {border-top: 14px solid #FFF; border-bottom: 1px solid #FFF;}
div#promotions h2 {display: none;}
div#promotions p {margin-bottom: 5px;}
div.promotion {width: 189px; margin-right: 14px; display: block; float: left; position: relative; padding-left: 101px; padding-top: 10px; padding-bottom: 13px; padding-right: 10px; border-top: 1px solid #E2DFE5;}
div.promotion.last {margin:0;}
div.promotion img {position: absolute; top: 13px; left: 13px;}
div.promotion h3 {font-size: 16px; padding-bottom: 0px; margin-bottom: 0; font-family: "Gill Sans", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
div.promotion p a {background: transparent url(../images/arrw1.gif) no-repeat 5px center; padding-left: 20px;}

/* --- footer --- */
body#home div#footer {background-image:none;}

div#col1 ul#prev_conf_entries {margin: 0; padding: 0;}
div#col1 ul#prev_conf_entries li {list-style-type: none; padding: 0;}
div#col1 ul#prev_conf_entries img {float: left; margin-right: 15px; border: 2px solid #b7a8c4;}
/*ul#prev_conf_entries div.prev_summary {width: 500px;}*/

ul#sitemap {margin: 0; padding: 0; position: relative; left: -10px;}
ul#sitemap ul {margin: 0 0 10px 0; padding: 0;}
ul#sitemap ul ul {margin: 0 0 10px 0; padding: 0;}
ul#sitemap ul ul li {font-size: .9em;}
ul#sitemap li {list-style-type: none; line-height: 1.8; font-size: 1em; color: #666; padding: 0; margin: 0;}

p.btnwrap {margin: 0 0 30px 0;}
a.nudgeBtn {position: relative; top: 13px;}