/*  
Sticky Footer Solution by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
  margin:0;
  padding:0;
  } 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {
  height: 100%;
  }

body > #wrapper {
  height: auto; 
  min-height: 100%;
  }

#main {
  overflow:auto;
  padding-bottom: 175px; /* must be same height as the footer */
  }

/*Opera Fix*/
  body:before { /* thanks to Maleika (Kohoutec)*/
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px; /* thank you Erik J - negate effect of float*/
  }


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file
<!--[if  IE 8]>
	<style type="text/css">
		#wrapper {display:table;}
	</style>
<![endif]-->

*/


html, div, ul, hr, img * {
  box-sizing : border-box ;
  -moz-box-sizing : border-box ;
  -khtml-box-sizing : border-box ;
  margin : 0;
  padding : 0;
  }

/**/
* html div.parent {
  overflow: visible;
  }
/**/

body {
  width: 100%;
  height: 100%;
  background: #ffffff url() repeat scroll center top ; /* bg.png */
  font-size: 12pt;
  font-family: 'ITC Garamond', 'Palatino', 'Georgia', 'serif';
  text-align: center; /* centering for IE */
  word-wrap: break-word; /* for IE */
  word-break: keep-all; /* for IE */
  -webkit-text-size-adjust: none; /* for iPhone */
  }

#wrapper {
  width: 1000px;
  overflow: auto; /* display background for firefox */
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0px auto; /* centering for firefox */
  padding: 0px;
  text-align: center;
  border-top: 0px solid #f7e2c1;
  border-right: 0px solid #f7e2c1;
  border-left: 0px solid #f7e2c1;
  border-bottom: 0px solid #f7e2c1;
  background: #ffffff url() repeat scroll center top;
  }

#header {
  overflow:auto; /* display background for firefox */
  width: 1000px;
  height: 160px;
  margin: 0 auto; /* centering for firefox */
  padding: 0px 0px;
  text-align: center;
  background: #666666 url(image/background/header.jpg) no-repeat scroll center top;
  border-bottom: 2px solid #444444;
  }

#logo {
  float: left;
  width: ;
  padding: 10px 0px;
  margin: 0px 0px 0px 30px;
  background: ;
  }

.logo {
  color: #000000;
  font-size: 40pt;
  font-style : bold;
  font-family: 'Stencil', 'Bookman Old Style', 'serif';
  line-height: 120%;
  letter-spacing: em;
  text-align: left;
  padding: 0px;
  margin: 0px;
  }

a.logo:hover {
  background: ;
  }
  
#dsc {
  float: right;
  width: ;
  padding: 0px;
  margin: 30px 30px;
  background: ;
  }

.dsc {
  font-family: 'Bookman Old Style', 'serif'; /* Trebuchet MS */
  font-size: 13pt;
  font-weight: bold;
  color: #ffffff;
  line-height: 140%;
  text-align: right;
  padding: 0px ;
  margin: 0px;
  }
  
  
#global_navigation {
  overflow:auto; /* display background for firefox */
  width: 1000px;
  text-align: ;
  padding: 3px 0px 3px 0px;
  margin: 0px;
  background: #ffffff; /* darkorange #ff8c00 */
  border-bottom: 2px solid #444444;
  }
  
ul.global_navigation {
  font-size: 13pt;
  color: #000000;
  vertical-align: middle;
  font-family: 'Bookman Old Style', 'serif';
  background: ; /* darkorange #ff8c00 */
  padding: 0px;
  margin: 0px;
  }

li.global_navigation_off, li.global_navigation_on {
  float: left;
  width: 123px;
  background: #ffffff; /* darkorange #ff8c00 */
  padding: 0px;
  margin: 0px;
  border-top: 0px none #999999;
  border-right: 1px solid #999999;
  border-bottom: 0px none #999999;
  border-left: 1px solid #999999;
  }

a.global_navigation_off {
  color: #777777;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  display:block;
  }
  
a.global_navigation_on {
  color: #000000;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  display:block;
  }  

a.global_navigation_off:hover, a.global_navigation_on:hover {
  color: #777777;
  text-decoration: none;
  background: #ffffff; /* darkorange #ff8c00 */
  display:block;
  }
  
a.global_navigation_on:hover {
  color: #ffffff; /* ; ff0099; darkorange #ff8c00; carmine #d70035 */
  text-decoration: none;
  background: #00aaff; /* darkorange #ff8c00 */
  display:block;
  }

#primary_navigation {
  overflow: auto; /* display background for firefox */
  font-family: ;
  font-weight: ;
  width: 1000px;
  text-align: right;
  padding: 5px 0px 0px 0px;
  margin: 0 auto; /* centering for firefox */
  background: ;
  }

ul.primary_navigation {
  font-size: 10pt;
  font-weight: bold;
  padding: 0px;
  margin: 0px 5px;
  }

li.primary_navigation {
  float: right;
  list-style-type: none;
  list-style-position: inside;
  color: ;
  padding: 0px 0px 0px 20px;
  margin: 0px 0px;
  background: ;
  }

a.primary_navigation_on {
  color: #000000;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  }

a.primary_navigation_on:hover {
  color: #ffffff;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  background: #00aaff; /* #4C8C8C; #00bfff */
  }

a.primary_navigation_off {
  color: #777777;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  }
  
a.primary_navigation_off:hover {
  color: #777777;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  background: ;
  }

#breadcrumb_navigation {  
  overflow: auto; /* display background for firefox */
  font-family: ;
  color: #000000;
  text-decoration: none;
  font-size: 9pt;
  line-height: 120%;
  text-align: left;
  width: 990px;
  height: 40px;
  padding: 0px 5px;
  margin: 0 auto; /* centering for firefox */
  background: ;
  }
  
a.breadcrumb_navigation {
  color: #000000;
  text-decoration: none;
  padding: 0px;
  margin: 0px;
  }

a.breadcrumb_navigation:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00aaff; /* #4C8C8C; #00bfff */
  }

.container {
  color: ;
  text-align: left;
  background: ;
  margin: 0px;
  padding: 0px;
  border: 1px solid #555555;
  }
/* -webkit-text-size-adjust:200%; for iPhone */

  
strong {
  }
  
b {
  color: #00aaff; /* coral; carmine #d70035; #ff00cc; #00bfff #00aaff */
  }

a {
  font-weight: ;
  color: #00aaff; /* #ff00cc */
  text-decoration: none;
  }
  
a:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00aaff; /* #4C8C8C; #00bfff; #ff00cc */
  }

.subject {
  color: ;
  font-size: 18pt;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  padding: 10px 0px;
  margin: 0px;
  background: ;
  border-top: 0px solid #bf1118;
  border-bottom: 0px solid #bf1118;
  }
  
  
#local_navigation {
  color: #000000;
  font-size: 10pt;
  float: left;
  width: 245px;
  height: ;
  text-align: left;
  margin: 0px 5px;
  padding: 0px 0px;
  background: ;
  }


#contents {
  color: #000000;
  font-weight: 12pt;
  line-height: 120%;
  float: left;
  width: 710px;
  text-align: justify; 
  padding: 10px 0px 0px 0px;
  margin: 0px 5px 0px 30px;
  background: ;
  }
  
#info {
  color: #000000;
  font-size: 12pt;
  font-weight: normal;
  line-height: 120%;
  text-align: justify;  
  float: left;
  width: 470px;
  margin: 0px 30px;
  padding: 10px 0px;
  background: ;
  }

#skyscraper {
  color: #000000;
  font-size: 12pt;
  text-align: left;
  float: left;
  width: 205px;
  margin: 0px 5px;
  padding: 0px 0px;
  background: ;
  }

.date {
  color: #777777;
  font-size: 8pt;
  font-weight: normal;
  line-height: 120%;
  text-align: left;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  }

.local_navigation {
  font-family: ;
  color: #000000;
  font-size: 14pt;
  font-weight: bold;
  font-style: italic;
  line-height: 120%;
  margin: 0px;
  padding: 5px 0px;
  }

ul.local_navigation {
  list-style-type: none;
  list-style-position: outside;
  color: ;
  font-family: ;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  line-height: 200%;
  text-align: left;
  padding: 0px;
  margin: 0px;
  }
  
li.sub_navigation_off {
  color: #777777;
  font-family: ;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  line-height: 120%;
  text-align: left;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  }

li.sub_navigation_on {
  color: #000000;
  font-family: ;
  font-size: 10pt;
  text-align: left;
  line-height: 120%;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  }

a.sub_navigation_on {
  color: #000000;
  font-family: ;
  font-weight: bold;
  font-size: ;
  padding: 0px;
  display: ;
  }

a.sub_navigation_on:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00aaff; /* #00bfff; #ff00cc */
  padding: 0px;
  display: ;
  }

ul.category {
  list-style-type: disc;
  list-style-position: inside;
  color: #000000;
  font-family: ;
  font-size: 12pt;
  font-weight: bold;
  line-height: 200%;
  text-align: left;
  padding: 0px;
  margin: 0px;
  }

li.category {
  color: #000000;
  font-family: ;
  font-size: 12pt;
  font-weight: bold;
  line-height: 120%;
  text-align: left;
  padding: 0px;
  margin: 10px 0px;
  }

a.category {
  color: #000000;
  font-family: ;
  font-weight: bold;
  font-size: 10pt;
  padding: 0px;
  display: ;
  }

a.category:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00aaff; /* #4C8C8C; #00bfff */
  padding: 0px;
  display: ;
  }
  
img.main_item {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
  background: ;
  border: 0px solid #777777;
  float: ;
  }
  
img#category {
  float: left;
  text-align: ;
  padding: 0px;
  margin-right: 20px;
  vertical-align: middle;
  background: ;
  border: 0px solid #777777;
  }

img.icon {
  border: 0px solid #f7e2c1;
  padding: 0px;
  margin: 0px 10px 10px 0px;
  vertical-align: super;
  background: ;
  float: left;
  }
  
img.icon:hover {
  background: #00aaff; /* #4C8C8C; #00bfff */
  }
  
img {
  border: 0;
  } 

.topic {
  }

.line {
  font-family: ;
  text-align: left;
  color: #000000;
  font-size: 16pt;
  font-weight: bold;
  font-style: italic;
  line-height: 130%;
  margin: 0px;
  padding: 5px 0px;
  }
  
.heading {
  padding: 5px 0px 10px 0px;
  }
  
.box {
  color: ;
  font-weight: ;
  line-height: 130%;
  padding: 10px 0px 5px 0px;
  margin: 0px;
  }
  
.title {
  font-family: ;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
  padding: 0px 0px 10px 0px;
  margin: 0px;
  }


.price {
  font-family: 'Bookman Old Style', 'serif';
  font-size: 20pt;
  font-weight: bold;
  text-align: left;
  padding: 20px 0px;
  margin: 0px;
  }

ul { 
  list-style-type: none;
  margin: 10px 0px 5px 0px;
  list-style-position: outside;
  }
  
ul ul {
  list-style-type: circle;
  margin: 1px 0px 1px 50px;
  }

ul ul ul {
  margin: 1px 0px 1px 30px;
  list-style-type: disc;
  }
  
ul.order { 
  list-style-type: circle;
  list-style-position: outside;
  text-align: left;
  padding: 0px;
  margin: 0px;
  }
  
li.order {
  color: #000000;
  font-family: ;
  font-size: ;
  font-weight: normal;
  line-height: 120%;
  text-align: left;
  padding: 0px 0px;
  margin: 10px 0px;
  }

a.site_map {
  color: #000000;
  font-size: 12pt;
  line-height: 150%;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  }

a.site_map:hover {
  color: #ffffff;
  text-decoration: none;
  background: #ff00cc;
  }
   
ul.site_map { 
  list-style-type: none;
  list-style-position: outside;
  text-align: left;
  padding: 0px;
  margin: 0px;
  }
  
li.site_map {
  color: #000000;
  font-family: ;
  font-size: ;
  font-weight: normal;
  line-height: 120%;
  text-align: left;
  padding: 0px 0px;
  margin: 10px 0px;
  }
   
ul.link {
  list-style-type: none;
  text-align: left;
  font-weight: normal;
  line-height: 120%;
  text-align: justify;
  padding: 0px;
  margin: 0px;
  list-style-position: outside;
  }
  
li.link {
  padding: 0px;
  margin: 10px 0px;
  }
  
a.link {
  color: ;
  font-weight: bold;
  line-height: 200%;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  }
  
ul.exhibition_and_contest { 
  list-style-type: none;
  font-size: 11pt;
  text-align: left;
  font-weight: bold;
  line-height: 120%;
  padding: 5px 0px;
  margin: 0px;
  list-style-position: outside;
  }
  
li.exhibition_and_contest {
  font-weight: normal;
  line-height: 130%;
  list-style-type: none;
  margin:;
  padding:  5px 0px 0px 20px;
  }
  

ol.scholarly_writing {
  list-style-type: decimal;
  font-size: ;
  text-align: left;
  font-weight: ;
  line-height: 120%;
  padding: 0px 0px 0px 25px;
  margin: 0px;
  list-style-position: outside;
  }
  
ul.scholarly_writing {
  list-style-type: disc;
  font-size: ;
  text-align: left;
  font-weight: ;
  line-height: 120%;
  padding: 0px 0px 0px 25px;
  margin: 0px;
  list-style-position: outside;
  }

li.scholarly_writing {
  font-weight: normal;
  line-height: 130%;
  list-style-type: ;
  margin:;
  padding: 10px 0px 5px 0px;
  }


.chapter {
  font-family: ;
  color: #000000;
  font-size: 14pt;
  font-weight: bold;
  font-style: italic;
  line-height: 120%;
  margin: 0px;
  padding: 0px;
  }

ul.chapter {
  list-style-type: none;
  list-style-position: outside;
  font-family: ;
  color: #000000;
  font-size: 14pt;
  font-weight: bold;
  font-style: italic;
  line-height: 120%;
  margin: 0px;
  padding: 10px 0px;
  }
  
li.chapter_off {
  color: #777777;
  font-family: ;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  line-height: 120%;
  text-align: left;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  }

li.chapter_on {
  color: #000000;
  font-family: ;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  line-height: 120%;
  text-align: left;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  }

a.chapter_on {
  color: #000000;
  font-family: ;
  font-weight: bold;
  font-size: ;
  padding: 0px;
  display: ;
  }

a.chapter_on:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00aaff; /* #00bfff; #ff00cc */
  padding: 0px;
  display: ;
  }
    
    
ol.heading {
  list-style-type: decimal;
  list-style-position: outside;
  font-family: ;
  color: #000000;
  font-size: 10pt;
  font-weight: normal;
  font-style: italic;
  line-height: 120%;
  margin: 0px;
  padding: 10px 0px 0px 20px;
  }
  
li.heading_off {
  color: #777777;
  font-family: ;
  font-weight: ;
  font-style: ;
  line-height: 120%;
  text-align: left;
  padding: 0px;
  margin: 10px 0px 5px 20px;
  }

li.heading_on {
  color: #000000;
  font-family: ;
  text-align: left;
  line-height: 120%;
  padding: 0px;
  margin: 10px 0px 5px 20px;
  }

a.heading_on {
  color: #000000;
  font-family: ;
  font-weight: ;
  font-size: ;
  padding: 0px;
  display: ;
  }

a.heading_on:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00aaff; /* #00bfff; #ff00cc */
  padding: 0px;
  display: ;
  }
    
    
ol.subheading {
  list-style-type: decimal;
  list-style-position: outside;
  font-family: ;
  color: #000000;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  line-height: 120%;
  margin: 0px;
  padding: 5px 0px 5px 40px;
  }

li.subheading_off {
  color: #777777;
  font-family: ;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  line-height: 120%;
  text-align: left;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  }

li.subheading_on {
  color: #000000;
  font-family: ;
  font-size: 10pt;
  text-align: left;
  line-height: 120%;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  }

a.subheading_on {
  color: #000000;
  font-family: ;
  font-weight: ;
  font-size: ;
  padding: 0px;
  display: ;
  }

a.subheading_on:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00aaff; /* #00bfff; #ff00cc */
  padding: 0px;
  display: ;
  }
  

.describe {
  }

  
#page_top {
  width: 1000px;
  overflow: auto; /* display background for firefox */
  text-align: right;
  padding: 10px 0px;
  margin: 0 auto; /* centering for firefox */
  background: ;
  }

a.page_top {
  color: #777777;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  padding: 0px;
  margin: 0px 5px;
  }

a.page_top:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00aaff; /* #4C8C8C; #00bfff; #ff00cc */
  }
  
#footer {
  color: #ffffff;
  font-family: ; /* 'Bookman Old Style', 'serif'; Trebuchet MS */
  overflow: auto; /* display background for firefox */
  width: 1000px;
  padding: 0px 0px 0px 0px;
  margin: 0px auto; /* centering for firefox */
  position: relative;
  margin-top: -175px; /* negative value of footer height */
  height: 175px;
  clear:both;
  background: #666666 url(image/background/footer.jpg) no-repeat scroll center bottom;
  border-top: 2px solid #444444;
  }
  
.footer {
  color: ;
  font-size: 12pt;
  font-style: ;
  font-weight: bold;
  line-height: 120%;
  padding: 20px 0px 0px 0px;
  margin: 0px 30px;
  background: ;
  }

.site_info {
  text-align: justify;
  color: ;
  font-size: 12pt;
  font-weight: ;
  line-height: 120%;
  padding: 5px 0px;
  margin: 0px 30px;
  background: ;
  }
  
.copyright {
  color: ;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  padding: 5px 0px;
  margin: 0px 30px;
  background: ;
  }