@charset "UTF-8";

body {
padding: 0; 
margin: 0 0 15px 0; 
text-align: center; 
font-family: Arial, Helvetica, sans-serif; 
color: #666; 
font-size: small; 
line-height: 1.25em; 
text-align: center; 
background: #f6f6eb;
/*
url(images/bg.jpg) top center repeat-x;
*/
}

#accent_left{
position: absolute;
z-index: 0;
top: 0px;
left: 50%;
margin-left: -638px;
*margin-left: -641px;
background-image:url(images/accent_left.jpg);
background-repeat: none;
width: 250px;
height: 650px;
}

#accent_right{
position: absolute;
z-index: 0;
top: 0px;
right: 50%;
margin-right: -637px;
*margin-right: -640px;
background-image:url(images/accent_right.jpg);
background-repeat: none;
width: 250px;
height: 650px;
}

#wrapper {
width: 772px;
margin: 0 auto;
text-align: left;
font-size: 90%;
border: 1px solid #e0d4e4;
background: #fff url(images/bg_col.gif) bottom right repeat-y;
}

#home #wrapper {
background-image: none
}

#subwrap {
text-align: left;
padding: 0;
margin: 0
}

#footer {
color: #333; 
margin: 2px; 
float: left; 
width: 768px; 
background: #fff;
background-image: url(images/bg_footer.gif) ;
background-position: bottom left; 
background-repeat: repeat-x; 
border-top: 1px solid #e0d4e4;
*margin-bottom: -30px;
}

#footer p {
padding: 15px; 
font-size: 90%; 
color: #6b1fa6;
margin-bottom: -13px;
*margin-bottom: -5px;
}

#footer a {
margin: 0 10px;
}

/* ====================================== */

#home #main #main_index{
float: left; 
width: 732px; 
padding: 0; 
margin: 20px;
*position: relative;
*left: -10px;
}

#main {
float: left; 
width: 510px; 
padding: 0; 
margin-left: 20px;
*margin-left: 10px;
margin-top: 20px;
*margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
}

#main_index {
float: left; 
width: 732px; 
padding: 20px; 
margin: 20px
*margin: 0px;
}

#side {
width: 194px; 
*width: 190px;
float: right; 
margin: 20px 13px 20px 0;
*margin-right: 5px;
*margin-left: 0px;
*margin-top: 6px;
}

#header{
float: left; 
width: 772px; 
background: #fff url(images/bg_header.gif) bottom center repeat-x;
*position: relative;
}

#header img{
margin: 35px 30px 25px 35px; 
float: left;
}

#header ul{
margin: 30px 125px 0 0; 
font-size: 90%; 
float: right;
}

#bottom {
position: relative;
width: 772px;
margin: 0;
padding: 0;
clear: both;
*margin-bottom: -30px;
}

.gallery {
float: left;
}

.gallery img {
padding: 4px; 
margin: 0;
}
.gallery a {
border: 1px solid #c7b1cf; 
float: left; 
margin: 0 10px 10px 0;
}

.gallery a:hover {
border: 1px solid #8f56bb;
}

/* ================================================
                 MAIN NAVIGATION
================================================= */

#nav{
width: 772px;
height: 37px;
padding: 0;
margin: 0;
float: left;
*position: relative;
*top: 0px;
*margin-bottom: 10px;
}

#nav ul {
width: 772px;
height: 37px;
background: url(images/nav.jpg);
margin: 0;
padding: 0;
position: relative;
}
	
#nav ul li	{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
}
	
#nav ul li, #nav a	{
height: 37px;
display: block;
}

#nav ul li a	{
text-indent: -9999px; 
text-decoration: none;
overflow: hidden
}
	
#n1 {left: 0; width: 107px}
#n2 {left: 105px; width: 175px}
#n3 {left: 282px; width: 144px}
#n4 {left: 427px; width: 142px}
#n5 {left: 570px; width: 86px}
#n6 {left: 657px; width: 116px}
/* #n7 {left: 683px; width: 89px} */

#n1 a:hover {background: transparent url(images/nav.jpg) 0 -37px no-repeat;}
#n2 a:hover {background: transparent url(images/nav.jpg) -105px -37px no-repeat;}
#n3 a:hover {background: transparent url(images/nav.jpg) -282px -37px no-repeat;}
#n4 a:hover {background: transparent url(images/nav.jpg) -427px -37px no-repeat;}
#n5 a:hover {background: transparent url(images/nav.jpg) -570px -37px no-repeat;}
#n6 a:hover {background: transparent url(images/nav.jpg) -657px -37px no-repeat;}
/* #n7 a:hover {background: transparent url(images/nav.jpg) -683px -37px no-repeat;} */

#about #n1 {background: transparent url(images/nav.jpg) 0 -37px no-repeat;}
#services #n2 {background: transparent url(images/nav.jpg) -105px -37px no-repeat;}
#where #n3 {background: transparent url(images/nav.jpg) -282px -37px no-repeat;}
#news #n4 {background: transparent url(images/nav.jpg) -427px -37px no-repeat;}
#links #n5 {background: transparent url(images/nav.jpg) -570px -37px no-repeat;}
#contact #n6 {background: transparent url(images/nav.jpg) -657px -37px no-repeat;}
/* #contact #n7 {background: transparent url(images/nav.jpg) -683px -37px no-repeat;} */

#icgraphic{
width: 288px;
heigh: 62px; 
hspace: 0;
vspace: 0; 
border: 0;
*margin-top: 50px;
*position: relative; 
*top: -10px;
}

.indexalign{
*position: relative;
*width: 20px;
*height: 20px;
/*
*border-style: solid;
*border-width: 1px;
*border-color: #FF0000;
*background-color:#FF0000;
*/
*top: 0px;
*left: 8px;
*float: left;
*z-index: 3;
}

/* ================================================
                   SUB NAVIGATION
================================================= */

#subnav {list-style: none; float: left; width: 549px; margin: 0 0 1.5em 0; padding: 0; font-weight: bold; color: #e3aa10}
#subnav li {float: left; padding: 0 10px; border-right: 1px solid #e0d4e4}
#subnav li.first {padding-left: 0}
#subnav li.last {border: none}
#subnav li a {color: #6b1fa6}

/* ================================================
                       TEXT
================================================= */

h1 {color: #6b1fa6; font-size: 140%; font-weight: normal; padding: 0 0 .5em 0; margin: 0; clear: both}
h2 {font-size: 120%; padding: 0; margin: 0; color: #6b1fa6}
h3 {font-size: 100%; padding: 0; margin: 10px 0 0 0; color: #666}

p {padding: 0 0 1.5em; margin: 0; line-height: 1.75em}

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

strong {color: #666; font-weight: bold}

em {color: #333; font-style: italic}

blockquote {padding: 0; margin: 0 5px 1.5em; color: #333}
blockquote p {line-height: 1.5em; font-size: 90%; font-style: italic; *font-style: normal;}
blockquote strong {display: block; float: right; margin-top: 5px; font-style: normal}

/* ================================================
                      REGIONS
================================================= */

ul, ol {padding: 0; margin: 5px 0 1.5em 20px}
li {margin-bottom: .5em}

ul#newLetters, ul#regions, ul#newLetters, ul#levels {list-style: none; margin: 0}

ul#regions, ul#levels {margin: 1em 0; padding: 10px; background-color: #fbf6ed; border: 1px solid #e0d4e4}

/* ================================================
                        MISC.
================================================= */

.right {float: right}
.imgRight {float:right; border: 1px solid #c7b1cf; margin: 0 0 0 10px; padding: 4px}

.img{
border: 1px solid #c7b1cf; 
margin: 0 0 10px 0; 
padding: 4px;
clear: both;
}

.sitenotice{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #6b1fa6;
}

.hotelclass{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color: #6b1fa6;
}

#blankspacer{
width: 20px;
height: 20px;
/*
border-width: 1px;
border-style: solid;
border-color:#FF00FF;
*/
}

.reply_pic{
border: none;
float: right;
margin-left: 20px;
margin-bottom: 30px;
margin-top: -30px;
}

/* ================================================
                   FORM STYLES
================================================= */

#formspace{
width: 490px;
height: auto;
background-color: #f7ead5;
margin-top: -10px;
border-width: 1px;
border-style: solid;
border-color: #f7d481;
padding: 10px;
}

.grayedout{
color: #999999;
}

.redbold{
font-size: 12px;
font-weight: bold;
color: #FF0000;
}

#form_divider{
width: 100%;
height: 4px;
border-top-color: #49402f;
border-top-width: 1px;
border-top-style: dotted;
margin-bottom: 15px;
}

#smalltext{
font-size: 11px;
margin-top: -55px;
margin-left: 10px;
}

#rightalign{
text-align: right;
margin-right: 10px;
margin-top: -5px;
}

.blanks {
position: relative;
top: 2px;
padding: 2px;
border-style: solid;
border-color: #f7d481;
border-width: 1px;
background-color: #fff !important;
font-weight: normal;
}

.buttons{
background-color: #fff !important;
border-style: solid;
border-color: #666;
border-width: 1px;
color: #666;
}

.alerttext{
font-weight: bold;
color: #FF0000;
}

p.quote{
font-size: 11px;
color: #666;
font-weight:bold;
letter-spacing: .02em;
text-decoration:none;
text-transform:none;
}

.ierealign{
*position: relative;
*z-index: 2;
*top: 30px;
*left: 20px;
*margin-bottom: 10px;
}

#linkblock{
position: relative;
z-index: 2;
width: 511px;
height:auto;
top: 0px;
left: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 20px;
border-bottom-style:solid;
border-bottom-width: 1px;
border-bottom-color: #CCCCCC;
padding-bottom: 5px;
}

.linkblockpic{
position: relative;
float: left;
margin-right: 20px;
margin-bottom: 30px;
border: none;
}

#invisobox{
position: relative;
z-index: 5;
width: 500px;
height: auto;
padding: 15px;
background-color:#FFFFCC;
visibility: hidden;
}


/* NEW FORM ELEMENTS */

#query{
font-weight: bold;
margin-bottom: 5px;
color: #000000;
}

.emptyspace{
background-color: #fff !important;
border-top-color: #eee;
border-top-width: 3px;
border-top-style: groove;
border-left-color: #eee;
border-left-width: 3px;
border-left-style: groove;
border-bottom-color: #ccc;
border-bottom-width: 1px;
border-bottom-style: solid;
border-right-color: #ccc;
border-right-width: 1px;
border-right-style: solid;
}

#formtitle{
font-size: 15px;
color: #6b1fa6;
border-top-width: 1px;
border-top-style: dotted;
_border-top-style: solid;
border-top-color: #666666;
_border-top-color: #999999;
padding-top: 7px;
margin-bottom: 15px;
*font-weight: bold;
}

.formlabel{
font-size: 10px;
color:#666;
margin-bottom: 10px;
_margin-bottom: 6px;
font-weight:normal;
}

.moreinfo{
font-size: 11px;
}

#triad{
width: 155px;
height: auto;
margin-bottom: 15px;
margn-right: 15px;
display:block;
clear:right;
/*
border-style: solid;
border-width: 1px;
border-color: #FF0000;
*/
}