/* CSS Document */

* { margin: 0px; padding: 0px; }
#clearer { clear: both; }

body { background: #F6F4F3; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 14px; }

#frame { margin: 15px auto 0px auto; width: 766px; }

#frame-top-index { height: 165px; background: url(../assets/header-index-main.jpg) no-repeat; }
#frame-top-about { height: 165px; background: url(../assets/header-about-main.jpg) no-repeat; }
#frame-top-current { height: 165px; background: url(../assets/header-current-main.jpg) no-repeat; }
#frame-top-past { height: 165px; background: url(../assets/header-past-main.jpg) no-repeat; }
#frame-top-links { height: 165px; background: url(../assets/header-links-main.jpg) no-repeat; }
#frame-top-contact { height: 165px; background: url(../assets/header-contact-main.jpg) no-repeat; }

#frame-nav { height: 23px; background: url(../assets/bkg-nav.jpg) top repeat-y; }

#frame-title-index { height: 50px; background: url(../assets/bkg-title-index.jpg) no-repeat top; padding: 25px 0px 0px 0px; }
#frame-title-about { height: 50px; background: url(../assets/bkg-title-about.jpg) no-repeat top; padding: 25px 0px 0px 0px; }
#frame-title-current { height: 50px; background: url(../assets/bkg-title-current.jpg) no-repeat top; padding: 25px 0px 0px 0px; }
#frame-title-past { height: 50px; background: url(../assets/bkg-title-past.jpg) no-repeat top; padding: 25px 0px 0px 0px; }
#frame-title-links { height: 50px; background: url(../assets/bkg-title-links.jpg) no-repeat top; padding: 25px 0px 0px 0px; }
#frame-title-contact { height: 50px; background: url(../assets/bkg-title-contact.jpg) no-repeat top; padding: 25px 0px 0px 0px; }

#frame-left-content { width: 533px; padding-right: 5px; background: url(../assets/bkg-main-expand.jpg) repeat-y; float: left; }
#frame-left-content p { padding: 0px 25px 10px 25px; }
#frame-left-content h1 { padding: 10px 25px 5px 25px; font-size: 13px; }
#frame-left-content h2 { padding: 0px 25px 5px 25px; font-size: 13px; color: #FF0000; }
#frame-left-content h3 { padding: 10px 25px 2px 0px; font-size: 13px; }

#frame-right-content { width: 228px; background: url(../assets/bkg-right-expand.jpg) repeat-y; float: left; }
#frame-right-content select { width: 190px; margin: 10px 0px 0px 20px; font-size: 10px; }
#frame-right-content p { margin: 10px 20px 0px 20px; }

#frame-right-content2 { width: 228px; float: left; }
#frame-right-content2 select { width: 190px; margin: 10px 0px 0px 20px; font-size: 10px; }
#frame-right-content2 p { margin: 10px 20px 0px 20px; }

#frame-caveat { margin: 0px auto 0px auto; height: 30px; width: 760px; border-top: 1px solid #E3DDDD; text-align: right; }
#frame-caveat p { padding-top: 5px; font-size: 9px;  }

#index-future-panel { background: url(../assets/bkg-future-panel.gif) bottom no-repeat; margin: 6px 25px 5px 25px; width: 483px; }
#index-future-panel p { float: left; text-align: left; width: 260px; padding-left: 10px; }
.index-future-content { padding: 0px 0px 5px 5px; }
.index-future-content img { margin: 0px 10px 10px 10px; float: left; }

a { color: #FF0000; text-decoration: underline; }
a:hover { color: #666666; text-decoration: underline; }
a:visited { color: #FF9900; text-decoration: underline; }

#frame-about { width: 483px; margin: 0px 0px 0px 25px; } 
#frame-about h2 { font-size: 12px; margin-top: 10px; padding: 0px; }
#frame-about p { margin: 0px; padding: 0px 0px 20px 0px; }
.about-pic-left { width: 150px; float: left; }
.about-pic-centre { margin: 0px 11px 0px 11px; width: 150px; float: left; }
.about-pic-group { padding: 0px 0px 10px 0px; }

.highlighted { font-weight: bold; color: #3399CC; }

.divider { background-image:  url("http://www.crippsdevelopments.co.uk/assets/long_divid.gif"); height: 21px; }

/* navigation */
ul { list-style: none; padding-left: 8px; }
li { float: left; }

#home-but a { display: block; width: 156px; height: 23px; margin: 0px; background: url(../assets/but-home.gif) 0 0 no-repeat; }
#home-but a:hover {	background-position: -156px 0; }
#home-but-selected a { display: block; width: 156px; height: 23px; margin: 0px; background: url(../assets/but-home.gif); background-position: -156px 0;}

#about-but a { display: block; width: 98px; height: 23px; margin: 0px; background: url(../assets/but-about.gif) 0 0 no-repeat; }
#about-but a:hover {	background-position: -98px 0; }
#about-but-selected a { display: block; width: 98px; height: 23px; margin: 0px; background: url(../assets/but-about.gif); background-position: -98px 0;}

#current-but a { display: block; width: 169px; height: 23px; margin: 0px; background: url(../assets/but-current.gif) 0 0 no-repeat; }
#current-but a:hover {	background-position: -169px 0; }
#current-but-selected a { display: block; width: 169px; height: 23px; margin: 0px; background: url(../assets/but-current.gif); background-position: -169px 0;}

#past-but a { display: block; width: 149px; height: 23px; margin: 0px; background: url(../assets/but-past.gif) 0 0 no-repeat; }
#past-but a:hover {	background-position: -149px 0; }
#past-but-selected a { display: block; width: 149px; height: 23px; margin: 0px; background: url(../assets/but-past.gif); background-position: -149px 0;}

#links-but a { display: block; width: 73px; height: 23px; margin: 0px; background: url(../assets/but-links.gif) 0 0 no-repeat; }
#links-but a:hover {	background-position: -73px 0; }
#links-but-selected a { display: block; width: 73px; height: 23px; margin: 0px; background: url(../assets/but-links.gif); background-position: -73px 0;}

#contact-but a { display: block; width: 105px; height: 23px; margin: 0px; background: url(../assets/but-contact.gif) 0 0 no-repeat; }
#contact-but a:hover {	background-position: -105px 0; }
#contact-but-selected a { display: block; width: 105px; height: 23px; margin: 0px; background: url(../assets/but-contact.gif); background-position: -105px 0;}