body {
      margin: 0;
      padding: 0;
      font-family: "Trebuchet MS","Lucida Sans","Lucida Grande","Lucida Sans Unicode",Lucida,Verdana,Tahoma,sans-serif;
      color: #006; 
      background-color: #9bbdff;
}

.skiplink, .ui-tabs, .ui-tabs-hide {
 display: none;
}

a:link, a:visited {color:#666; text-decoration:underline;}
a.blurb:link, a.blurb:visited {color :#b2ab9b; text-decoration: none;}
a.login, a.login:visited {text-decoration:none; color:#9bbdff; font-weight:bold;}
a.plain, a.plain:visited {text-decoration: none; color: #006;}
a.firefox, a.firefox:visited {text-decoration:none; font-weight:bold; font-size:1em; color:#f90;}
a.archive {text-decoration:none; font-size:1em; color:#39f;}
a:hover, a.blurb:hover {color:#066;}

#loginBox {position:absolute; right:1.5em; top:0.5em; padding:0.15em; background-color:#000; opacity:0.4; filter:alpha(opacity=40);}

#taglineBox {position:absolute; left:450px; top:40px; width:400px; height:60px;}
#taglineBox h2 {color:#fff; background:transparent;}

.clear {clear:both; font-size:1px;}

p {font-size: 0.8em;}
p:first-child { margin-top:0px }
p.center {text-align:center;}
p.bulletheader {font-weight:bold; line-height:1.2; margin-bottom:0.1px; }
p.bulletdescription {line-height:1.2; margin-left:9px; margin-top:1px; }

.signature {font-style: oblique; color: #f39;}

h5.indices {margin: 1em 0 0 1em; padding-top:1em; border-top: 1px solid #eee;}


blockquote p {
  font-style: oblique;
  padding: 0px 15px 0px 0px;
  float: left;
  background: url(resources/quote_down.png) bottom right no-repeat;
}

blockquote {
  padding: 10px 20px;
  width: 500px;
  background: url(resources/quote_up.png) top left no-repeat;
}

cite {
  font: 0.7em normal;
  color: #c00;
  float: right;
  margin-bottom:1em;	
}


#wrapper {
    position: relative;
    margin: 0 auto;
    width: 900px;
    background-color: #fff;
}

#headerIndex, #headerAbout, #headerAdvice, #headerContact, #headerThanks {
    height: 168px;
    background-image: url("resources/candjHeaderBG.jpg");
    background-repeat: no-repeat;
    border-bottom: 2px solid #444;
}
#headerIndex {background-position: top right;}
#headerAbout {background-position:99px -170px;}
#headerAdvice {background-position:99px -338px;}
#headerContact {background-position:99px -507px;}
#headerThanks {background-position:99px -675px;}

#headerIndex h1, #headerAbout h1, #headerAdvice h1, #headerContact h1, #headerThanks h1 {
    margin: 0 0 0 0.65em;
    height: 154px; 
    width: 217px;
    background: url("resources/candjLogo.gif") no-repeat;
    float: left;
    text-indent: -9999px;
}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #20387b; border-right:1px solid #20387b;}
.xb1 {margin:0 5px; background:#20387b;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; text-align:center; background:#fff; border:0 solid #20387b; border-width:0 1px;}
.xboxcontent h5 {margin:0;}

#pageContent {background: url(resources/ifaMan3.jpg) bottom right no-repeat;}

.rightColumn {
 margin: 6px 2px 0px 20px;
 width: 300px;
 float: left;
 min-height: 300px;
}
* html .rightColumn {height:300px} /* IE Min-Height Hack */ 
/* .rightColumn .xboxcontent {padding-left:5px;} */

#newsDiv {margin:0; margin-top:1em; padding:0.5em 0 1em 0.25em; border: 1px solid #c00;}
#newsDiv span {float:left; display: block; margin-right:5px; height: 75px; width: 75px; } 
#newsDiv span img {border:0;}
#newsDiv h5, #newsDiv h6 {margin: 0.25em 0 0 1em;}
* html #newsDiv h5 {margin: 0.5em 0 0 0.5em;}
#newsDiv .rssclass {height:3.5em;}

.rssclass{
margin: 0 0 5px 0;
padding: 0 5px;
/* filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); */
/* opacity: 0.8; */
}

.rssclass a{
text-decoration: none;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
font-size: 0.72em;
color: #000;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: #c00;
font-size: 0.7em;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
color: #444;
font-size: 0.65em;
}

div.image-module { border-bottom: 1px solid #eee; margin-bottom: 0; padding: 20px; position: relative;} 
div.add-module {padding:0 20px;}
div.image-module p.details { color: #666; } 

div.image-module span {float: left; } 
div.image-module span, div.image-module span a { display: block; height: 110px; width: 110px; } 

div.image-module span a { border-bottom-style: none; } 
div.image-module span a img {border:none; margin:0; padding:0;}

div.image-module h4, div.image-module p {margin-left:120px;}

div.image-module h4 {
  margin-bottom:5px;
  margin-top:0;
  font-size:17px;
}
div.image-module h5 {margin-top:1em; margin-bottom:0; text-align:left;}
div.last {border-bottom:none;}

p.imgLeft {
  float: left;
  font-size: 0.8em;
  text-align: center;
  color: #fff;
  margin:1em 1.25em 0.5em 0.25em;
}
p.imgRight {
  float: right;
  font-size: 0.8em;
  text-align: center;
  color: #fff;
  margin:1em 0.25em 0.5em 1.25em;
}

p.imgRight img, p.imgLeft img {
display: block;
border: 0;
}

#addressBox {margin-left:2em;}
#addressBox p {color:#006; font-size:75%;}


#footer {
 position: relative;
 margin-top: 10px;
 border-top: 1px inset #444;
 clear: both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding: 10px;
 background-color: #9bbdff;
}
.copyright {color:#006; font-size:65%; text-align:right; }
.kevbod {position:absolute; left:10px; top:0; font-size:65%;}


/* ******************************************* */
/* ******* styles for enquiry form only ****** */
/* ******************************************* */

/* html fieldset {padding:1em 0; margin:0;}
* html .submit {cursor:default;} */

form {margin:5px; padding:5px; font-size:0.8em;}
form p {font-size: 0.9em; clear:left;}
form fieldset {display:block; border:1px solid #08c; padding:8px; font-family:verdana, sans-serif; margin-bottom:0.5em;}
form fieldset#contactInfo {background:transparent;}
form legend {font-family:verdana, sans-serif; font-weight:bold; border:1px solid #08c; padding:3px; text-align:center;}
form label {clear:left; display:block; float:left; text-align:right; padding-right:10px; margin-bottom:0.5em;}
form label {width:100px;}
form input, form select {float:left; border:1px solid #c00; padding-left:0.5em; margin-bottom:0.5em; /* width:150px; */}
form select {padding:0; width:165px;}
form textarea {clear:right; font-family:verdana, sans-serif; font-size:90%; color:#00f; border:1px solid #fff; padding:0.5em; margin-bottom:0.6em; overflow:auto;}
form input.sub, form input.res {float:left; color:#c00; padding-right:0.5em; cursor:pointer; border:1px solid #004; width:70px;}
form input.sub:hover, form input.res:hover {color:#000; background-color:#c00;}
form input.submit {float:none; background-color:#c2e4a6; padding:0.25em 1em; cursor:pointer;}
form input.submit:hover {background-color:#fff; color:#c2e4a6;}

form#talk img {float:left; clear:right; margin-bottom:0.5em;}

.required {color:#c00; font-size:120%; font-weight:bold;}
.noerror {display:none; visibility:hidden;}
.error {display:block; visibility:visible; color:#f00; font-weight:bold; margin-top:0; padding-top:0;}
form#quote .error {margin-left:30px;}



