/* CSS for solihulladvocacy.org.uk */

/*-------------------------------------------------
| Global Reset: Based upon Eric Meyer's Reset
--------------------------------------------------*/
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0;
  font-size: 100%; vertical-align: baseline; background: transparent;}
  body { line-height: 1; }
  ol, ul { list-style: none; }
  blockquote, q { quotes: none; }
  :focus { outline: 0; }
  ins { text-decoration: none; }
  del { text-decoration: line-through; }
  /* tables still need 'cellspacing="0"' in the markup */
  table { border-collapse: collapse; border-spacing: 0;}
/*---------------------------------------------------
| Sensible Defaults aka Global Reset-reset
----------------------------------------------------*/
  strong          { font-weight: bold; }
  em              { font-style: italic; }
  * a             { position: relative; } /* Gets links displaying over a PNG background */
  a img           { border :none; } /* Gets rid of IE's blue borders */
/*---------------------------------------------------------
| =Utility Styles
---------------------------------------------------------*/
hr {
  border: 0;
  color: #aaa;
  background-color: #aaa;
  height: 3px;
  margin: 25px 0;
}
.display_none{display:none;}
/*---------------------------------------------------------
| =Typography
---------------------------------------------------------*/
  html { font-size: 62.5%; }
  body { font: 1.4em/1.5 Verdana, Arial, Helvetica, sans-serif; }
  /*---------------------------------------------------------
  | =Headings                                             
  ---------------------------------------------------------*/
  h1,h2,h3,h4,h5,h6 { margin-bottom: 1em; }
  h1 { font-size: 2.0em; }
  h2 { font-size: 1.6em; }
  h3 { font-size: 1.5em; }
  h4 { font-size: 1.4em; }
  h5 { font-size: 1.3em; }
  h6 { font-size: 1.2em; }
  /*---------------------------------------------------------
  | =Paragraphs and Lists                                             
  ---------------------------------------------------------*/
  #main p, #main ul, #main ol, #main dl { margin-bottom: 1em; }
  #main ul li, #main ol li {
    list-style: square;
    list-style-position: inside;
  }
  /*---------------------------------------------------------
  | =Miscellaneous                                             
  ---------------------------------------------------------*/
  acronym { border-bottom: 1px dotted #444; cursor: help; }
  blockquote{
    margin :1em 0 1em 1.5em;
    border: 1px solid #ccc;
    border-width: 1px 0;
  }
  /*---------------------------------------------------------
  | =Links
  ---------------------------------------------------------*/
  a, a:link, a:visited {
    color: #336;
    text-decoration:none;
    border-bottom:1px solid #999;
  }
  a:hover, a:active, a:focus  { color: #999; }
/*---------------------------------------------------------
| =Navigation
---------------------------------------------------------*/
#nav { width: 220px; float: left; }
#nav ul { 
  list-style: none; 
  margin-bottom: 50px; 
  padding: 0 0 25px 0;
  background: url(../images/menu_base.jpg) no-repeat 0 bottom;
}
#nav ul li{
  width:200px;
  height:30px;
  border-bottom: 2px solid #fff;
}
#nav ul li.top,
#nav ul li.bottom {
  height:25px;
  width:200px;
}
#nav ul li.top {
  background: url(../images/menu_top.jpg) no-repeat;
  border-bottom:solid 2px #fff;
}
#nav ul li.bottom {
  margin-bottom:-5px;
  background: url(../images/menu_base.jpg) no-repeat bottom;
}
#nav ul li a img { 
  float: left;
  position: relative;
  top: 5px;
  left: 5px;
}
#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
  display: block;
  height:30px;
  line-height: 30px;
  color:#fff;
  background: #0e3f7c;
  text-indent: 10px;
}
#nav ul li a:hover,
#nav ul li a:active,
#nav ul li a.current { 
  color: #aba1fa; 
  text-decoration: underline; 
}
/*---------------------------------------------------------
| =Layout
---------------------------------------------------------*/
body{
  background: #dbdbdb;
  color: #000;
}
#container{
  width:950px;
  margin: 20px auto;
  background-color:#fff;
}
  /*---------------------------------------------------------
  | =Header
  ---------------------------------------------------------*/
  #header{height:176px; width:950px;}
  #header h1 { display: none; }
  #header a { border: 0 }

  /*---------------------------------------------------------
  | =Content
  ---------------------------------------------------------*/
  #content{width:900px; margin: 0 10px 0 0;}
  div#main {
    float:right;
    width:655px;
    padding-bottom:25px;
  }
  /*---------------------------------------------------------
  | =Footer
  ---------------------------------------------------------*/
  #footer{
    clear:both;
    height: 120px;
    font-size: 0.7em;
    text-align: center;
    background: #dbdbdb url(../images/footer.jpg) no-repeat top; 
  }
  #footer > div { position: relative; top: 60px; }
/*---------------------------------------------------------
| =Images
---------------------------------------------------------*/
img { border: 2px solid #0e3f7c; }
img.img_float_left{
  float:left;
  margin:0 15px 10px 0;
}
img.img_float_right{
  float:right;
  margin:0 0 10px 15px;
}
/*---------------------------------------------------------
| =Forms
---------------------------------------------------------*/
form label{
  text-align: left;
  margin-right: 0.5em;
  display: block;
  font-weight:bold;
}
form .submit input{ margin-left: 6.5em; }
form fieldset{
  border: 2px solid #c6e1fe;
  padding:25px 15px 25px 15px;
  background:url(../images/gradient.jpg) repeat-x bottom left;
}
form legend{
  color: #fff;
  background: #0e3f7c;
  border: 1px solid #fff;
  padding: 2px 6px;
  font-weight:bold;
}
form p { margin-bottom:15px; }
/*---------------------------------------------------------
| =Tables                                             
---------------------------------------------------------*/
table, table td { border: 0; }