/*
dark purple: #96f
mid purple: #b9f
light purple: #dcf
charcoal grey: #333
deep pink: #a68
*/

body {background-color: #a68; margin: 0; padding: 0;background-image: url('images/site/bgpattern.gif');}
div.page {width: 800px; margin: 10px; padding: 0; border: 0;}

div#headerbox1 {
  background-color: #b9f;
  width: 71px;
  height: 71px;
  position: absolute;
  left: 486px;
  top: 20px;
}

div#headerbox2 {
  width: 71px;
  height: 71px;
  position: absolute;
  left: 567px;
  top: 20px;
}

div#headerbox3 {
  background-color: #b9f;
  width: 71px;
  height: 71px;
  position: absolute;
  left: 648px;
  top: 20px;
}

div#headerbox4 {
  width: 71px;
  height: 71px;
  position: absolute;
  left: 729px;
  top: 20px;
}

div#headerstripe {
  background-color: #96f;
  width: 780px;
  height: 5px;
  position: absolute;
  top: 96px;
  left: 20px;
}
div#headerstripe span {
  display: none;
}

div#headercorner {
background: #dcf url('images/site/dcftopleft.gif') no-repeat top left;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
}
div#headercorner span {
  display: none;
}

div#headercorner2 {
background: #dcf url('images/site/dcfbottomleft.gif') no-repeat bottom left;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 101px;
  left: 10px;
}
div#headercorner2 span {
  display: none;
}

div#headercorner3 {
background: #dcf url('images/site/dcfbottomright.gif') no-repeat bottom right;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 101px;
  left: 800px;
}
div#headercorner3 span {
  display: none;
}

div.header {
width: 456px; height: 71px; margin: 0; padding: 20px 334px 10px 10px; border: 0; background-color: #dcf;
text-align: center;
background: #dcf url('images/site/dcftopright.gif') no-repeat top right;
}

div.message {
  border: 1px solid red;
  padding: 10px;
}

div.header h1 {
  color: #333;
  margin: 0;
  padding: 0;
}
div.header p {
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0;
}


div.sidebar {width: 170px; margin: 0; padding: 10px; border: 0; float: left; background-color: #dcf;}
div.content {width: 590px; margin: 0; padding: 10px; border: 0; float: left; background-color: #fff;}
div.footer {width: 790px; margin: 0; padding-left: 10px; background-color: #b9f; text-align: center; 
background: #b9f url('images/site/b9fbottomleft.gif') no-repeat bottom left;
}
div.footer span {
display: block;
width: 780px; margin: 0; padding: 10px 0 10px 10px; background-color: #b9f; text-align: center; 
background: #b9f url('images/site/b9fbottomright.gif') no-repeat bottom right;
}
div.footer p{margin: 0px; padding: 0px;}
div.box {background-image: url('images/site/bgwhitepurple.gif');}

div.control {width: 780px; margin: 0; padding: 10px; text-align: center; font-size: 0.8em;}
div.control p{margin: 0px; padding: 0px;}

div.menu a {
color: #000;
text-decoration: none;
padding: 0 0 0 10px;
margin-left: 5px;
display: block;
float: left;
background: #dcf url('images/site/dcftopleft.gif') no-repeat top left;
}
div.menu a span {
display: block;
padding: 0 10px 0 0;
background: #dcf url('images/site/dcftopright.gif') no-repeat top right;
}

div.menu a.selected {
color: #fff;
background: #96f url('images/site/96ftopleft.gif') no-repeat top left;
}
div.menu a.selected span {
display: block;
padding: 0 10px 0 0;
background: #96f url('images/site/96ftopright.gif') no-repeat top right;
}

div.menu a:hover {
color: #fff;
background: #b9f url('images/site/b9ftopleft.gif') no-repeat top left;
}
div.menu a:hover span {
display: block;
padding: 0 10px 0 0;
background: #b9f url('images/site/b9ftopright.gif') no-repeat top right;
}

div.menu a.selected:hover {
color: #fff;
background: #96f url('images/site/96ftopleft.gif') no-repeat top left;
}
div.menu a.selected:hover span {
display: block;
padding: 0 10px 0 0;
background: #96f url('images/site/96ftopright.gif') no-repeat top right;
}

div.menu {
  border:0;
  border-bottom: 3px solid #96f;
  padding: 10px 0 0 0;
}



form {
  border: 0;
  width: 330px;
  margin: 0 0 0 50px;
  padding: 10px 10px 5px 10px;
  background-color: #dcf;

}

form.wide {
  width: 460px;
  margin: 0;
}

label {
  display: block;
  width: 120px;
  border: 0;
  margin: 0 10px 0 0;
  float: left;
  text-align: right;
}

input.textbox {
  display: block;
  float: left;
  width: 194px;
  padding: 2px;
  border: 1px solid #75f;
  margin: 0;
  font-family: verdana, arial, san-serif;
  font-size: 1.0em;
}

textarea.short {
  display: block;
  float: left;
  margin: 0;
  padding: 5px;
  width: 318px;
  border: 0;
  border: 1px solid #75f;
  font-family: verdana, arial, san-serif;
  font-size: 1.0em;
}

textarea.medium{
  display: block;
  float: left;
  margin: 0;
  padding: 5px;
  width: 318px;
  border: 0;
  border: 1px solid #75f;
  font-family: verdana, arial, san-serif;
  font-size: 1.0em;
}

textarea.long {
  font-size: 1.2em;
}

input.button {
  background-color: #97f;
  border: 1px solid #75f;
}

div.formrow {
  width: auto;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  text-align: center;
}

form br {
  clear: left;
}