* {padding:0; margin:0;}
html {background:url(../img/site/html_top.gif) #a6c1d9 top repeat-x; overflow:auto}
body {background:url(../img/site/body_bottom.gif) bottom repeat-x; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e2e3e4}
#outer {background:url(../img/site/outer.jpg) top center repeat-y; width:100%; }
#upper {background:url(../img/site/upper.jpg) top center no-repeat; width:100%;}
#lower {background:url(../img/site/lower.jpg) bottom center no-repeat; width:100%; }
a {color:#2aacff; text-decoration:underline;}
a:hover {color:#1283cc;}
a img {border:none;}
pre { color:#0f0; background-color:#000; }
.left {float:left;}
.right {flaot:right;}
.clear {clear:both;}
.hide { display:none; }
#topnav, #footer { width:980px; background:url(../img/site/top_nav_bkg.png) repeat-x; height:42px; z-index:2; left:50%; margin:0 0 0 -490px; list-style:none; }
#topnav {position:absolute; top:137px; line-height:42px;}
#topnav li {float:left; padding: 0 22px; font-size:14px; text-transform:uppercase;}
#topnav li a {color:#dcdcdc; text-decoration:none}
#topnav li a:hover {color:#abbcd3;}
#topnav li a.active {border-bottom:3px solid #2272a8}
#footer {position:relative; top:-20px;}
#footer li {float:left; height:14px; border-left:1px solid #9aa1a8; font-size:12px; padding:0 10px; margin:14px 0; color:#9aa1a8;}
#footer li a {color:#9aa1a8;}
#footer li:first-child {border:none; padding-left:20px;}
#footer li#kato {border:none; float:right; padding-right:20px}
#container {width:960px; overflow:hidden; margin:0 auto; position:relative; top:0; z-index:1; margin-bottom:-42px}
#header {height:112px; background:url(../img/site/header_bkg.png) top left repeat-x; padding:13px;}
#header h2 {width:296px; height:112px; margin:0 0 0 10px; background:url(../img/site/smma_logo_background.png); padding:0;}
#header h2 a {display:block; height:112px; width:100%; text-indent:-9999px;}
#main {background:url(../img/site/main_bkg.png); padding:52px 142px 72px 10px; overflow:hidden; width:808px; /*min-height:670px;*/}
#pagebody {width:620px; float:right;}
#breadcrumb {list-style:none; background:url(../img/site/page_bkg.png); border:1px solid #4d565d; line-height:16ps; height:16px;padding:6px 10px 4px 5px; margin:0 0 10px 0;}
#breadcrumb li {float:left; font-size:10px; text-transform:uppercase; padding-left:5px}
#breadcrumb li.last {float:right; padding-left:0; }
#breadcrumb li a { padding:0 15px 0 0; text-decoration:none; background:url(../img/site/grey_arrow.gif) right no-repeat;}
#breadcrumb li.last a { padding:0; background:none;}
#pagecontent { background:url(../img/site/page_bkg.png); border:1px solid #4d565d; padding:10px; line-height:1.5; overflow:hidden; position:relative; }
h1 {color:#fad955; margin:0 0 10px 0; font-size:20px; border-bottom:1px solid #4d565d; padding:0 174px 5px 0; width:423px}
h2 {text-transform:uppercase; font-size:16px; color:#fad955; margin:0 0 10px 0; font-weight:normal;}
h3 {color:#2aacff; margin:0 0 10px 0; text-transform:uppercase; font-size:16px; font-weight:normal;}
p {margin:0 0 15px 0;}
#pagecontent ul, #pagecontent ol {margin:0 0 15px 20px}
#pagecontent ul {list-style:square;}
/* HOMEPAGE */
#homebuttons {overflow:hidden; margin:0; padding:0 0 10px 0; clear:both; }
#homebuttons li {width:198px; height:133px; border:1px solid #717273; list-style:none; float:left;}
#homebuttons li#homebuttonMatchme {background:url(../img/site/homebutton_matchme.jpg); margin-right:10px;}
#homebuttons li#homebuttonBrowseclubs {background:url(../img/site/homebutton_browseclubs.jpg); margin-right:10px; }
#homebuttons li#homebuttonMartialarts {background:url(../img/site/homebutton_martialarts.jpg);}
#homebuttons li a {width:100%; height:100%; text-indent:-9999px; display:block}
#homeright {float:right; width:190px;}
#homeright a {display:block; width:190px; height:141px; margin:0 0 10px 0; text-indent:-9999px;}
#homeright span {display:block; width:190px; margin:0 0 10px 0; }
#homeright a#homelink-featured {background:url(../img/site/home_instructors.gif); height:138px}
#homeright a#homelink-matchme {background:url(../img/site/home_ideal.gif); height:138px}
#homeright a#homelink-directory {background:url(../img/site/home_book.gif);}
#homeright a#homelink-parents {background:url(../img/site/home_parents.gif);}
#homevideo {padding:9px; border:1px solid #717273; width:380px; background:#263f54; height:218px;}
#homecontent {width:400px; padding:10px 0; overflow:hidden;}
#pagecontent ul.featuredlinks {text-transform:uppercase; font-size:14px; list-style:none; margin:0;}
#pagecontent ul.featuredlinks li {background:url(../img/site/grey_arrow.gif) left center no-repeat; padding:0 0 5px 17px}
#pagecontent ul.featuredlinks a {text-decoration:none;}
#parents {float:right; border:1px solid #717273;}
.section { background:#263f54; border:1px solid #4d565d; padding:10px; }
.listingresults { margin:0 0 10px 0; clear:both; }
.listingresults dt, .listingresults dt a {font-size:14px; color:#fad955; text-transform:uppercase; float:left; display:inline; text-decoration:none}
.listingresults dd { min-width:480px; clear:right;margin:0 ; font-size:12px}
.listingresults dd.distance {float:right; font-size:10px; text-transform:uppercase; clear:none; padding:6px 0 0 0; border:none; margin:0; min-width:0;}
.listingresults dd a.viewlisting {font-size:10px; text-transform:uppercase; text-decoration:none }
.premium {background:#23445F; border:1px solid #4d565d; padding:10px;}
.premium dt {background:url(../img/site/grey_arrow.gif) left center no-repeat; padding:0 0 0 17px}
.premimg {float:left; height:53px; width:73px;border:1px solid #fff; background:#aaa; margin-right:13px; text-align:center; padding-top:20px}
#pagecontent .pagination {list-style:none; margin:0 0 10px 0; padding:0; overflow:auto; clear:both;}
.pagination li { height:10px; margin:0 5px 0 0 ; background:#263f54; border:1px solid #4d565d; line-height:10px; font-size:10px; text-transform:uppercase; float:left; display:block; padding:4px }
.pagination li a {text-decoration:none;}
#listingdetails {width:260px; float:left; font-size:12px; text-transform:uppercase ; margin:0 0 10px 0;}
#listingdetails a {text-decoration:none;}
a.arrowlink {background:url(../img/site/grey_arrow.gif) left center no-repeat; padding:0 0 0 17px}
#listingdetails #listingcontact {list-style:none; margin:0; }
#listingdetails #listingcontact li {overflow:hidden; padding-bottom:10px;}
#listingdetails #listingcontact strong {float:left;}
#listingdetails #listingcontact span, #listingdetails #listingaddress {float:right; width:160px; display:block; }
#listingimage {width:300px; height:225px; border:1px solid #fff; background:#aaa; text-align:center; float:right; font-size:14px; margin:0 0 10px 10px; font-weight:bold;}
#leftcol {width:178px; float:left;}
#quicksearch {border:1px solid #4d565d; width:176px; height:68px; background:url(../img/site/gradient_bkg_68_x.png) repeat-x;}
#quicksearch .field {background:#a5adb6; border-top:1px solid #45494c; border-right:1px solid #b8bec5; border-bottom:1px solid #cbd0d5; border-left:1px solid #686d73; height:14px; width:150px; padding:3px; margin:9px; font-size:11px; color:#2a3a4a}
#quicksearch .submit {background:#263748; border-top:1px solid #63707d; border-right:1px solid #1d2a38; border-bottom:1px solid #1b252f; border-left:1px solid #475564; width:68px; margin:0 9px; padding:3px; font-size:10px; color:#efefef; text-transform:uppercase; line-height:1; text-indent:0; float:right;}
#quicksearch .submit:hover {background:#2c4053}
#adv {float:left; color:#2aacff; font-size:10px; text-transform:uppercase; background:url(../img/site/blue_arrow.gif) left no-repeat; padding-left:13px; display:block; text-decoration:none; margin:4px 0 0 9px}
#adv:hover {color:#1283cc}
#leftnav {width:176px; overflow:auto; border:1px solid #4d565d; background:url(../img/site/left_nav_bkg.png) repeat-x; margin-top:10px; padding:0 0 10px 0 ;list-style:none; }
#leftnav li {padding:10px 10px 0 10px; text-transform:uppercase; }
#leftnav li a {color:#2aacff; text-decoration:none; font-size:14px;}
#leftnav li a:hover {color:#1283cc;}
#leftnav li ul {list-style:none;}
#leftnav li ul li {padding:0 0 0 10px; height:19px; line-height:19px;}
#leftnav li ul li a {color:#ccc; font-size:10px; font-weight:bold;}
#leftnav li ul li a:hover {color:#97adc1}
#box_header {width:468px; height:60px; border:1px solid #fff; background:#aaa; position:absolute; top:58px; left:480px;}
#box_right {width:120px; height:600px; border:1px solid #fff; background:#aaa; position:absolute; top:189px; left:828px;}
#square_box {width:250px; height:150px; border:1px solid #fff; background:#aaa; padding-top:100px; text-align:center; float:right; font-size:14px; margin:0 0 10px 10px; font-weight:bold;}
/* liz to organise into the above */
#mmt .question { padding: 0pt; border:1px solid #263f54; font-size:1.2em; height:90px;}
#mmt .question p { margin: 20px 20px 10px 20px; border-bottom:1px solid #666; padding-bottom:10px; }
#mmt .answer { height: 220px; }
#mmt .answer form, #mmt .answer form fieldset { height: 100%; }
#mmt .answer form fieldset { border: medium none ; }
#mmt .answer form fieldset div { border:none; background:#263f54; position: relative; }
#mmt .answer form fieldset div label { left: 57px; position: absolute; top: 50%; margin-top:-10px; color:#fad955 }
#mmt .answer form fieldset div input { position: absolute; left: 26px; top: 50%; margin-top:-7px; }
#mmtLoad { left:205px; position:absolute; top:18px; }
#pagevideo { background:#263F54 none repeat scroll 0 0; border:1px solid #717273; padding:9px; width:380px; float:right; margin:0 0 10px 10px; }
#mmtNext, #mmtBack {display:block; background:#263f54; border-color:#63707D #1D2A38 #1B252F #475564; border-style:solid; border-width:1px; padding:5px 12px; text-decoration:none; text-transform:uppercase; color:#e2e3e4;}
#mmtNext:hover, #mmtBack:hover {color:#fad955;}
#percentage {background:#263F54; border:1px solid #263F54; height:8px; margin:-34px 0 28px auto; width:205px;}
#percentage div {border-color:#0A88AF #064A5F #064A5F #0A88AF; border-style:solid; border-width:1px;}
#mmtprogress {position: absolute; font-size: 11px; top: 19px; left: 336px; text-transform: uppercase; color: #1283CC;}
#imagebox {float:right; width:300px; height:225px; margin:0 0 10px 10px; border:1px solid #717273}
#pagecontent #childpagelist { margin:0; padding:0; clear:both; }
#childpagelist li {list-style:none; border:1px solid #777; margin:0 0 5px 0; }
#childpagelist li a {text-decoration:none; color:#E2E3E4; display:block; background:#263f54;padding:2px 4px; font-size:12px;}
#childpagelist li a strong {text-transform:uppercase; display:block; width:575px; color:#2aacff; font-size:13px; padding:0 0 0 13px; background:url(../img/site/blue_arrow.gif) no-repeat scroll left center}
#childpagelist li a:hover {background:#2a455c; }
#childpagelist li a span {text-indent:13px; display:block;}
#mmtstart {text-align:center;}
#mmtstart a {display:block; background:#263f54; border-color:#63707D #1D2A38 #1B252F #475564; border-style:solid; border-width:1px; font-size:19px; padding:5px 12px; text-decoration:none; text-transform:uppercase; width:80px; margin:0 auto;}
#mmtstart a:hover {background:#2a455c}
#mmtfirst {overflow:hidden;background:url(../img/site/mmt_1st.gif) #263f54 left top no-repeat; bordeR:1px solid #777; padding:10px; margin-bottom:10px;}
#mmtfirst p#firstmatch {float:left; width:200px; padding:45px 0 0 55px}
#mmtexplanation {float:right; width:290px; padding:10px;}
#congrats {font-size:1.3em;}
#mmtsecond, #mmtthird {width:238px;bordeR:1px solid #777; padding:45px 0 0 55px; margin-bottom:10px;}
#mmtsecond {background:url(../img/site/mmt_2nd.gif) #263f54 left top no-repeat; float:left;}
#mmtthird {background:url(../img/site/mmt_3rd.gif) #263f54 left top no-repeat; float:right;}
#mmtfirst strong, #mmtsecond strong, #mmtthird strong{color:#2AACFF; text-transform:uppercase;}
#mmtfirst strong {font-size:1.2em; }
#details {background:#263f54; padding:10px;bordeR:1px solid #777; }
#details label {padding:5px 0;}
#details div {padding:5px 0;}
#details input#email, #details input#postcode {width:200px;}
#details input#submit {display:block; background:#263f54; border-color:#63707D #1D2A38 #1B252F #475564; border-style:solid; border-width:1px; padding:5px 12px; text-decoration:none; text-transform:uppercase; color:#e2e3e4; cursor:pointer; margin-top:10px;}
#advancedcontent fieldset, #advanceddirectory fieldset {border:0; padding-bottom:10px;}
#advanceddirectory fieldset {padding:10px 0;}
#advancedcontent input {margin:0 10px; float:left; background:#A5ADB6 }
#contentkeywords {width:200px;}
#martialartsearch div {width:33%; float:left; padding:5px 0;}
#martialartsearch input {margin:4px 5px; float:left; background:#A5ADB6 }
#martialartsearch label {float:left;}
#locationsearch input, #locationsearch select {margin:0 10px; float:left}
#locationsearch input {width:100px; margin:0 0 0 -1px; background:#A5ADB6 }
#locationsearch label {margin-right:10px;}
fieldset#martialartsearch, fieldset#locationsearch, fieldset#keywords {border-bottom:1px solid #345; margin-bottom:5px;}
#locationsearch p {margin:0;}
#advanceddirectory input.search, #advancedcontent input.search {display:block; background:#263f54; border-color:#63707D #1D2A38 #1B252F #475564; border-style:solid; border-width:1px; padding:1px 5px 2px; text-decoration:none; text-transform:uppercase; color:#e2e3e4; cursor:pointer; }
#advanceddirectory input.search {margin-top:5px;}
#advanceddirectory legend {font-weight:bold; margin-left:-2px;}
#advancedcontent label, #keyword label {width:123px; display:block; float:left}
#advanceddirectory #locationsearch label, #advanceddirectory #locationsearch span {float:left; }
#keywords label, #keywords input {float:left; margin:0 10px 0 0;}
#keywords label, #advancedcontent label {font-weight:bold;}
#keywords input {width:220px; background:#A5ADB6 }
#advancedcontent {padding-bottom:20px;}
#pagebottom {border-top:1px solid #555566; clear:both; height:20px; padding:10px 0 0; margin:5px 0;}
.addthis_toolbox {font-size:11px; text-transform:uppercase; background:#263F54 none repeat scroll 0 0; border-color:#1B252F #475564 #63707D #1D2A38; border-style:solid; border-width:1px; float:right; padding:4px; width:160px; height:16px}
.addthis_toolbox a {text-decoration:none;}
.addthis_toolbox #share span {background:url(../img/site/share.gif) no-repeat}
.addthis_toolbox #facebook span {background:url(../img/site/facebook.gif) no-repeat}
.addthis_toolbox #twitter span {background:url(../img/site/twitter.gif) no-repeat}
.addthis_toolbox #digg span {background:url(../img/site/digg.gif) no-repeat}
.addthis_toolbox #delicious span {background:url(../img/site/delicious.gif) no-repeat}
#homeright .addthis_toolbox {position:relative; left:0; top:0; margin:0; width:180px; clear:both;}
#homeright .addthis_toolbox a {padding: 0 5px 0 4px; width:16px; height:16px;}
#homeright .addthis_toolbox a#share {width:58px;}
#homeright .addthis_toolbox #share span {margin-right:7px;}
#at16lb {z-index:100;}
#pagevideo object embed {z-index:1;}
.hermes fieldset {border:0; border-bottom:1px solid #345; margin-bottom:15px; padding-bottom:15px}
.hermes legend {font-weight:bold;}
.hermes label {width:120px; float:left; }
.hermes input, .hermes textarea, .hermes select {width:230px; background:#A5ADB6; float:left;}
.hermes .inputsurround {width:100%; clear:both; padding:8px 0; display:block;}
.hermes textarea {height:80px;}
#martselect div {width:33%; float:left; padding:5px 0;}
#martselect input {margin:4px 5px; float:left; background:#A5ADB6 ; width:10px;}
#martselect label {float:left; width:100px;;}
.hermes #martselect .inputsurround {width:33%; float:left; clear:none;}
.hermes #choosetype label {width:200px;}
.hermes #choosetype input {width:150px}
#recaptcha_widget_div {padding:15px 0}
.hermes input.submit {display:block; background:#263f54; border-color:#63707D #1D2A38 #1B252F #475564; border-style:solid; border-width:1px; padding:1px 5px 2px; text-decoration:none; text-transform:uppercase; color:#e2e3e4; cursor:pointer;}
label.error {clear:both; color:#FAD955; display:block; width:250px;}