/*-----------------------------------------------------------------------------
All-Women's Dragon Boating: A Shui Life
Creator: Carolyn E. Brewer - http://www.ardia.org
-----------------------------------------------------------------------------*/

a:link {color: #999999; text-decoration: underline; }
a:visited {color: #999999; text-decoration: underline; }
a:active {color: #999999; text-decoration: underline; }
a:hover {color: #999999; text-decoration: underline; }

html { 
	height: 100%; 
	font-size: 100.01%; 
	}

* { 
	border: 0; 
	margin: 0; 
	padding: 0; 
	}

body { 
	font: normal 0.8em/1.5em Verdana, Helvetica, Arial, sans-serif; 
	color: #000; 
	text-align: left;
	background: url(_images/bgheader.jpg) repeat-x #efefef;
	}

.break { 
	display: none; 
	}
	

/* header
----------------------------------------------- */

.logo {
	margin-top: 25px;
	margin-left: 170px;
	margin-bottom: 20px;
	}

.dragon {
	position: relative;
	top: 3px; 
	left: 655px;
	margin-top: -72px;
	z-index: 3;
	}

/* layout
----------------------------------------------- */

#wrap{
 	width: auto;
	margin: 0 auto;
	border-top: 5px solid #b50000;	
	width: 1115px;
	margin-left: -90px;
	}

#body_content01 {
	margin: 0 auto;
	width: 802px;
	background: url(_images/bgnav.jpg) no-repeat;
	}

#body_content02 {
	margin: 0 auto;
	width: 802px;
	background: url(_images/bgbody.jpg) repeat-y;
	position: relative;
	top: -125px;
	z-index: 1;
	}
	
#body_footer {
	width: 802px;
	background: url(_images/bgfooter.jpg) no-repeat #efefef;
	margin: 0 auto;
	font-size: 90%;
	padding-top: 20px;
	padding-left: 5px;
	clear: both;
	}
* html #body_footer { font-size: 8pt;}

.copyright {
	padding: 20px 0 0 0;
	font-size: 85%;
	color: #9BB6BF;
	clear: both;
	}

.shiftbox {
	margin-left: 50px;
	}

#imgmain {
	margin-left: 43px;
	border: 1px solid #A2ADBC;
	width: 600px;
	}

/* main nav menu
----------------------------------------------- */

ul#navlist
{
margin-left: 0;
padding-top: 25px;
padding-left: 23px;
white-space: nowrap;
font-family: "Trebuchet MS", Verdana;
font-size: 15px;
font-weight: bold;
text-transform: lowercase;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 6px 14px; }

#navlist a:link, #navlist a:visited
{
color: #9d0b0e;
text-decoration: none;
}

#navlist a:hover
{
color: #9d0b0e;
text-decoration: underline;
}

/* --if we ever decide to add a current link function  
#navlist a:current
{
color: #9d0b0e;
text-decoration: underline;
}
--*/

/* Gallery Goodies
---------------------------------------------------------------------------------*/

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:720px; 
height:400px; 
background:#FFF url(_images/gallery/pic01.jpg) no-repeat;
border:1px solid #FFF;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:420px 0 0 0; 
list-style-type:none; 
position:relative; 
width:600px;
}

/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#FFF; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-420px;
}

/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}


/* shui crew
----------------------------------------------- */

.crewbox {
	height: auto;
	width: auto;
    }

.crewpix  {
	float: left;
	background-color: #FFF;
	margin-right: 20px;
	padding: 4px;
	border: 1px solid #e2e2e2;
	}

.crewnopix  {
	float: left;
	background-color: #FFF;
	margin-right: 20px;
	padding: 5px;
	border: 1px solid #FFF;
	}


.crewinfo {
	float: left;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	width: 560px;
	margin: 0px 0px 30px 0px;
	}

/* basic paragraphs
----------------------------------------------- */

p {
	margin: 15px 0 0 16px;
	line-height: 150%;
	font-size: 100%;
	color: #333333;
	padding: 0 40px 0 25px;
	}

p.foot {
	margin: 15px 0 -40px 16px;
	font-size: 90%;
	color: #333333;
	padding: 20px 0 0 0;
	}
	
h1 {
	font-size: 150%;
	color: #000;
	font-family: "Trebuchet MS", Verdana;
	padding: 25px 30px 6px 40px;
	}

h2 {
	margin: 25px 5px 5px 0px;
	font-size: 130%;
	color: #f3f2c0;
	font-family: "Trebuchet MS", Verdana;
	font-weight: normal;
	}


/* basic picture formats
----------------------------------------------- */

.picture {
	margin: 5px 17px 10px 0px;
	padding: 10px 10px 7px 10px;
	width: 250px;
	height: 175px;
	background:#2e444a;
	border: 1px solid #375158;
	position:relative;
	float:left;
	display:inline;
	}

.calendarbox {
	margin: 15px 17px 10px 0px;
	padding: 10px 10px 10px 15px;
	width: 525px;
	height: auto;
	background:#2e444a;
	border: 1px solid #375158;
	position:relative;
	float:left;
	display:inline;
	}

.name {
	color: #FFFFFF;
	font-size: 120%;
	display: inline;
	text-align:left;
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	}

.number {
	color: #FFFFFF;
	font-size: 120%;
	display: inline;
	font-family: "Trebuchet MS", Verdana;
	font-weight: bold;
	}

.what {
	color: #FFFFFF;
	font-size: 100%;
	display: inline;
	font-style: italic;
	font-weight: bold;
	}

.details {
	color: #FFFFFF;
	font-size: 100%;
	display: inline;
	}