/*************************************************************/
/**********************VOCAL HARMONY STYLE********************/
/*************************************************************/
body {
  margin: 0;
  background: url(images/background-repeat.gif) repeat-x;
  font-family: arial;
  font-size: 11px;
}

body.inner {
  margin: 0;
  background: url(images/background-inner.gif) repeat-x;
  font-family: arial;
  font-size: 11px;
  line-height: 19px;
}

img {
  border: none;
}


h1 {
  color: #4F2159;
  font-size: 17px;
}

h2 {
  color: #4F2159;
  font-size: 13px;
}

h3 {
  margin: 0;
  color: #886F9B;
  font-size: 17px;
}

.clear {
  clear: both;
}

#wrapper {
  width: 966px;
  margin: 0 auto;
}

/*************************************************************/
/**************************NAVIGATION*************************/
/*************************************************************/

#navigation {
 width: 966px;
 height: 32px;
}

#nav_items_index {
  position: relative;
  left: 121px;
  width: 724px;
  margin: auto 0;
}

#nav_items_index a{
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 8px 10px 10px 10px;
  float: left;
}

#nav_items_index a.active{
  background: url(images/nav-background.gif) repeat-x;
}

#nav_items {
  position: relative;
  left: 121px;
  width: 724px;
  margin: auto 0;
}

#nav_items a{
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 5px 10px 8px 10px;
  float: left;
}

#nav_items a.active{
  background: url(images/nav-background.gif) repeat-x;
}

/*************************************************************/
/****************************HEADER***************************/
/*************************************************************/

#header_index {
 width: 966px;
 height: 261px;
 background: url(images/logo.jpg) no-repeat;
}

#header {
 width: 966px;
 height: 180px;
}

#flash {
  position: relative;
  float: left;
  left: 362px;
  width: 486px;
  height: 261px;
}

#left_header {
  position: relative;
  float: left;
  left: 362px;
  width: 110px;
  height: 247px;
}

/*************************************************************/
/***************************CONTENT***************************/
/*************************************************************/

#content {
  position: relative;
  left: 129px;
  width: 708px;
  padding-bottom: 10px;
}

/*************************************************************/
/***************************INDEX*****************************/
/*************************************************************/

#index_right {
  width: 292px;
  float: right;
}

#mailing_list {
  position: absolute;
  top: 280px;
  left: 587px;
  width: 100px;
  height: 70px;
}

.email_input {
  width: 100px;
  margin: 5px 0 5px 0;
  color: #B5B5B5;
  font-size: 11px;
}

.email_input_inner {
  width: 100px;
  margin: 5px 0 5px 0;
  color: #B5B5B5;
  font-size: 11px;
}

.button {
  font-size: 1px;
  height: 21px;
  width: 49px;
  border: none;
  color: #FFFFFF;
  padding-top: 10px;
  background: url(images/submit.gif);
}

#index_left {
  width: 410px;
  padding: 0 0 0 3px;
}

/*************************************************************/
/***************************INNER*****************************/
/*************************************************************/

#content_left {
  width: 241px;
}

#content_right {
  float: right;
  width: 460px;
  padding: 0 0 5px 0;
}

.mailing {
  width: 100px;
  padding: 0 0 5px 17px;
}

a, a:visited, a:active {
  color: #9572B2;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #765195;
}


/*************************************************************/
/**************************FOOTER*****************************/
/*************************************************************/

#footer {
  position: relative;
  left: 129px;
  width: 708px;
  height: 27px;
  text-align: right;
  background: #29103C;
}

/*********** OTHER *************/

.error {
    color: red;
    font-weight: bold;
}

.result {
    color: green;
    font-weight: bold;
}