/* ----- GLOBAL  ----- */

body {
	text-align: center; 
	background: #666666;
	background-image:url('/img/scale.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#site_container {
position: absolute; top: 25px;
left: 50%;
margin-left: -485px;
width: 960px;
font-family: Arial, Helvetica, sans-serif;
background: #ffffff;
opacity: 0.9;
filter:alpha(opacity=90);
text-align: left;
padding: 5px;
}


#site_container tr.feat {
  color: #666666;
  font-weight: bold;
  font-size: 15.75px;
  background-color: #cbd893;
  text-align: center;
  text-decoration: none;
}
#site_container tr.feat a { color: #666666; text-decoration: none; }
#site_container tr.feat a:hover {
  color: black;
  background-color: yellow;
}

#site_container tr.info {
  color: #444444;
  font-weight: bold;
  font-size: 13.75px;
  background-color: #d6ecae;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}


#right_top {
float: right;
padding: 2px;
top: 0px;
right: 0px;
width: 300px;
text-align: left;
}


#left_top {
float: left;
padding: 5px;
top: 0;
left: 0;
width: 630px;
text-align: left;
font-size: 17px;
}


#left_space {
float: left;
padding: 3px;
height: 15px;
top: 0;
left: 0;
width: 630px;
text-align: left;
font-size: 17px;
}



#right_container {
float: right;
padding: 2px;
top: 0px;
right: 0px;
width: 300px;
text-align: left;
}

#right_area {
float: right;
margin-top: 10px;
padding: 12px;
top: 0px;
right: 0px;
width: 275px;
text-align: left;
font-size: 13.75px;
border: 3.5px #14556B solid;
background: #C6D8F0;

}


#left_list {
float: left;
margin-top: 10px;
padding: 5px;
top: 0px;
right: 0px;
width: 610px;
text-align: left;
font-size: 12.75px;
}


#left_list tr.alt {
  color: #294E56;
  font-size: 12.75px;
  background-color: #cbd893;
  text-decoration: none;
}

#left_list tr.other {
  color: #294E56;
  font-size: 12.75px;
  background-color: #FFFFFF;
  text-decoration: none;
}




#right_list {
float: right;
margin-top: 10px;
padding: 12px;
top: 0px;
right: 0px;
width: 275px;
text-align: left;
font-size: 12.75px;
border: 2.5px #14556B solid;

}


#right_list tr.alt {
  color: #294E56;
  font-size: 12.75px;
  background-color: #ffffcc;
  text-decoration: none;
}

#right_list tr.other {
  color: #294E56;
  font-size: 12.75px;
  background-color: #FFFFFF;
  text-decoration: none;
}

#right_list tr a { 
	color: #294E56;
	font-size: 12.75px;
	text-decoration: none; }

#right_list tr a:hover {
  color: #294E56;
  font-size: 12.75px;
  background-color: yellow;
}



#left_container {
float: left;
padding: 5px;
margin-top: 10px;
width: 630px;
text-align: left;
font-size: 16.75px;
word-spacing: 1pt;
line-height: 19pt; 
text-decoration: none;

border: 2.5px #14556B solid;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;

}





#left_container table {
font-size: 13.75px;
font-family: Arial, Helvetica, sans-serif;

}



#left_feature {
float: left;
margin-top: 10px;
padding: 5px;
top: 0;
left: 0;
width: 630px;
text-align: left;
font-size: 16.75px;
word-spacing: 1pt;
line-height: 19pt;
background: #fbef99;

border: 2.5px #FDD041 solid;

}

#footer_container {
float: left;
padding: 10px;
top: 0;
left: 0;
width: 940px;
text-align: center;
clear: both;
font-size: 8.5px;

}


#date_container {
position: absolute; top: 6px;
left: 50%;
padding: 2px;
width: 485px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 11.75px;

}

#date_container .member {position: absolute; right: 3px; bottom: 3px;}




.small_print {font-family: Arial, Helvetica, sans-serif; color: #888888; font-size: 9.75px; }


/* ----- member page ----- */

#member_container {
position: absolute; top: 6px;
right: 50%;
padding: 2px;
width: 485px;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 11.75px;
}

#member_container .member {position: absolute; left: 3px; bottom: 3px;}
#member_container .member a {color: #ffffff; text-decoration: none;}
#member_container .member a:hover { color: black; background-color: yellow; }




#family_table {
font-family: Arial, Helvetica, sans-serif;
font-size: 10.75px;
border:1px solid #000;
border-collapse: collapse;
}
#family_table th { text-align: center; border: 1px; background-color: #cbd893;  color: #000000; }

#family_table tr.odd { color: #111111; background-color: #d6ecae; text-decoration: none; }
#family_table tr.even { color: #111111; background-color: #ffffff; text-decoration: none; }





/* ----- FOR s3Slider.js ----- */

#slider {
    width: 960px; /* important to be same as image width */
    height: 470px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding: 0px;
	margin: 0px;
}
#sliderContent {
	margin: 0px; padding:0px;
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
    padding: 10px 7px;
    width: 960px;
    background-color: #000;
    text-indent: 0px;
    margin: 0;
    left: 0;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
#slider ul { display:inline;}
#slider li { display:inline;}