/*
   COLORS       
*/
HTML,BODY { background-color: #fff; }
BODY,TD   { color: #333333; }
A         { color: #6ccff6; border: none; }
A:hover   { color: #e4c3a8; }
DIV       { margin: 0; padding: 0; }
#menu, #slideshow { border-color: #000000; background-color: #f1f1f1; }
H3        { color: #6ccff6; }

/*
   GENERAL SETUP 
*/
HTML,BODY { margin: 0; padding: 0; }
BODY,TD   { font-size: 80%; line-height: 1.6em; font-family:Verdana, Arial, Helvetica, sans-serif; }
P         { margin: 0 0 2em 0; text-align: justify;}
A         { text-decoration: none; }
A:hover   { text-decoration: underline; }
H1        { margin: 0 0 15px 0; text-transform: uppercase; font-size: 1.8em; text-align: left; padding: 5px 3px;}
/*
    LAYOUTS
*/
#wrapper   { text-align: center; }
#centered  { width: 920px; margin: 5px auto; text-align: left; }
#header    { position: relative; }
#logo      { position: absolute; top: 0; left: 15px; z-index: 5; }
#menu      { position: absolute; top: 41px; left: 0; border: 1px solid; border-right: none; width: 188px; height: 387px;}
#slideshow { position: absolute; top: 41px; left: 188px; border: 1px solid; width: 763px; height: 387px; z-index: 1;}
#friends   { clear: both; background-color: #9c9c9c; border: 1px solid #000; margin: 30px 0 0 -188px; padding: 0; text-align: center; }

#mainlinks { margin-top: 160px; }
#mainlinks a { 
	display: block; 
	text-align: right; 
	font-size: 1.3em;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 15px; 
	margin-right: 20px; 
	margin-bottom: 3px;
	background: url(/graphics/menu_dot_blue.png) right center no-repeat; 
}
#mainlinks a:hover { text-decoration: none; background-image: url(/graphics/menu_dot_brown.png); }

#sublinks { margin-top: 25px; }
#sublinks a {
	display: block; 
	text-align: right; 
	font-size: 1em;
	color: #555555;
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 15px; 
	margin-right: 20px; 
	background: url(/graphics/menu_dot_brown.png) right center no-repeat;
}
#sublinks a:hover{ text-decoration: none; background-image: url(/graphics/menu_dot_blue.png); }

#content { position: relative; width: 765px; top: 440px; left: 188px;}
.columns { position: relative; }
.column1 { position: relative; width: 370px; top: 0; left: 0; }
.column2 { position: absolute; width: 370px; top: 0; left: 395px; }

#news h2 { margin: 0 0 4px 0; padding: 0 0 2px 10px; border-bottom: 2px solid; border-color: #888; color: #6688aa; text-align: left; letter-spacing: -0.1em;}
#news p  { text-align: justify; margin-bottom: 0.5em;}
#news p.date { font-size: 0.9em; letter-spacing: 0.1em; text-align: right; font-weight: bold; margin-bottom: 25px;}

a.signuplink { display: block; text-align: center; border: 1px solid #6ccff6; font-weight: bold; padding: 5px; margin: 10px 200px;}
a.signuplink:hover {background-color: #6ccff6; border-color: #1B575C; color: #ffffff; text-decoration: none;}
a.contactlink { display: block; font-size: 2.5em; text-align: center; border: 1px solid #6ccff6; font-weight: bold; padding: 10px; margin: 50px 20px;}
a.contactlink:hover {background-color: #6ccff6; border-color: #1B575C; color: #ffffff; text-decoration: none;}

H1 { border-left: 4px solid #6ccff6; }

table th { background-color: #797979; color: #000; text-align: center; padding: 5px; }
table td.label { background-color: #CBCBCB; text-align: right; }
table td.field { background-color: #E3E3E3; text-align: left; }

.soldout { color: #CC0033; font-weight: bold; text-transform: uppercase; font-size: 0.9em; }
.errorbox { background-color: #A97070; text-align: left; }
table.triptable td {border-bottom: 1px solid #000; text-align: left; margin: 0; padding: 3px;}
table.triptable {border: 1px solid #000; border-bottom: none; }