@import "colours.css";
@import "gallery.css";


.design_credit a { text-decoration: none }

#content { margin: -20px 60px 5px 300px; text-align: left; position: relative; padding-top: 0; padding-bottom: 130px; }

#site_address { position: absolute; top: 42px; padding: 0; margin: 0; right: 0px; text-align: right; font-size: 11pt }

#site_copyright { display: none }
#site_copyright span { margin: 0 5px 0 5px; vertical-align: middle; }

#site_nav_menu li a { font-family: helvetica, sans-serif;font-size: 18px; }
#site_nav_menu li a { text-decoration: none; }
#site_nav_menu li  { border-bottom-style: solid; border-bottom-width: 3px; }
#site_nav_menu li.current  { border-bottom-style: solid; border-bottom-width: 3px; }
#site_nav_menu li { line-height: 24px; position: relative; float: left; height: 25px; margin: 0 0 0 -3px; padding: 0; font-size: 14px; text-align: left; border: none; width: 185px; text-align: center; border: 3px solid;}
#site_nav_menu { position: absolute; bottom: 50px; left: 0px; width: 100%; height: 30px; margin: 0; padding: 0; list-style-type: none;}


#site_title { margin: 0; padding: 0; left: 0px; top: 5px; width: 241px; height: 241px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute;  background: url(../../img/layout/noshoe.png); 
-ms-box-sizing: border-box
}
#site_title a { position: absolute; left: 241px; top: 95px; display: block; width: 370px; height: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 16px; line-height: 24px; border-top: solid 3px; border-bottom: solid 3px; text-decoration: none; text-align: center; margin:0; padding: 0 8px 0 0;
-ms-box-sizing: border-box
}
#page_title { margin: 0; padding: 0 5px 0 0; right: 20px; top:-100px; width: 335px; height: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: absolute;
font-size: 16px; line-height: 24px; background-image: url(img/layout/white_arrow.png); background-repeat: no-repeat; text-align: right; border-bottom-style: solid; border-bottom-width: 3px; border-top-style: solid; border-top-width: 3px; border-right-width: 3px; border-right-style: solid;
-ms-box-sizing: border-box
}
div>h2#page_title { right: -60px; }
#layout1 { top: 100px; width: 25px; height: 3px; background-color: #000; left: 238px; position: absolute; font-size: 1px }


body { text-align: center; width: 100%; margin: 0; overflow-x: hidden; font-family: helvetica, sans-serif; font-size: 11pt; }

div.body { text-align: left; width: 982px; margin:20px auto auto auto; padding: 220px 0 0 0; position: relative; border-width: 20px; border-style: none solid solid solid;}
body>div.body { width: 942px;}

h2 { margin: 0 0 8px 0; padding: 0; font-size: 18pt; font-weight: bold; }
h3 { margin: 0 0 6px 0; padding: 0; font-size: 12pt; font-weight: bold; width: 530px }

html { height: 100%; }

img { border: none; }

p { margin: 0 0 25px 0; width: 530px; text-align: justify}

div#biographies { width: 240px; }
div.bio2 { float: left; width: 75px; }
div.bio2 h3 { clear: left; font-size: 9px; font-weight: normal; text-align: center; width: 75px; }
div.bio2 h3 span { display: none; }
.bio2 img { float: left; border: 2px solid #ddd; width: 64px; height: 64px; margin: 4px; }
div#activebio { margin-left: 240px; width: 360px; height: 320px; }
div#activebio p { width: auto; margin: 0; }
div#activebio h3 { width: auto; margin: 0 0 10px 0; padding-top: 5px; }
div#activebio span { font-style: italic; font-size: smaller }

div.bio a { text-decoration: none; }
div.bio span { font-style: italic; font-size: smaller }
p.quote { margin: 4px 0; font-style: italic; }
p.details { margin: 0; }

.bio img { position: absolute; border: 1px solid #ddd; }
.bio p { padding-left: 115px }
.bio h3 { padding-left: 115px }


#showlist p { margin: 0 0 0 85px; }
#showlist h4 { margin: 8px 0 2px 0px; padding: 0}
#showlist h4 em { position: absolute; left: 85px; margin-top: 0px; padding:0}

div#query { width: 535px; margin-top: 25px; }

div#sidebar { width: 220px; position: absolute; left: -280px; top: 60px; }
div#sidebar p { width: 100%; }
div#sidebar li { padding: 3px; text-align: left; }
div#sidebar li label { text-align: left; display: block; margin: 2px 0 0 0; float: left; font-size: 10px; vertical-align: bottom; width: 50px}


div#sidebar
{
    font-family: "Lucida Grande", sans-serif;
    font-size: 12px;
    color: #085258;
}
div#sidebar a { color: #085258; }
div#sidebar h4 { margin: 10px 0; }
div#sidebar ul { 
margin: 8px 0;
width: 100%;
-webkit-border-top-left-radius: 0.5em;
-moz-border-radius-topleft: 0.5em;
list-style-type: none;
padding: 0;
background-color: #8ecce4;
}

div#sidebar label 
{
    color: #0C717A;
}

div#sidebar li.showlocation
{
    background-color: #addff1;
}

div#sidebar li span { width: 165px; display: block; padding-left: 50px;}