body {
  margin:           0px;
  padding:          0px;
  font-size:        80%;
  font-family:      arial,sans-serif;
  background-color: #cccccc;
}

img       { border: none;   }
form      { margin: 0px;    }
a         { color: #009900; }
a:visited { color: #006600; }
a:hover   { color: #00cc00; }

/** Sections Start **/
#container {
  width:            990px;
  margin:           0px auto;
  border:           1px solid #000000;
  background-color: #999999;
}

#header {
  position:   relative;
  height:     35px;
  width:      990px;
  color:      #ffffff;
  background: #000000 url(images/layout/black.jpg) repeat-x top left;
}
  
#banner {
  position:   relative;
  width:      990px;
  height:     150px;
  margin:     0px;
  color:      #ffffff;
  background: #006600 url(images/layout/darkgreen.jpg) repeat-x top left;
}

#wrapper {
  float:         left;
  width:         990px;
  border-top:    1px #000000 solid;
}

#nav {
  width:      165px;
  margin:     0px 0px 0px -990px;
  float:      left;
}

#main {
  position:   relative;
  margin:     5px 5px 5px 165px;
  padding:    0px 10px 10px 10px;
  background: #ffffff url(images/layout/white.jpg) repeat-x top left;
  border:     1px solid #000000;
}

#footer {
  clear:      left;
  width:      990px;
  padding:    5px 0px 5px 0px;
  color:      #ffffff;
  text-align: center;
  border-top: 1px #000000 solid;
  background: #000000 url(images/layout/black.jpg) repeat-x top left;
}

/** Sections End **/


/** Classes Start **/

.phonenums {
  position:   absolute;
  top:        0px;
  left:       0px;
  width:      740px;
  padding:    5px;
  text-align: center;
}

.search {
  position:   absolute;
  top:        0px;
  right:      5px;
  width:      250px;
  padding:    5px;
  text-align: right;
}

.sbox {
  margin: 0px 0px 0px 0px;
  border: 1px #000000 solid;
}

.edclogo {
  position: absolute;
  top:      0px;
  left:     0px;
  width:    175px;
}

.edc {
  position:    absolute;
  top:         35px;
  left:        175px;
  width:       562px;
  color:       #ffffff;
  font-size:   275%;
  font-weight: bold;
  text-align:  center;
  z-index:     1000;
}

.edcshadow {
  position:    absolute;
  top:         38px;
  left:        178px;
  width:       562px;
  color:       #000000;
  font-size:   275%;
  font-weight: bold;
  text-align:  center;
  z-index:     500;
}

.banpic {
  position: absolute;
  top:      0px;
  right:    0px;
  width:    250px;
}

.topbar {
  position:    absolute;
  bottom:      0px;
  left:        165px;
  width:       824px;
  border-top:  1px #000000 solid;
  border-left: 1px #000000 solid;
}

.topbar ul {
  width:         824px;
  margin:        0px;
  padding:       0px;
  float:         left;
  overflow:      hidden;
  background:    #000000 url(images/layout/black.jpg) repeat-x top left;
}

.topbar li {
  display: inline;
}

.topbar li a {
  float:           left;
  padding:         5px 8px 5px 8px;
  text-decoration: none;
  color:           #ffffff;
  font-weight:     bold;
  border-right:    1px solid #ffffff;
  background:      #000000 url(images/layout/black.jpg) repeat-x top left;
}

.topbar li a:hover {
  color:      #000000;
  background: #ffffff url(images/layout/white.jpg) repeat-x top left;
}

.topbar a.current {
  background: #009900 url(images/layout/green.jpg) repeat-x top left;
}

.topbar a:hover.current {
  color:      #000000;
  background: #ffffff url(images/layout/white.jpg) repeat-x top left;
}  

.menu {
  margin:  5px; 
  padding: 0px;
  width:   155px;
  
}

.menu .header {
  margin:     2px 0px 2px 0px;
  padding:    0px;
  border:     1px #000000 solid;
  background: #000000 url(images/layout/black.jpg) repeat-x top left;
}

.menu .header.current {
  background: #009900 url(images/layout/green.jpg) repeat-x top left;
}

.menu .header.highlight {
  background: #990000 url(images/layout/red.jpg) repeat-x top left;
}

.menu .header:hover {
  background: #ffffff url(images/layout/white.jpg) repeat-x top left;
}

.menu .header:hover.current {
  background: #000000 url(images/layout/black.jpg) repeat-x top left;
}

.menu .header:hover.highlight {
  background: #ffffff url(images/layout/white.jpg) repeat-x top left;
}

.menu .header a {
  padding:         5px;
  display:         block;
  text-decoration: none;
  font-weight:     bold;
  color:           #ffffff;
}

.menu .header a:hover {
  color: #000000;
}

.menu .current a:hover {
  color: #ffffff;
}

.menu .highlight a:hover {
  color: #ff0000;
}

.menu ul {
  list-style-type: none;
  margin:          0px;
  padding:         0px;
}

.menu ul li {
  margin: 1px 0px 1px 0px;
  padding: 0px;
  border: 1px #000000 solid;
}

.menu ul li a {
  margin:          0px;
  padding:         5px;
  display:         block;
  text-decoration: none;
  color:           #000000;
  background:      #ffffff url(images/layout/white.jpg) repeat-x top left;  
}

.menu ul li a:hover {
  color:      #ffffff;
  padding:    5px;
  background: #000000 url(images/layout/black.jpg) repeat-x top left;
}

.imageswap             { width: 200px; height: 150px }
.imageswap a           { display: block }
.imageswap a:hover img { visibility: hidden }

.small   { font-size: 80%     } 
.large   { font-size: 125%    }
.right   { float: right       }
.left    { float: left        }
.centre  { text-align: center }
.cushion { padding: 10px      }
.nodot   { list-style-type: none; display: inline }
.full    { width: 100%; margin: 0px auto }
.threeq  { width: 75%;  margin: 0px auto }
.sixsix  { width: 66%;  margin: 0px auto }
.half    { width: 50%;  margin: 0px auto }
.third   { width: 33%;  margin: 0px auto }
.oneq    { width: 25%;  margin: 0px auto }

.whitedress {
  margin:     0px auto;
  padding:    5px;
  border:     1px #000000 solid;
  background: #ffffff url(images/layout/white.jpg) repeat-x top left;
}

.blackdress {
  margin:     0px auto;
  padding:    5px;
  color:      #ffffff;
  border:     1px #000000 solid;
  background: #000000 url(images/layout/black.jpg) repeat-x top left;
}
/** Classes End **/