/* Origami website by Mari Michaelis www.spitenet.com */

@charset "utf-8";

html {
    /*This fixes page shift effect caused by appearing and disappearing browser vertical scrollbar */
	overflow-y: scroll;
}

html, body {
  height: 100%; 	/* for footer to sit at bottom of page */
  margin: 0px;
  padding: 0px;
  background-color: #CFDCE6;
}

body {
	font-family: Verdana, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 0.8em;
	color: black;
	background-image: url(images/bk_gradient.png);
	background-repeat:repeat;
	background-position: bottom;
	background-color: #CFDCE6; /* #D2D8DF */
	border: 0px;
	text-align: center;
}
/* reset css */
ol, ul, li, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
blockquote.license {
	margin-left:20px;
	margin-top:-6px;}
img {
	border:0px;
}
img.frame {
	border:1px solid #333;
}
img.book {
	float:left;
	padding:0px 6px 4px 0px;
}
img.right {
	float:right;
	padding:3px 0px 3px 0px;
	margin-right:-10px;
}
img.left {
	float:left;
	padding:14px 2px 0px 0px;
}
img.popOut {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00F;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #00F;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

h1 {
    font-family: Georgia, "Times New Roman",Times, serif;   
    color: #002471; }

H3.initial:first-letter { font-size: 150%}  
P.initial:first-letter { font-size: 200%}  

a:link { color: #00f; }
a:visited { color: #009; }
a:hover { color: #06f; }
a:active { color: #0cf; }
 
p.logo {
		font-size: 3.8em;
		margin-bottom: -.5em}
p.logo img {
	border:0px;
	z-index:2;}	
p.logo a {
	color: black;
    text-decoration: none; }
p.logo a.info, p.logo a.infoIndex {
    position:relative;
    color:#000;
    text-decoration: none; } 
p.logo a.info span, p.logo a.infoIndex span {
	 display: none; }
p.logo a:visited {   
    color: black; }
p.logo a:hover {
	z-index:22;}	
p.logo a.info:hover span, p.logo a.infoIndex:hover span {
	display:block;
	position:relative;
    font-size: 14px;
    font-weight: bold;
	width:120px;
	padding:2px;
    border:1px solid #F8F8F8;
    background-color:#A6ACB4; 
	color:#000;
    text-align: center;
	z-index:24;
 }
p.logo a.info:hover span {
	margin-top:-54px;
	margin-bottom:44px; /*44px; */
}
p.logo a.infoIndex:hover span {
	margin-top:-156px; /*-60px;*/
	margin-bottom:133px; /*37px;*/
	color:#333;
}

p.fineprint {
	font-size: .7em;
	margin-top: 0em;
	margin-bottom: 0em;
}	
p.caption, table.display {
    font-family: Arial, Verdana, Helvetica, Geneva, SunSans-Regular, sans-serif; 
    font-size: 0.85em;	
	 text-align: center;
}
.backclr {background-color: #FFFFEA;}

p.backclr {
	background-color: #FFFFEA;
	margin-top: 0;
	margin-bottom: 0;
	padding: .5em;
	padding-left:1em;
}

address {
    margin-top: 1em;
    padding-top: 0.5em;
    padding-left: 0.5em;
    border-top: thin dotted;
  	background: white; }
  	
table.diagrams {
	padding: 10px;
	font-size: 0.9em;
	empty-cells: show 
}

table.diagrams.tr {
	padding: 10px
}
table.display {
	border-collapse:collapse;
	text-align: center;
}
table.display td {
	padding:3px;
}

.thrColFixHdr #wrapper, .twoColFixLtHdr #wrapper, .twoColFixLtHdr #wrapper-StickyFoot {
	background: url(images/bk-ori-palebl2.jpg) #BCC6D2;
	width: 988px;
	margin: 0 auto;
	margin-top:10px;
	text-align:left;
	padding:0px;
	background-repeat: repeat;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color:#6A452E; /*#666;*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6A452E;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6A452E;
}

.twoColFixLtHdr #wrapper-StickyFoot {
	position:relative;
	min-height:100%; 	/* for footer to sit at bottom of page */
	height: auto !important;  /* for footer to sit at bottom of page */
	height: 100%;		/* for footer to sit at bottom of page */
	margin-bottom: -120px;	/* -negative bottom margin for footer to sit at bottom of page */
}

.thrColFixHdr #header, .twoColFixLtHdr #header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. 
	margin:0;*/
	margin-top:0px;
	margin-bottom:33px;
	z-index: 2;
}

/*#home #homeLink, */
#diagram #diagramLink, 
#video #videoLink, 
#gallery #galleryLink, 
#license #licenseLink, 
#cuts #cutsLink, 
#tips #tipsLink, 
#online #onlineLink, 
#offline #offlineLink, 
#about #aboutLink,
#corner #cornerLink
{
	background-image:url(images/pushArrow.png);
	background-repeat:no-repeat;
	background-position:2px 6px;
	/*padding-right: 15px;15px;*/
	padding-left: 20px; /*30px;*/
}

.thrColFixHdr #left, .twoColFixLtHdr #left {
	float:left;
	width:250px;
	margin-top: -70px;
	margin-right: 0;
	margin-left:10px;
	padding:1px;
}

.leftContent {
	background-color: #F8F8F8;
	margin-left: -2px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin-right: -2px;
	}

.thrColFixHdr #ads {
	float:right;
	width: 120px;
	padding: 10px 0px 0px 0px;
}

.twoColFixLtHdr #right {
	width: 700px;
	margin: 0 0 0 280px;
	padding: 1px;
}
.twoColFixLtHdr #content, .twoColFixLtHdr #contentVideo, .thrColFixHdr #content3col, .thrColFixHdr #content3colPop {
	background: #F8F8F8;
	margin:0;
	padding:0 14px 2px 14px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666;
	border-bottom-color: #666666;
	border-left-color: #333;
}
.thrColFixHdr #content3col, .thrColFixHdr #content3colPop {
	margin: 0px 120px 0px 270px;
}
.thrColFixHdr #content3colPop {
	background-image: url('images/popcorn.jpg');
	background-repeat: repeat;	
}

#left3col {
	float:left;
	width:250px;
	margin-top: -70px;
	margin-right: 0;
	margin-left:-750px;
	padding:1em;
}
.twoColFixLtHdr #contentBottom {
	background-image: url(images/bk_gradient.png);
	background-repeat:repeat;
	margin-left:0px;
	margin-right:0px;
	padding:1em;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #999;
	border-right-color: #666;
	border-bottom-color: #666;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.twoColFixLtHdr #contentVideo {
	background-image: url('images/popcorn.jpg');
	background-repeat: repeat;
	margin-top:10;
}

div.contentAds {
	float: right;
	width: 120px; /*160px*/
	background: #F8F8F8;
	margin-top:10;
	margin-right: -10px;
	margin-left:10px;
}
div.box { 
	padding-left: 0.4em;
	background: tan;
	border: dashed;
	border-left: solid;
	border-right: none;
	border-width: medium;
	border-color: red;
	border-width: thin;
	width: 95%;
}  	
#new {
	background-image: url(images/scroll_middle246.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding:1px;
	width: 240px;
	height: 330px;
	overflow: auto;
	scrollbar-face-color: #8D6D49;
	color:#532900;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #630; /*#630; */
}
#announcement {
	background-image: url(images/scroll_middle246.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 30px;
	padding-top:30px;
	zoom: 1; /* for old IE */
}
#announcement .last {
	padding-bottom:10px;
}
#announcement li {
	list-style:none;
	margin-left:21px;
}
#announcement p.top {
	text-align: center;
	font-weight:bold;
	color:#630;
	background: url(images/scroll_top.png) no-repeat left top;
	padding-top:12px;
	margin-top:-44px; 
	margin-bottom:-10px;
	padding-bottom:30px;
}
p.bottom {
	text-align: center;
	background: url(images/scroll_bottom.png) no-repeat left top;
	padding-top:48px;
	margin-top:-2px;
}
.thrColFixHdr #footer, .twoColFixLtHdr #footer, .twoColFixLtHdr #footer-Sticky {
	clear: both;
	padding: 5px;
	margin: 0 15px;
	font-size:10px;
}
.twoColFixLtHdr #footer-Sticky {
	/* for footer to sit at bottom of page */
	position: relative;
	width:970px;
	margin: 0 auto; 
}
.twoColFixLtHdr #footer-Sticky, .push { 	/* for footer to sit at bottom of page */
	height: 120px; /* .push must be the same height as .footer  --match in wrapper*/
}

ul.pic {
	list-style-image: url('images/arrow.gif')
}
ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    left: 1em;
    width: 9em }
    
ul.navbar li {
    font-family: Georgia, "Times New Roman", Times, serif;  
	font-weight: bold;
    background: #CCCCCC;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: 1em solid black }
 
 ul.navbar a {
	color: navy;
    text-decoration: none }
 ul.navbar a:visited {   
    color: navy }
 ul.navbar a:hover { 
    background: cyan }
    
 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.menu {padding:0 0 0 0; margin:0; list-style:none; height:40px; position:relative;  }

.menu li.top, .menu li.topCorner {display:block; float:left; position:relative;}
.menu li.topCorner {padding-left:6px;}
.menu li a.top_link, .menu li a.top_link_down, .menu li a.menuCorner {
	display:block;
	background-image: url(images/buttonWsub.png);
	background-repeat:repeat;
	background-color: #7592B5;
	float:left;
	height:40px;/*40*/
	line-height:33px;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 22px;
	cursor:pointer;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #999;
}
.menu li a.menuCorner {
	padding-left: 20px;
	padding-right:0px;
}

.menu li a.top_link span, .menu li a.top_link_down span, .menu li a.top_link_sub span, .menu li a.menuCorner span
{float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.menuCorner span, .menu li a.top_link_sub span {padding-right:20px;}

.menu li a.top_link span.down, .menu li a.menuCorner span.down
{float:left; display:block; padding:0 24px 0 12px; height:40px; background-position: -3px 60px;}
.menu li a.top_link_down span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background-position:-3px 130px;}

.menu li a.top_link:hover, .menu li a.menuCorner:hover { background-position: -3px 186px;}
.menu li a.top_link:hover span {}
.menu li a.top_link:hover span.down {}

.menu li a.top_link_down:hover {background-position:-3px 130px;}
.menu li a.top_link_down:hover span {}
.menu li a.top_link_down:hover span.down {}

.menu li a.top_link_sub:hover {background-position:-4px 57px;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; padding:3px 0; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:40px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {
	display:block;
	background-image: url(images/buttonWsub.png);
	background-repeat:repeat;
	background-color: #7592B5;
	float:left;
	height:40px;
	line-height:33px;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 22px;
	cursor:pointer;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #999;
}