/* jfstyle.css - stylesheet */

/* BODY */
body {
font-family: Helvetica, Ariel, sans-serif; 
font-size: 100%;
background: #cff0f4;
margin: 0;
padding: 0;
} 
/* I have included this font size 100% as I have read that IE oversizes ems and this is a workaround */

/* HEADERS */
h1,h2,h3,h4,h5 {
color: #008ba7;
font-weight: normal;
}

h1 {
font-size: 1.5em; 
line-height: 1.3em;
margin: 0 0 0 0;
}

h1.space {
margin: 20px 0 0 0;
}

h2 {
font-size: 1.3em; 
line-height: 1.3em;
margin: 20px 0 0 0;
}

h3,h4,h5 {
font-size: 1.1em; 
line-height: 1.2em;
margin:  20px 0 0 0;
}

/* TEXT */
p {
color: #25323c; 
font-size: 0.9em;
line-height: 1.5em;
margin: 10px 0 0 0;
}

p.nospace {
margin: 0;
}

ul,ol {
color: #25323c; 
font-size: 0.9em;
line-height: 1.5em;
margin: 10px 0 15px 15px;
padding: 0;
}

li {
margin: 0 0 5px 0;
padding: 0;
}

blockquote {
color: #008ba7; 
font-size: 1.1em;
line-height: 1.5em;
margin: 10px 30px 0 30px;
}

p.atrib {
margin: 0px 30px 0 30px;
}

/* LINKS */

a:link, a:visited {
color: #892388; 
text-decoration: none;
outline: none;
}

a:hover, a:active, a:focus {
color: #897389; 
text-decoration: none;
outline: none;
}

img {border: none}

/* overall container */
#overall {
width:760px;
padding: 0;
margin-left: auto;
margin-right: auto;
}
/* left and right auto margin centres the page in complient browsers */

#banner {
width: 760px;
height: 155px;
margin: 0 0 3px 0;
padding: 0;
background-color: #fff;
}

#banner h1{
float: left;
width: 760px;
height: 155px;
background-image: url(images/forensictherapies-logo.gif);
background-position: 30px 30px;
background-repeat: no-repeat;
text-indent: -1000em;
} 

#banner a{
display: block;
width: 760px;
height: 155px;
overflow: hidden;
}

#container {
width: 760px;
padding: 0;
margin: 0;
background-color: #fff;
}

/* NAV within the section */
#nav {
float: left;
width: 230px;
margin: 0;
padding: 30px 0 0 30px ;
background-color: #fff;
}

/* NAV style */
#nav ul{
list-style: none;
margin: 0 0 10px 0;
padding: 0;
line-height: 1.7em;
}

#nav li{
color: #892388;
font-weight: bold;
margin: 0;
padding: 0 0 10px 0;
}

#nav a, #nav a:visited {
color: #25323c; 
overflow: hidden;
text-decoration: none;
}

#nav a:hover, #nav a:active, #nav a:focus {
color: #897389;
overflow: hidden;
text-decoration: none;
}

#nav ul.sub li{
margin: 10px 0 0 20px;
padding: 0;
font-weight: normal;
font-size: 1.1em;
line-height: 1.3em;
}

/* ACTIVE SECTION style */
#nav a.on, #nav a.on:visited {
color: #892388; 
overflow: hidden;
text-decoration: none;
margin: 0;
padding: 0;
}

#nav a.on:hover, #nav a.on:active, #nav a.on:focus {
color: #897389;
text-decoration: none;
margin: 0;
padding: 0;
}


/* page CONTENT */
#content {
margin: 0 0 0 290px;
width: 440px;
padding: 30px 0px 30px 0;
background-color: #fff;
}

/* FOOTER */

#footer {
width: 440px;
padding: 15px 30px 15px 290px;
margin: 3px 0 0 0;
background-color: #fff;
}

#footer p {
font-size: 0.7em;
padding: 0;
margin: 0;
}