/* this css is for content coming below header, above right & left navs */

* html {padding: 0; margin: 0;}

ul, ol, dl {position: relative;/* IE DISSAPPEARING LIST BG BUG FIX */}

body {font: small/1.2em Verdana, Helvetica, sans-serif;  margin: 0; padding: 0; background-color: #D1DADE; }
p {margin: 10px 0;}
form {margin: 4px 0; padding: 0;}
img {border: none;}
h1 {font-size: large; font-weight: bold; color: #0B489C; margin: 10px 0;}
h2 {font-size: small; font-weight: bold; text-transform: uppercase; color: #FF6600; margin: 0; padding: 0;}
h3 {font-size: small; font-weight: bold; color: #4D94C4; margin: 0 0 5px 0; padding: 0; border-bottom: 1px solid #CCC4BF;}
h4 {font-size: small; font-weight: bold; color: #666666; margin: 0 0 5px 0; padding-top: 20px; border-bottom: 1px solid #CCC4BF;}

hr {border: none; height: 1px; background: #CCCCCC; margin: 2em 0;}

strong {color: #666666;}

a {color: #FF3300;}
a:hover {text-decoration: none;}

#wrapper {width: 800px; margin: 0 auto; text-align: center;}

#container {float: left; width: 748px; border-left: 1px solid #000033; border-right: 1px solid #000033;  text-align: left; background-image: url(../images/bg.jpg); background-repeat: repeat-y; background-position: 0 0;}

#header {float: left; width: 750px; height: 100px; background-color: #CCCCCC;}
#headerHome {float: left; width: 748px; height: 149px; background: url(../images/kcabs_home.jpg) no-repeat top right;}
#headerAims {float: left; width: 748px; height: 149px; background: url(../images/aims_top.jpg) no-repeat top right;}
#headerAdvice {float: left; width: 748px; height: 149px; background: url(../images/advice_top.jpg) no-repeat top right;}
#headerLinks {float: left; width: 748px; height: 149px; background: url(../images/links_top.jpg) no-repeat top right;}
#headerContact {float: left; width: 748px; height: 149px; background: url(../images/contact_top.jpg) no-repeat top right;}
#headerLocal{float: left; width: 748px; height: 149px; background: url(../images/local-top.jpg) no-repeat top right;}

#topNav {float: right; width: 480px; font-size: small; color: #000033; margin: -18px 0 20px 0; border-bottom: 1px solid #0B479D;}
* html #topNav {margin-top: -21px;}
#topNav ul{float: right; margin: 0; padding: 0; list-style-type: none;}
#topNav li{float: left; display: inline; margin: 1px 2px 0 0;}
#topNav a {text-decoration: none; font-weight: bold; font-size: x-small; text-transform: uppercase; background-color: #0B479D; padding: 2px 4px; border-top: 1px solid  #062655; border-right: 1px solid  #062655;  border-left: 1px solid  #062655;}
#topNav a:link {color: #FFFFFF;}
#topNav a:visited {color:#FFFFFF;}
#topNav a:hover {color: #062655; background-color: #FFFFFF;}
#topNav .current {color: #062655 !important; background-color: #FFFFFF;}

#outer {position: relative; width: 385px; margin-left: 166px;}
#inner {float: left; width: 385px;}
#center {float: right; width: 385px;}

#content {float: left; width: 360px; padding: 0; line-height: 1.5em; color: #333333;}

#outerHome {position: relative; width: 521px; margin-left: 30px;}
#innerHome {float: left; width: 521px;}
#centerHome {float: right; width: 521px;}

#contentHome {float: left; width: 480px; padding: 0; line-height: 1.5em; color: #333333;}

#content ul, #contentHome ul, #outerAnnrep ul {margin: 0 0 0 15px; padding: 0; list-style: none;}
#content li, #contentHome li, #outerAnnrep li {background: url(../images/orange_dot.gif) no-repeat 0 8px; padding-left: 10px; color: #000000;}


#outerAnnrep {position: relative; width: 521px; margin-left: 166px;}
#innerAnnrep {float: left; width: 521px;}
#centerAnnrep {float: right; width: 521px;}

#contentAnnrep {float: left; width: 480px; padding: 0; line-height: 1.5em; color: #333333;}

#left {position: relative; width: 145px; margin-left: -165px; margin-right: -1px; font-size: small; text-align: center;}
* html #left {float: left;  margin-right: -3px;}
#left ul{margin: 0 0 0 5px; padding: 0; list-style-type: none;}
#left li {margin: 3px 0; padding: 3px 0; font-weight: bold; font-size: x-small; color: #333333;}
#left li a {font-weight: normal;}

#leftContent {margin-top: 5px;}
#left img {margin: 10px 0; border: none;}

#right {float: right; position: relative; width: 195px; margin-right: -194px; margin-left: -1px; font-size: x-small;}

#right ul{margin: 0; padding: 0; list-style-type: none;}
#right li{margin: 5px 0;}

#rightContent {padding: 0;}

#right h2 {font-size: small; text-transform: uppercase; color: #FF0000; margin: 0; padding: 0; border-bottom: 1px solid #709FCF;}
#right strong {color: #000033;}
#right hr {height: 1px; background-color: #709FCF; border: none; margin: 5px 0; padding: 0;}

#footer {float: left; clear: both; width: 738px; margin: 20px 0 0 0; padding: 5px; font-size: xx-small; border-top: 1px dotted #000033; background-color: #FFFFFF;}
#footer ul {float: left; clear: both; width: 100%; margin: 0; padding: 0; list-style: none;}
#footer li {display: inline;}
#footer a {}

.clear {clear: both;}
.highlight {background-color: #FFFF99;}
.bg {display: block; background-color: #DFEAFF; padding: 10px; margin: 20px 0; font-size: 0.8em; line-height: 1.3em; border: 1px solid #B3CDFF;}
.bg li {margin: 7px 0;}
.bgDot {display: block; padding: 5px 10px 10px 10px; margin: 20px 0; font-size: small; line-height: 1.3em; border: 1px dotted #09499C;}
.bg strong {text-transform: uppercase; font-size: 1.1em;}
.smallFont {font-size: small; line-height: 1.3em;}
.xsmallFont {font-size: x-small; line-height: 1.2em;}
.mediumFont {font-size: medium;}
.largeFont {font-size: large;}
.phone {font-size: 1.4em;}
.logo {margin-left: 0;}
.toRight {float: right;}
.toLeft {float: left;}

.caseStudies {float: left; width: 125px; margin: 10px 0 10px 2px; font-size: 0.85em; border: 1px solid #FFE364;  padding: 5px; text-align: left; font-size: x-small;}
.caseStudies strong {color: #09499C;}