/* normalise the css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }

h1,h2,h3,h4,h5,h6 { font-size : 100%; }

ol,ul { list-style : none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }

em {font-style: italic}
strong {font-weight: bold}

table { border-collapse : collapse; border-spacing : 0; }

fieldset,img { border : 0; }

caption,th { text-align : left; }

q:before, q:after { content :''; }

/* main css  */
html { margin:0; padding:0}

body {margin:0; padding:0; color: #666;background: #fff; 
font: 76%  Arial, Verdana, Helvetica, Sans-Serif; text-align:left; min-width:550px }

h1, h2, h3, h4, h5, h6 { font-family:  Arial, Verdana, Helvetica, Sans-Serif; font-size: 1em; margin:0; padding:0}

p, div, em, strong, td, tr, th, table, ul, ol, li { 
font-family:  Arial, Verdana, Helvetica, Sans-Serif; font-size: 1em,  margin:0; padding:0}



h1 {font-size: 1.5em; margin: 0}
h2 {font-size: 1.3em; margin: 0 0 0.3em}
h3 {font-size: 1.15em; margin: 0.8em 0 0.5em}
h4 {font-size: 1em; margin: 0.8em 0 0.5em}

p {line-height:1.5; margin: 1em 0}

ul {list-style:disc; padding: 0 0 0 2em}
li {margin: 0.3em 0}

/* links */
a:link {color:#B75236; text-decoration:underline}
a:visited {color:#B75236; text-decoration:underline}
a:hover {color:#E95224; text-decoration:underline}
a:active {color:#999; text-decoration:underline}
a {color:#B75236}

a.pdf {}  /* TODO add background image and padding with pic of pdf logo */

/* tables */

.grid {border: 1px solid #B85237; border-width:1px 0 }
.grid th {background: #ddd; font-weight:bold;}
.grid td {background: #eee; }
.grid th, .grid td {padding: 4px 12px;  border: 1px dotted #B85237; border-width:0 0 1px}

/* boxes */

.box {background: #F0F0F0;}
.box h3 {background: #C8D1D8; border-top:1px solid #B85237; border-bottom: 1px dotted #B85237; padding: 2px 5px; font-size: 0.9em; margin-bottom: 0; margin-top:0px}
.box div {padding: 2px 5px; font-size: 0.9em}

/* layout  */
#branding { height: 55px; background: #67737F url(../img/head_bg.jpg) no-repeat}
#branding h1 {text-indent: -9999px}


#nav_main {background:url(../img/nav_main_bg.gif) repeat-x; white-space:normal }
#nav_main h2 {text-indent: -9999px; position:absolute; left:-100px;top: -50px} /* hide title */
#nav_main ul {list-style:none; padding: 0.5em 1em; font-size: 1.1em}
#nav_main li {display:inline; background: transparent; border: 1px solid #B75236; border-width:0 0 0 1px}
#nav_main li.first {border-width:0}	
#nav_main li a, #menu li a:link, #menu li a:visited {
	padding: .2em .5em ;text-decoration: none;  }
body.home #nav_main li a.home span,
body.what #nav_main li a.what span,
body.about #nav_main li a.about span,
body.services #nav_main li a.services span,
body.news #nav_main li a.news span,
body.contact #nav_main li a.contact span
 {font-weight: bold; }
#nav_main li a:hover {background-color: #E9EBEC}	
#nav_main li a.active:hover {background-color:#E9EBEC;}


#content {background:#fff; padding:20px 190px 20px 260px }
#content_left_align {background:#fff; padding:20px 190px 20px 0px }

#content_main, #content_tools, #content_sub {position:relative; float: left; font-size:1.1em}

/* middle col */
#content_main { padding: 0 20px; width: 100%}


/* left col */
#content_tools {width: 240px; padding:0 20px; right: 300px; margin-left: -100%;}

/* right col */
#content_sub {width: 130px; padding:0 10px; margin-right: -100%}

#site_info {background: #fff; clear: both; padding: 5px 10px; border: 1px dotted #67737F; border-width:1px 0 0}



.small {font-size:0.8em}


.clearfix:after {
  content:".";
  clear:both;height:0;visibility:hidden;display:block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */