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

/* Removes list-style from lists */
ol, ul, li
{
	/*list-style : none;*/
}

/* Removes border from fieldset and img */
img
{
	border:0;
}

/*********************End Of Reset*************************/

body {
  margin: 0;
  padding:0;
  top: 0;
  left: 0;
  background-color: #dfded2;
  text-align: center;
  font-size: 0.9em;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}




div#wrapper       { position: absolute; width: 100%; top: 0; left: 0; z-index: 2;}
div#wrapperinner  { margin: 0px auto 0 auto; width: 972px; height:810px;  background: url(/schema/gifs/kcd-background.gif) top center no-repeat; }
div#wrapperinner-two  { margin: 0px auto 0 auto; width: 972px; height:810px; background: url(/schema/gifs/kcd-background.gif) top center no-repeat; }
div#container     { width: 972px; height: 638px; overflow: auto; }
div#content       { 
	float: right;  
	width: 607px; 
	height: 580px;
	margin: 18px 20px 0 0;
	padding: 0 0 0 0;
	display: inline;

}

div#left          { 
	float: left; 
	margin: 0 0 0 40px; 
	width: 287px; 
	height: 595px;
	text-align: left; 
	padding: 0 0 0 0;
	display: inline;
	overflow: hidden;
}

div#full-left          { 
	float: left; 
	margin: 0 0 0 40px; 
	width: 900px; 
	height: 595px;
	text-align: left; 
	padding: 0 0 0 0;
	display: inline;	
}

div#leftmenu{
	height: 130px;	
	width:280px;
}

div#leftmenu-two{
	float:left;
	height: 530px;
	width:275px;
}

div#kcd, div#kcdlogo{
	width:280px;
	height:64px;
}


.para-wide{
	float:left;
	width:285px;
	height:400px;
	font-size: 11px;
	overflow:hidden;
}

.text{
	height:400px;
	width:285px;
}

.text-two{
	height:535px;
	width:607px;
	float:right;
	margin: 0 0 0 0;
}

.para-left{
	float:left;
	width:138px;
	height:400px;
	font-size: 11px;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.para-right{
	float:right;
	width:143px;
	height:400px;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


.para-left-wide{
	float:left;
	width:270px;
	height:400px;
	font-size: 11px;
	overflow:hidden;
	padding: 0 0 0 0;
	margin-right: 5px;
	display: inline;
}

.para-right-wide{
	float:left;
	width:270px;
	height:400px;
	font-size: 11px;
	padding: 0 0 0 0;
	margin-left: 10px;
	display: inline;	
}

.contact_form {
		font-size: 11px;
}

.contact_form td {
	font-size: 11px;
}

.para-far-right{
	float:right;
	width:270px;
	height:400px;
	font-size: 11px;
	padding: 0;
	margin: 0 10px;
	display: inline;
}




div#footer        { clear: both; margin: 0 auto; padding:0 0 0 30px; width: 920px; height: 30px; color: #666666;; font-size: 60%; font-family: Arial, Helvetica, sans-serif; text-align: left;}
div#footer a      { color: #666666; text-decoration: none; }
div#footer a:hover{ text-decoration: underline;}
div#footer p      { padding: 0; margin: 0; color: #666666;  }

div#links{
	height:15px;
	z-index:1;
	width:400px;
	font-size:10px;
	float:left;
}

#links a{
	color:#000;
}

div#header        { 
	margin: 0 auto 0 0; 
	width: 972px; 
	height: 150px; 
	text-align: left;
	padding: 0px 0 0 0;
}
div#logo         { 
	float: left; 
	width: 770px; 
	height: 150px; 
	text-align:right;
}


div#trlinks{
	width:100px;
	float:right;
}

div#trlinks a,
div#trlinks a:visited{
	color:#000;
	font-size:10px;
	text-decoration: none;
	margin: 48px 0 0 10px;
	line-height:43px;
}

.vcard{
 background: url(/schema/gifs/contact.gif) bottom center no-repeat;
 width: 330px;
 height:51px;
 float:right;
 margin: 0 0 30px 0;
 font-size:10px;
}

.adr{
 margin: 15px 0 0 0;	
 float:right;
 width: 170px;
}

.tel{
	float:left;
	width:120px;
	text-align:left;
	color:#000;
	margin: 23px 0 0 35px;
	padding: 0 0 0 0;
	font-size:16px;
	font-weight:normal;
}
	


div#call          { float: left; text-align: center; width: 243px; color: #000000; text-align: center; font-family: Arial, helvetica, sans-serif; font-size: 140%;  }
div#call p        { height: 100px; line-height: 100px; }

img { border: none; }

/* Top menu */
ul.mainmenu    { list-style-type: none; margin: 0; padding: 0; width: 465px; height:56px; float:right;  }
ul.mainmenu li { position:relative; color: #000; padding: 0 0 0 0; margin: 0; float:left; width:114px; height:56px;  }
ul.mainmenu li.last { padding: 0 0 0 0; }
ul.mainmenu a,
ul.mainmenu a:link,
ul.mainmenu a:visited { font-size: 10px; font-weight:normal; font-family: Arial, helvetica, sans-serif; color: #000; text-decoration: underline; display: block; height: 15px; line-height: 15px;  }
ul.mainmenu a:hover,
ul.mainmenu a:active  { color: #000; text-decoration: none;}

p.mainlinks, span.mainlinks {
	width:70px;
	height:56px;
	padding:0;
	margin:0;
	text-align:left;
	float:right;
}

p.mainlinks a, span.mainlinks a {
	text-decoration:underline;
}

p.mainlinks a:hover, span.mainlinks a:hover {
	text-decoration:none;
}

.menuimage{
	float:left;
	width:38px;
	height:56px;
}

/* Left col menu */
div#left ul.menu    { list-style-type: none; margin: 0; padding: 0; width: 250px; font-size: 85%; line-height: 1.3em; }
div#left ul.menu li { background: url(/schema/gifs/left-menu-bg.gif) center left no-repeat; color: #000; padding: 0 0 0 15px; margin: 0;  }
div#left ul.menu a,
div#left ul.menu a:link,
div#left ul.menu a:visited { color: #000; text-decoration: none; display: block; height: 15px; line-height: 15px;  }
div#left ul.menu a:hover,
div#left ul.menu a:active  { color: #000; text-decoration: underline;}

div#full-left ul.menu    { list-style-type: none; margin: 0; padding: 0; width: 250px; font-size: 85%;  line-height: 1.3em; }
div#full-left ul.menu li { background: url(/schema/gifs/left-menu-bg.gif) center left no-repeat; color: #000; padding: 0 0 0 15px; margin: 0; }
div#full-left ul.menu a,
div#full-left ul.menu a:link,
div#full-left ul.menu a:visited { color: #000; text-decoration: none; display: block; height: 15px; line-height: 15px;  }
div#full-left ul.menu a:hover,
div#full-left ul.menu a:active  { color: #000; text-decoration: underline;}

/* Applet Selectable Styles */


h1,p.header1 {  font-size: 145%; font-family: Arial, sans-serif; font-weight: bold; color: #990033; margin: 0; padding: 0;}
h1.grey      { color: #666666; }
h1.black     { color: #000; }
h2,p.header2 { font-size: 125%; font-family: Arial, sans-serif; font-weight: bold;  color: #990033; margin: 0 0 10px 0; padding-top: 0;}
h2.grey      { color: #666666; }
h2.black     { color: #000; }
h3,p.header3 { font-size: 105%; font-family: Arial, sans-serif; font-weight: bold;  color: #990033;}
h3.grey      { color: #666; }
h3.black     { color: #000; }

h1.reg {  font-size: 145%; font-family: Arial, sans-serif; font-weight: normal; color: #990033; margin: 0; padding: 0; 
               /* Red Page Title Regular Font  */
              }
h1.greyreg      { font-size: 145%; font-family: Arial, sans-serif; font-weight: normal; margin: 0; padding: 0;  color: #666666;
               /* Grey Page Title Regular Font */
              }
              
h1.blackreg      {  font-size: 145%; font-family: Arial, sans-serif; font-weight: normal; margin: 0; padding: 0; color: #000000;
               /* Black Page Title Regular Font */
              }              
h2.reg { font-size: 125%; font-family: Arial, sans-serif; font-weight: normal;  color: #990033; margin: 0 0 10px 0; padding-top: 0;
      /* Red Section Title Regular Font */
    }
h2.greyreg      { font-size: 125%; font-family: Arial, sans-serif; font-weight: normal;  margin: 0 0 10px 0; padding-top: 0; color: #666666;
               /* Grey Section Title Regular Font */ }
               
h2.blackreg      { font-size: 125%; font-family: Arial, sans-serif; font-weight: normal; margin: 0 0 10px 0; padding-top: 0; color: #000000;
               /* Black Section Title Regular Font */ }               
h3.reg  { font-size: 105%; font-family: Arial, sans-serif; font-weight: normal;  color: #990033;
     /* Red Subsection Title */
      }
h3.greyreg { font-size: 105%; font-family: Arial, sans-serif; font-weight: normal; color: #666666;
          /* Grey Subsection Title */ }
h3.blackreg  { font-size: 105%; font-family: Arial, sans-serif; font-weight: normal; color: #000000;
          /* Black Subsection Title */ } 

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

img.floatright           { float: right; }
img.floatleft            { float: left;}
img.floatrightwithmargin { float: right; margin: 0 0 10px 10px;}
img.floatleftwithmargin  { float: left; margin: 0 10px 10px 0;}
img.rollover             { /* Rollover */ }

p.clear { clear: both; }

p.nomargin { margin:0; padding: 0;}

span.red { color: #990033; }

span.highlight {
  color:#284797;
  font-weight:bold;
  /*highlight*/
}
p.smalltext {
  font-size:80%;
  /* Small Text Style */
}
p.listtitle {
  margin-bottom:0;
  padding-bottom:0;
/* List Title Style */
}
p.grey {
  color: #666666;
  /* Grey */
}
p.red {
	color: #990033;
	/* Red */
}

p.indent1 {
  margin-left: 20px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 40px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 60px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 80px;
  /* Indented Text 4 */
}



table.default {
  border-width: 1px;
  border-style: solid;
  text-align: left;
  margin: 1px;
  /* No Style */
}

table.wide td { padding: 3px; }


td { font-size: 80%;}
td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}

th {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 10px;
  background-color: #CCCCCC;
  margin: 0.1px;
}

a {
  text-decoration: underline;
  color: #000;
}
a:hover { text-decoration: underline; }

ol.norm { /* Numbered List */ }
ul.round { /* Round Markers */ margin-top: 0; padding-top: 0; margin-left: 15px;  padding-left: 0; }
ul.grey { /* Round Markers */ margin-top: 0; padding-top: 0; margin-left: 15px;  padding-left: 0; color: #666666; }




span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}

.clear {clear: both;}



/****MAP*****/
#map{
	position:relative;
	width: 607px;
	height: 580px;
	margin: 0;
	left: 9px;
	padding:0 0 0 0;
}

#transparent_map {
	position: absolute;
	z-index: 30;
	width: 607px;
	height: 580px;
	border: none;
}


#map ul {
	list-style: none;
}
#map li {
	position: absolute;
	z-index: 20;
	text-indent: -1000em;
	display: none;
}


#red-bean {
	background: url(/schema/gifs/red-bean.png) no-repeat;
	width: 122px;
	height: 82px;
	top: 36px; 
	left: 219px;
}
#orange-bean {
	background: url(/schema/gifs/orange-bean.png) no-repeat;
	width: 96px;
	height: 95px;
	top: 85px;
	left: 424px;
}
#green-bean {
	background: url(/schema/gifs/green-bean.png) no-repeat;
	width: 97px;
	height: 88px;
	top: 297px;
	left: 102px;
}
#blue-bean {
	background: url(/schema/gifs/blue-bean.png) no-repeat;
	width: 84px;
	height: 60px;
	top: 318px;
	left: 351px;
}
#yellow-bean {
	background: url(/schema/gifs/yellow-bean.png) no-repeat;
	width: 125px;
	height: 83px;
	top: 153px;
	left: 40px;
}

/* Lightbox *******************/

div#overlay{
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #cacb97;  /* change this to suit the site colour scheme */
          z-index:1001;
          -moz-opacity: 0.70;
          opacity:.70;
          filter: alpha(opacity=70);
      }
       

div#popup {
          display: none;
          position: absolute;
          top: 0%;
          left: 50%;
          width: 750px;
          margin: 0 0 0 -375px;
  	      padding: 0 0 0 0;
          height: 355px;
          z-index:1002;
          overflow: auto;
          background: transparent url(/schema/gifs/lightbox.png) top center no-repeat; /* This is a fixed height popup but you could do one that changed height if required */
          text-align: left;
      }

div#popupContent {
  margin: 20px 0 0 20px;
  padding: 0 0 0 0;
  width: 710px; 
  height:310px;
  color: #000000;
  text-align: center;
  z-index:50;
}

div#buttons {
	height: 25px;
  width: 710px;
}

div#prevBtn {
	margin-left: 350px;
	width: 15px;
	float: left;
	display: inline;
	height: 20px;
	text-align: center;	
}

div#closeBtn {
	width: 20px;
	float: left;
	height: 20px;
	text-align: center;	
}


div#nextBtn {
	float: left;
	width: 15px;
	height: 20px;
	text-align: center;	
}

div#buttons a {
	height: 20px;
	line-height: 20px;
	display: block;
}

#popupClose{
	float:right;
	font-size:16px;
	font-weight:bold;
	color:#666;
	height: 20px;
	line-height: 20px;
	width: 100px; 
	margin: 0 30px 0 0;
	text-decoration:none;
	/*background-color: #fff;*/
	z-index:1;
}

/* End of lightbox *************/

div#banner        { 
	float: right; 
	width: 130px; 
	text-align: left; 
	height: 180px; 
	display: inline; 
}


/* contact form */
div#contact_form_left {
	float: left;
	width: 285px;
}
div#contact_form_right {
	float: right;
	width: 285px;
}