@charset "UTF-8";
/* CSS Document */

/* Global */
html, body {margin:0px; padding:0px; height:100%; font-size:1.7em; }
body {font-family: georgia,times; color:#000000; font-size:24px; line-height:1.2; background-color:#e9e9e9}
a {cursor:pointer; display:inline-block; color:#000;}

img {border:0}
h1, h2, h3, h4, h5, h6, ul, li{margin:0px; padding:0px;}
ul, li {list-style:none;}
input[type="text"], input[type="password"]{border:1px solid #e7e7e7; padding:3px 5px; font-size:1em;width:100px;}
textarea{border:1px solid #e7e7e7; padding:3px 5px; overflow:auto;}
input:focus, textarea:focus{outline:none;}
textarea {font-family:Arial; font-size:16px;}
select{outline:none;}
table {border-collapse:collapse; border-spacing:0px;}
tr, td {padding:0; margin:0; vertical-align:top}
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {clear:both}
.floatLeft {float:left}
.floatRight {float:right}
.hide {display:none;}
.show {display:block;}
.noBorder {border:0px;}
.showBorder {border:1px solid red;}
.onelineDotDotDot {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

div {border:0px solid red}


@charset "UTF-8";
/* CSS Document */


h1{font-size:1.7em; font-family:georgia,times; font-weight:bold; margin:20px 0px; }
.primaryContainer { height: auto; margin-top: -20px; margin-left: auto; margin-right: auto; min-height: 100%; width: 85%; float: none; clear: none; background-color:#ffffff; box-shadow: rgb(163, 122, 122) 2px 3px 3px 2px; padding:50px; max-width: none; min-width: 0px;}
p.albumContainer {margin-top: 100px;margin-left: auto; margin-right: auto; text-align:center; }
p.languageContainer { margin-left: auto; margin-right: auto; text-align:right; padding-right: 3%; font-size:1em;}
.photodiv img{ /*CSS for each image tag*/ border: 0;max-width: 100%;max-height: 650px;cursor: pointer;text-align:center;}
img{ outline: 0; max-width: 100%; height: auto;}

.page {position:relative; width:90%; margin:0 auto; min-width:480px; background-color:#F3F3F5; }

.caption{font-size: 0.75em; font-weight:bold;}
 
.headerWrapper {position:relative; float:left; width:100%; z-index:10; }
.headerWrapper .titleWrapper {width:100%; background-color:#993300; border-color:#999999; color: #fff; font-weight: bold; padding:10px 0px 15px 0px; -webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px; -webkit-box-shadow: #000000 1px 1px 1px;-moz-box-shadow: #000000 1px 1px 1px; box-shadow: rgb(163, 122, 122) 1px 1px 1px; text-align:center;white-space:nowrap;}
.headerWrapper .titleWrapper a {text-decoration:none; color: #fff; }
.headerWrapper .buttonWrapper {position:relative; float:right; margin-top:10px; width:100%; margin-right:10px; text-align:right;}
.headerWrapper .buttonWrapper a.selected {color:#FEFE3D; background-color:#993300;}
.headerWrapper .buttonWrapper a {margin:0; margin-bottom:10px; white-space:nowrap;}
.headerWrapper .buttonWrapper img.btnTextSmallSize {position:relative; top:5px; width:20px;}
.headerWrapper .buttonWrapper img.btnTextNormalSize {position:relative; top:5px; width:30px}
.headerWrapper .buttonWrapper img.btnTextBigSize {position:relative; top:5px; }
.headerWrapper .navWrapper {position:relative; float:left; margin-top:0px;}
.headerWrapper .navWrapper a {text-decoration:underline; }

.contentWrapper {position:relative; float:left; width:92%; margin-top:-5px; padding-bottom:30px; background-color:#fff; padding:4%; box-shadow:0px 6px 6px #111111;}
.contentWrapper .content {max-width:100%; margin:40px 0px; margin-bottom:60px;}
.contentWrapper .content a {max-width:100%;}
.contentWrapper .content img {max-width:100%;}
.contentWrapper .buttonWrapper {position:relative; clear:both; margin-top:120px; width:100%; }
.contentWrapper .buttonWrapper .btnBack {float:left; } 
.contentWrapper .buttonWrapper .btnTop {float:right; }
.contentWrapper .menuWrapper {float:left; width:100%; margin-top:20px; border-top:1px dotted #993300; background-color:#fff; padding-top:10px;}
.contentWrapper .menuWrapper.noBorder {border:0}
.contentWrapper .menuWrapper ul.main {list-style:none;margin:0; padding:0; letter-spacing:normal;}
.contentWrapper .menuWrapper ul.main > li:first-ch33ild {margin-top:20px;}
.contentWrapper .menuWrapper ul.main > li {position:relative; margin-bottom:20px; } 
.contentWrapper .menuWrapper ul.main > li > div {position:relative; clear:both; background:#f0f5f0; border-left:10px solid #993300; text-decoration:none; margin:2px 20px; padding:0; letter-spacing:normal; }
.contentWrapper .menuWrapper ul.main > li.b {margin:15px; padding:5px 2px; border-left:3px dotted #993300; letter-spacing:normal;}
.contentWrapper .menuWrapper ul.main > li.selected {margin:15px; padding:5px 2px; background-color:#FFFF99; border-left:3px dotted #993300; letter-spacing:normal;}
.contentWrapper .menuWrapper ul.main > li > ul.sub {}
.contentWrapper .menuWrapper ul.main > li > ul.sub li div {position:relative; clear:both; background:#f0f5f0; border-left:3px dotted #993300;  text-decoration:none; margin:2px 0px 2px 20px; padding:0; letter-spacing:normal; }
.contentWrapper .menuWrapper ul.sub > li {margin:2px 20px 2px 25px; padding:5px 2px; border-left:0px dotted #993300; letter-spacing:normal; /*background-color:#E6EBE6*/}
.contentWrapper .menuWrapper ul.sub > li li {margin:2px 0px 2px 25px; }
.contentWrapper .menuWrapper ul.main a {position:relative; color: #000;font-size: 1em; padding: 2px 10px;text-decoration: none;letter-spacing:normal;}
.contentWrapper .menuWrapper ul.main a:hover {color: #000066;letter-spacing:normal;}
.contentWrapper .menuWrapper ul.main > li div a.selected {line-height:158%; display:inline; background: #FFFF99; padding:10px; color: #333;letter-spacing:normal; }
.contentWrapper .footerWrapper {float:left; margin-top:20px; width:100%; line-height:20px;}
.contentWrapper .footerWrapper a.wac {margin-bottom:10px;}
.contentWrapper .footerWrapper .nonAATag {float:left; width:100%; line-height:120%; margin-bottom:10px;}
.contentWrapper .footerWrapper .copyright {float:left; width:100%; line-height:120%;}
.contentWrapper .albumDetailWrapper {position:relative; float:left; text-align:left; width:100%; }
.contentWrapper .albumButtonWrapper {position:relative; float:left; text-align:center; width:100%}
.contentWrapper .albumButtonWrapper a {max-width:100%;margin-top:10px;}
.contentWrapper .albumButtonWrapper img {max-width:100%; max-height:650px;}
.contentWrapper .albumButtonWrapper div {border:0px solid red}
.contentWrapper .albumButtonWrapper .buttonPrevWrapper {float:left; width:0%; text-align:right}
.contentWrapper .albumButtonWrapper .separator {float:left; width:100%; text-align:center; line-height:110%;}
.contentWrapper .albumButtonWrapper .buttonNextWrapper {float:left; width:0%; text-align:left}
.contentWrapper .videoWrapper {width:100%; text-align:center; }

.contentWrapper .sitemapWrapper {padding-top:20px;}
.contentWrapper .sitemapWrapper ul {list-style-type: square;}
.contentWrapper .sitemapWrapper ul li {list-style-type: square; margin-left:40px;}
.contentWrapper .sitemapWrapper ul li a {text-decoration:underline; display:inline; line-height:150%}


p.versionContainer {max-width: 85%;margin-top: 0;margin-left: auto; margin-right: auto;background-color:#ffffff;border:#999999;color: #999999;font-weight: bold;padding-left:52px;padding-right:52px;padding-top:10px;padding-bottom:15px;-webkit-border-radius: 0px 0px 20px 20px;-moz-border-radius: 0px 0px 20px 20px;border-radius: 0px 0px 20px 20px;background-color:#ffffff;-webkit-box-shadow: #000000 1px 1px 1px;-moz-box-shadow: #000000 1px 1px 1px; box-shadow: rgb(163, 122, 122) 1px 1px 1px;text-align:center;}
a.versionhead{color: #000000;text-decoration: none;text-shadow: 1px 1px 1px #ffffff;}
.hr { border-top: 1px dotted #993300; color: #fff; background-color: #fff; height: 1px; width:100%;}

.videoButtonList {position:relative; float:left; width:100%; min-height:50px; margin-top:20px; margin-bottom:20px; text-align:center; }
.videoButtonList a {position:relative; margin-bottom:20px; display:none;}


/*button*/
a.button.blank {min-width}
a.button:link { color: #fff; font-size: 1em; font-weight: bold;padding: 10px 10px;background: #993300;border:#000000;text-decoration: none;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px; }
a.button:visited { color:#fff; font-weight: bold; font-size: 1em;padding: 10px 10px;background: #993300;border:#000000;text-decoration: none;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px; }
a.button:hover {background: #FFFF99; color:#000}
a.button:active {color: #000; background: #FFFF99; text-decoration: none;}
/*button-back-foward*/
a.album:link { color: #000000; font-size: 1em; font-weight: bold;padding: 5px 5px;background: #FFFAE9;text-decoration: none;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px; }
a.album:visited { color:#000000; font-weight: bold; font-size: 1em;padding: 5px 5px;background: #FFFAE9;text-decoration: none;-moz-border-radius: 10px;border-radius: 10px;-moz-box-shadow: #000000 1px 1px 1px; box-shadow: #000000 1px 1px 1px; }
a.album:hover { color: #ffffff; background: #993300;-moz-box-shadow: #000000 2px 2px 2px; box-shadow: #000000 2px 2px 2px; }
a.album:active { color: #993300; background: #FFFF99; text-decoration: none;}
a.copyright:link {text-decoration: none;font-size: 1em; }

/*iphone5s*/
@media screen and (device-aspect-ratio: 40/71) 
{
body{
	font-size:2em;
	text-align: left;}
	h1{display: block;font-size: 1.7em;}
	.headerWrapper .titleWrapper{font-size:50px;}	
h1{font-size:100%;line-height:110%;}	
a.button:link {font-size:1em;}
a.button:visited  {font-size:1em;}
a.button:hover  {font-size:1em;}
a.button:active  {font-size:1em;}	
	
.audioButtonList {margin-top:30px;padding-bottom: 40px;}
.audioButtonList a {margin-top:30px;padding-bottom: 40px;}
.audioButtonList a.button {margin-top:30px;padding-bottom: 40px;}
.audioButtonList a.button {margin-top:30px;padding-bottom: 40px;}}