/* CSS Document */

html{
		height:						100%;
		scrollbar-face-color:		#FFEEAA; 
		scrollbar-shadow-color:		#FFF0AC; 
		scrollbar-highlight-color:	#FFFFFF; 
		scrollbar-3dlight-color:	#FFCC00; 
		scrollbar-darkshadow-color:	#EABB00; 
		scrollbar-track-color:		#FFF9E1; 
		scrollbar-arrow-color:		#ED8E0E;
}

/*html{
	scrollbar-3dlight-color:	#ff9;
    scrollbar-arrow-color:		#c60;
   	scrollbar-base-color:		khaki;
    scrollbar-darkshadow-color:	#fc6;
    scrollbar-face-color:		#FFE16A;
	overflow-x:					hidden;
}*/

body {
	background-color: 		transparent;
	background-image:		none;
	margin:					0;
	height:					100%;
	font:					12px/20px Verdana, Arial, Helvetica, sans-serif;
}

img {
		border:				none;
}

input, select {
		font:				10px Verdana, Arial, Helvetica, sans-serif;
}

a, a:visited {
		color:				#012c2d;
		text-decoration:	underline;
}

a:hover {
		color:				#c60;
		text-decoration:	underline;
}

a:focus {
		outline:			none;
}

.float {
		float:				left;
}

.clear {
		clear:				both;
}

/* layout structure */

#contentArea {
		margin:				0;
		width:				100%;
		height:				630px;
		background:			url(../images/bg_patten.png) repeat;

}

#homepage {
		background:			url(../images/home_pic.png) repeat;
		width:				593px;
		height:				386px;
}

#center {
		margin:				0 auto;
		padding:			0;
		text-align:			left;
		width:				800px;
		border:				0;
}

#header {
		height:				173px;
		background:			url(../images/top.png) no-repeat;
}

	/* navigation */
	
#navi {
		height:				25px;
		list-style:			none;
		padding:			100px 0 0 110px;
		margin:				0;
		border:				0;
}

#navi li {
		float:				left;
		margin:				0;
		padding:			0;	
}

#navi a {
		float:				left;
		display:			block;
		text-decoration:	none;
		background:			#EAE8E8;
		color:				#999;
		padding:			0;
}

#navi span {
		display:			none;
}

#logo{
		display:			block;
		width:				148px;
		height:				33px;
		background:			url(../images/sitename.png) no-repeat;
}

#logo span {
		display:			none;
}

#nav-photos a {
		width:				80px;
		height:				33px;
		background:			url(../images/navi_photo_off.png) no-repeat;
}
#nav-photos a:hover, #nav-photoson {
		display:			block;
		width:				80px;
		height:				33px;
		background:			url(../images/navi_photo_on.png) no-repeat;
}

#nav-videos a {
		width:				75px;
		height:				33px;
		background:			url(../images/navi_videos_off.png) no-repeat;
}

#nav-videos a:hover, #nav-videoson {
		display:			block;
		width:				75px;
		height:				33px;
		background:			url(../images/navi_videos_on.png) no-repeat;
}

#nav-notes a {
		width:				89px;
		height:				33px;
		background:			url(../images/navi_notes_off.png) no-repeat;
}
#nav-notes a:hover, #nav-noteson {
		display:			block;
		width:				89px;
		height:				33px;
		background:			url(../images/navi_notes_on.png) no-repeat;
}


	/* end navigation */
	
#pageTitle {
		text-align:			center;
		border-top:			1px solid #fc3;
		border-bottom:		1px solid #fc3;
		color:				#c60;
		width:				340px;
}


#top-padding {
		background:			url(../images/top_padding.png) no-repeat;
		height:				23px;
}	

#bottom-padding {
		background:			url(../images/bottom_padding.png) no-repeat;
		height:				23px;
}

#left {
		float:				left;
		width:				593px;
		height:				100%;
}


#right {
		float:				left;
		width:				207px;
		height:				600px;
}

#sub-navi {
		float:				left;
		padding:			10px 5px 0 60px;
		width:				115px;
		border-right:		1px dotted #666;
		height:				100%;
		font-size:			12px;
}

#sub-navi dt, #sub-navi a {
		height:				22px;
		color:				#630;
}

#sub-navi a:hover {
		color:				#C60;
}

#content {
		float:				left;
		padding:			0 0 0 5px;
		width:				350px;
		height:				100%;
}

.photo-icon {
		float:				left;
		width:				171px;
		text-align:			center;
}

.video-icon {
	float:				left;
	width:				160px;
	text-align:			center;
	padding-bottom: 10px;
	margin-right: 8px;
}

.photo-text {
		float:				left;
		width:				171px;
		text-align:			center;
		font-size:			11px;
		height:				10px;
		vertical-align:		text-top;
		margin-top:			-15px;
		padding-bottom: 	15px;
}

.video-text {
		float:				left;
		width:				160px;
		text-align:			center;
		font-size:			11px;
		height:				10px;
		vertical-align:		text-top;
		margin-top:			-4px;
		padding-bottom: 	15px;
}

video-text span{
		font-size:			9px;
}

dt {
		font-size:			11px;
}


#bottom {
		height:				41px;
		background:			url(../images/bottom.png) no-repeat;
}

#footer {
		font:				italic 9px Verdana, Arial, Helvetica, sans-serif;
		color:				#629b43;
		text-align:			center;
}



.boy {
	width:40px;
	float:left;
	text-align:right;
	margin:5px 5px 0 20px;
	background-image:url(../images/boy.jpg);
	height:60px;
}

.videoNote0 {
	width:180px;
	float:left;
	padding-top:18px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	padding:20px 0;
	color:#006699;
}

.tag {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:320px;
	text-align:center;
	padding:3px 0;
	background-color:#333;
	color:#fff;
}

.videoNote {
	width:320px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	background-color:#cecece;
	padding:5px 0 10px 0;
}