/* CSS Document */


h1, p, ul { margin:0; padding:0px;} 

body { background:#bbd0ef;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.6em; color:#240D45;}

a {color:#240D45;}
a:hover {color:#a35296;}

#container {width:900px;
position:relative;
margin:0 auto;
border:#663366 solid 4px;
background: url(images/sideback.jpg) repeat-y left;}

#branding {height:394px;}

#branding h1 {height:394px; widows:403px; background:url(images/h1_branding.jpg) no-repeat; text-indent:-9999px;}

#content {background:#FFFFFF; width:497px; padding:30px 0 0 0px; border-top:10px solid #663366; margin-left:403px; }
#content p {margin:5px 30px 20px;}
#content h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:5px 30px 10px; }
#content h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin:5px 30px 0px; }

ul.linkslist { margin:20px 0 10px 60px; line-height:1.5em;}


#content p#address { background:#63438c;  width:437px; margin:0px; padding:20px 30px; text-align:center; margin-top:40px; color:#fff; font-size:90%;}

ul#nav {position:absolute; top:394px; left:0px; width:403px;  height:303px; padding:0px; margin:0px; background:url(images/nav.jpg) no-repeat;  }

#nav li { position:absolute; display:block; width:403px;left:0px; list-style:none;}
#nav li  a {display:block; width:403px; text-indent:-9999px;}

li#home { height:23px; top:31px;  }
li#home a { height:23px; background:url(images/nav.jpg) no-repeat 0px -31px; }

li#about{height:23px; top:54px;  }
li#about a {height:23px;  background:url(images/nav.jpg) no-repeat 0px -54px; }

li#bestof { height:23px;top:77px; }
li#bestof a { height:23px; background:url(images/nav.jpg) no-repeat 0px -77px; }

li#shop { height:23px;top:99px;  }
li#shop a { height:23px; background:url(images/nav.jpg) no-repeat 0px -99px; }

li#gallery{ height:23px;top:121px;  }
li#gallery{ height:23px; background:url(images/nav.jpg) no-repeat 0px -121px; }

li#newsletter{ height:23px;top:143px; }
li#newsletter{ height:23px; background:url(images/nav.jpg) no-repeat 0px -143px; }

li#contact{ height:23px;top:165px; }
li#contact{ height:23px; background:url(images/nav.jpg) no-repeat 0px -165px; }






#flash {position:absolute; top:0px; right:0px;}


/*Forms*/

label, label span {display:block; margin-right:.25em; float:left; width:35%; text-align:right}

label.zip { width:20%; float:none; display:inline; }
p.zip { text-align:right;}

#keep_event label {display:block; padding-bottom:.25em;float:left; width:40%;}
form {
  width: 90%;
   padding: 5px;
  margin: 5px 0;
  position:relative;
  text-align:right;
}


/*tables*/

table {text-align:center; width:90%; margin-left:30px; border:#CCCCCC 1px solid; }

table td {  border:#CCCCCC 1px solid; padding:3px 0 0 0px; }

#content form p {margin: 5px 30px;}



/* style for required labels */
label .required {
  font-size: 0.75em;
  color:#760000;
}

input {
  width: 225px;
}

input.state { width:100px;}
input.zip { width:100px;}

input.radio, input.submit, input.checkbox {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  margin-right: 1em;
}

textarea {
  width:225px;
  height: 100px;
}

/* Hack to make sure the floated radio buttons
   sit next to the labels correctly in IE/Mac*/

/* This is the style I want IE/Mac to see */
input.radio + label {
  text-indent: 2em;
}

/* Using the commented backslash filter, I'm resetting
   the above rule for everything other than IE5/Mac \*/
input.radio + label {
  text-indent: 0;
}