/* Default Stylesheet */

															/** BODY ELEMENTS **/
body {
	font-size: 12px;
	text-align: center;
    overflow-x: hidden;
	}


#wrap {
    background: transparent url(../images/big_bg.png) no-repeat top center;
    background-attachment: scroll;
    height:100%;
    width: 100%;
        overflow-x: hidden;
}

*html #wrap {
    background: transparent url(../images/big_bg.gif) no-repeat top center;
    background-attachment: scroll;
    height:100%;
    width: 100%;
}


body#index       { background: transparent url(../images/footer-bg-index.gif) repeat-x left bottom;     }
body#donate      { background: transparent url(../images/footer-bg-donate.gif) repeat-x left bottom;    }
body#supporters  { background: transparent url(../images/footer-bg-supporters.gif) repeat-x left bottom;}
body#kids        { background: transparent url(../images/footer-bg-kids.gif) repeat-x left bottom;      }
body#visitors    { background: transparent url(../images/footer-bg-visitors.gif) repeat-x left bottom;  }
body#educators   { background: transparent url(../images/footer-bg-educators.gif) repeat-x left bottom; }
body#exhibits    { background: transparent url(../images/footer-bg-exhibits.gif) repeat-x left bottom;  }
body#about       { background: transparent url(../images/footer-bg-blue.gif) repeat-x left bottom;      }
body#memberships { background: transparent url(../images/footer-bg-blue.gif) repeat-x left bottom;      }
body#currentnews { background: transparent url(../images/footer-bg-blue.gif) repeat-x left bottom;      }
body#privacy     { background: transparent url(../images/footer-bg-grey.gif) repeat-x left bottom;      }


td.leftbg {
    width:50%;
    background: transparent url(../images/left-bg.png) no-repeat right top;
}


td.rightbg {
    width:50%; background-color:#eee;
    background: transparent url(../images/right-bg.png) no-repeat left top;
}

div#bodybg {

  width:100%;
  height:100%;
}


    														/** MAIN CONTAINERS **/
div#container {
	width: 1015px;
	margin: 0 auto;
	text-align: left;

	}

body.fullwidth div#container {
    width: 100%;
    }

div#header {
    /*background: transparent url(../images/header-bg.png) no-repeat left top;*/
    height: 365px;
    padding:0 15px;
	}

div#header_left{
    width:180px;
    height: 365px;
    float:left;
    text-align:center;
    margin: 0 0 0 0px;
    padding:0 85px 0 10px;
	}

div#header_left a#logo {
    display: block;
    width: 180px;
    height: 220px;
    padding:0;
    margin:35px 0 0 0 ;
    float:left;
    background: transparent url(../images/header-logo.gif) no-repeat left top;
}


div#header_left form {
    margin:25px 0 0;
 }

div#header_left form p label {
    color:#666;
    margin: 0 5px 0 0;
  	font-family: "Arial", "Verdana", "Helvetica", sans-serif;
}

div#search_area input {
    color:#666;
   	font-family: "Arial", "Verdana", "Helvetica", sans-serif;
    height:16px;
    padding:0 5px;
    width:110px;
}

div#search_area input:hover {
  cursor: text;


}


div#search_area {
      background: url(../images/search.gif) no-repeat left top;
      margin-left: 50px;
      width:130px;
}

*html div#search_area {
      margin-left: 0px;
}

*+html div#search_area {
      margin-left: 0px;
}


div#search_area:hover {
      cursor: text;
}


div.header_right{
    width:710px;
    height: 365px;
    float:left;
    margin: 0 0px 0 0;
	}

div#index       { background: transparent url(../images/nav-bg-index.gif) no-repeat left top;       }
div#donate      { background: transparent url(../images/nav-bg-donate.gif) no-repeat left top;      }
div#supporters  { background: transparent url(../images/nav-bg-supporters.gif) no-repeat left top;  }
div#kids        { background: transparent url(../images/nav-bg-kids.gif) no-repeat left top;        }
div#visitors    { background: transparent url(../images/nav-bg-visitors.gif) no-repeat left top;    }
div#educators   { background: transparent url(../images/nav-bg-educators.gif) no-repeat left top;   }
div#exhibits    { background: transparent url(../images/nav-bg-exhibits.gif) no-repeat left top;    }
div#about       { background: transparent url(../images/nav-bg-about.gif) no-repeat left top;       }
div#memberships { background: transparent url(../images/nav-bg-memberships.gif) no-repeat left top; }
div#currentnews { background: transparent url(../images/nav-bg-currentnews.gif) no-repeat left top; }
div#survey      { background: transparent url(../images/nav-bg-survey.gif) no-repeat left top;      }
div#contact     { background: transparent url(../images/nav-bg-contact.gif) no-repeat left top;     }

div#content-wrap{
/*    background: transparent url(../images/bottom-bg.png) no-repeat left top;*/
    padding: 0;
    height:100%;
    padding-bottom:25px;
	}

body#index div#content-wrap {
    padding-bottom:25px;
}


div.content {
    padding-left:290px;
    width:810px;
    padding-top:0px;

	}


                            /* Navigation */


div#topnav {
      width:685px;
      text-align:right;
      color: #999;
      font-size: 10px;
      margin:25px 0 0 0;
}

div#topnav a{
      color: #999;
      font-family: "Arial", "Verdana", "Helvetica", sans-serif;
      font-size: 10px;
      text-decoration:none;
}

div#topnav a:hover {
      color: #000;
}


div#nav {
      margin:109px 0 0 0px;
      width: 605px;
}


*html div#nav {
      margin:109px 0 0 0px;
      width: 612px;
}




a.nav_item {
      height: 85px;
      width:82px;
      display:block;
      margin: 0 4px 3px 0;
      float:left;
      background-color: #eee;
}


a#hd        { background: transparent url(../images/nav1.gif) no-repeat left top; margin-left:0px;  }
a#hd:hover  { background: transparent url(../images/nav1.gif) no-repeat left bottom; }
a#hd_active { background: transparent url(../images/nav1.gif) no-repeat left bottom; }

#su         { background: transparent url(../images/nav2.gif) no-repeat left top;  margin-right:7px; float:right;}
a#su:hover  { background: transparent url(../images/nav2.gif) no-repeat left bottom;  }
a#su_active { background: transparent url(../images/nav2.gif) no-repeat left bottom; margin-right:7px; float:right;   }

a#ko        { background: transparent url(../images/nav3.gif) no-repeat left top; margin-left:0px; }
a#ko:hover  { background: transparent url(../images/nav3.gif) no-repeat left bottom; }
a#ko_active { background: transparent url(../images/nav3.gif) no-repeat left bottom; }

a#vs        { background: transparent url(../images/nav4.gif) no-repeat left top; margin-left:0px;  }
a#vs:hover  { background: transparent url(../images/nav4.gif) no-repeat left bottom; }
a#vs_active { background: transparent url(../images/nav4.gif) no-repeat left bottom; }

a#ed        { background: transparent url(../images/nav5.gif) no-repeat left top; margin-left:0px;   }
a#ed:hover  { background: transparent url(../images/nav5.gif) no-repeat left bottom; }
a#ed_active { background: transparent url(../images/nav5.gif) no-repeat left bottom; }

a#ex        { background: transparent url(../images/nav6.gif) no-repeat left top; margin-left:0px; }
a#ex:hover  { background: transparent url(../images/nav6.gif) no-repeat left bottom; }
a#ex_active { background: transparent url(../images/nav6.gif) no-repeat left bottom; }

a#au        { background: transparent url(../images/nav7.gif) no-repeat left top; margin-left:0px;   }
a#au:hover  { background: transparent url(../images/nav7.gif) no-repeat left bottom; }
a#au_active { background: transparent url(../images/nav7.gif) no-repeat left bottom; }

a#ms        { background: transparent url(../images/nav8.gif) no-repeat left top; margin-left:0px;  }
a#ms:hover  { background: transparent url(../images/nav8.gif) no-repeat left bottom; }
a#ms_active { background: transparent url(../images/nav8.gif) no-repeat left bottom; }

a#cn        { background: transparent url(../images/nav9.gif) no-repeat left top;margin-left:0px;  }
a#cn:hover  { background: transparent url(../images/nav9.gif) no-repeat left bottom; }
a#cn_active { background: transparent url(../images/nav9.gif) no-repeat left bottom; }


                 		/* left column */

div.textblock_left {
       width:410px;
       float:left;
       padding-top: 10px;
	}

div.textblock_left b {
       font-weight: bold;
       padding-left:30px;
       color: #333;
       font-size: 11px;
}

div.textblock_left i {
       font-weight: bold;
       font-style: italic;
       color: #333;
       font-size: 11px;
       margin-top: 5px;
}

div.textblock_left a {
       color: #333;
       font-weight: bold;
       font-size: 11px;
}

div.textblock_left a:hover {
        color:#666;
}


div.textblock_left p {
     color: #333;
     font-size: 11px;
     line-height:16px;
}

div.textblock_left ul {
    margin:10px 0;
    padding: 0 0 0 20px;
    font-size:11px;
}

div.textblock_left ul li {
    font-size: 11px;
    list-style: disc;
}


div.textblock_left p.img_p {
  text-align:center;
}


div.textblock_right {
       width:375px;
       float:left;
       margin: 0 0 0 25px;
       padding: 0;
	}


#kids_activities i a, #kids_activities i {
  font-style: italic;
  font-weight: normal;
}

div#kids_bottom {
       background: transparent url(../images/kids_bottom.png) no-repeat left bottom;
       height:345px;
       width:439px;
       position:absolute;
       top:440px;
       margin-left:-60px;


}

.block_right {
    width: 252px;
}


div#rightblock_index        {   }
div#rightblock_donate       { height: 377px; background: transparent url(../images/hex-donate.png) no-repeat left bottom;       }
div#rightblock_supporters   { height: 377px; background: transparent url(../images/hex-supporters.png) no-repeat left bottom;   }
div#rightblock_kids         { height: 377px; background: transparent url(../images/hex-kids.png) no-repeat left bottom;         }
div#rightblock_visitors     { height: 377px; background: transparent url(../images/hex-visitors.png) no-repeat left bottom;     }
div#rightblock_educators    { height: 377px; background: transparent url(../images/hex-educators.png) no-repeat left bottom;    }
div#rightblock_exhibits     { height: 377px; background: transparent url(../images/hex-exhibits.png) no-repeat left bottom;     }
div#rightblock_about        { height: 377px; background: transparent url(../images/hex-about.png) no-repeat left bottom;        }
div#rightblock_memberships  { height: 377px; background: transparent url(../images/hex-memberships.png) no-repeat left bottom;  }
div#rightblock_currentnews  { height: 377px; background: transparent url(../images/hex-currentnews.png) no-repeat left bottom;  }

.block_right p {
    font-size:10px;
    line-height: 12px;
}

.block_right a {
    font-size:10px;
    line-height: 12px;
    text-decoration: none;
    font-weight:bold;
}

.block_right h3 a {
    font-size:14px;
    line-height: 28px;
    text-decoration: none;
    font-weight:normal;
}

.block_right h3 a:hover {
    font-size:14px;
    line-height: 28px;
    text-decoration: underline;
    font-weight:normal;
    color: #EA8016;
}

.block_right span {
    font-style: italic;
    float:right;
    font-size:10px;

}

div.textblock_right div.textblock_post {
       margin:0 0 20px 0;
       width: 250px;
    }



div.textblock_right div.textblock_post p {
        padding-left:50px;
        margin-top:0px;
        font-size: 11px;
        color: #666;
}

div.textblock_right div.textblock_post p span a {
   font-size: 9px;
   text-transform: uppercase;
   font-weight: bold;
   text-decoration: none;
   color: #666;
}

div.textblock_right div.textblock_post p span a:hover {
   color:#000;
}


div.textblock_right div.textblock_post .textblock_img {
       height:90px;
       width:70px;
       margin-right:7px;
       float:left;
       display:block;

}


.index_img1{
         background: transparent url(../images/index-img3.gif) no-repeat center top;
         margin-top: 10px;
}
.index_img1:hover{
         background: transparent url(../images/index-img3.gif) no-repeat center top;

}

.index_img2{
         background: transparent url(../images/index-img2.gif) no-repeat center top;
}
.index_img2:hover{
         background: transparent url(../images/index-img2.gif) no-repeat center top;
}


.index_img3{
         background: transparent url(../images/index-img1.gif) no-repeat right top;
}
.index_img3:hover{
         background: transparent url(../images/index-img1.gif) no-repeat right top;
}


div.column	{
    height:350px;
    display:block;
    width:365px;
    position:absolute;
    margin-left: -100px;

    }				/* left column */

div#column-index      {  background: transparent url(../images/hex-logo.png) no-repeat right bottom; }
div#column-donate     {  background: transparent url(../images/column-donate.png) no-repeat center bottom;   margin-top:-20px; }
div#column-supporters {  margin-top:-20px; }
div#column-kids       {  margin-top:-20px; }

a#donate {
   background: transparent url(../images/column-donate-checkout.gif) no-repeat left top;
   display: block;
   width: 186px;
   height: 18px;
   margin: 190px 0 0 30px;
}
a#donate:hover {
   background: transparent url(../images/column-donate-checkout.gif) no-repeat left bottom;
}


div.left-menu {
    padding-left:130px;
}

div.left-menu form {
    margin-top: 209px;
}

*html div.left-menu form {
    margin-top: 179px;
}


div.left-menu form td {
   vertical-align: top;
}

div.left-menu form td input#item_price_1 {
    margin-top:5px;
    padding: 2px 0;
}


div.left-menu a {
    font-size: 12px;
    font-weight: bold;
    text-decoration:none;
    text-transform: uppercase;
    line-height: 30px;
    color: #036;
    padding:5px 0 5px 30px;
}

div.left-menu a:hover {
    background: transparent url(../images/star.gif) no-repeat left;
}

div.left-menu a#active {
    background: transparent url(../images/star.gif) no-repeat left;
}

div.left-menu ul {
    /*border-bottom: 1px solid #828282;*/
}

div.left-menu hr {
   color:#828282;
   width:200px;
   margin:5px 0 5px 20px;
}


div.left-menu2 {
    padding-left:130px;
}

div.left-menu2 a {
    font-size: 12px;
    text-decoration: underline;
    line-height: 30px;
    color: #036;
    padding:5px 0 5px 30px;
}

div.left-menu2 a:hover {
    color: #1779DA;
}

div.left-menu3 {
    padding-left:155px;
	padding-top: 150px;
}


div.column-in {
    height: 93px;
    background: transparent url(../images/survey.png) no-repeat left top;
    /*padding: 10px 10px 0 140px;*/

	}

div.column-in p {
   font-size: 11px;
   color: #666;
   margin-top:0;
   width: 170px;
}

div.column-in b{
    font-weight: bold;
    font-size: 14px;
}


div.column-in span {
   font-size: 9px;
   text-transform: uppercase;
   font-weight: bold;
   text-decoration: none;
   color: #666;
}

div.column-in a {
    text-decoration: none;
    display: block;
    padding:10px 0 10px 140px;
}

div.column-in a:hover {
    color:#666;
}

a.column-in p span a:hover {
   color:#000;
}


div.footer {
    padding: 0 50px;
    font-size: 10px;
    margin: 30px 0 150px 0;
	}

*html div.footer {
    padding: 0 50px;
    font-size: 10px;
    margin: 0 0 75px 0;
	}

*+html div.footer {
    padding: 0 50px;
    font-size: 10px;
    margin: 0 0 75px 0;
	}


div#fkids li, div#fkids li a, div#fkids span { color: #6a6866; }
div#fkids hr { color: #f9dcc4; background: #f9dcc4; }
div#fkids li a:hover { color:#222;    }



div#index li, div#findex li a, div#findex span { color: #c9cacb; }
div#findex hr { color: #cfd9df; background:#cfd9df;}
div#findex li a:hover { color: #fff;}


div#fdonate li, div#fdonate li a, div#fdonate span { color: #63686a; }
div#fdonate hr { color: #a3d9f5; background:#a3d9f5; }
div#fdonate li a:hover { color:#fff;}


div#fsupport li, div#fsupport li a, div#fsupport span { color: #ccc; }
div#fsupport hr { color: #d2dbda; background:#d2dbda; }
div#fsupport li a:hover { color:#fff;}




div.footer li {
    float:left;
    color: #ccc;
    line-height:20px;
    font-size: 9px;

}

div.footer li a {
    color: #ccc;
    font-size: 10px;
    text-decoration: none;
   	font-family: "Arial", "Verdana", "Helvetica", sans-serif;

}

div.footer a {
    color: #ccc;
    text-decoration: none;
   	font-family: "Arial", "Verdana", "Helvetica", sans-serif;

}

div.footer span {
    color: #ccc;
    font-size: 10px;
    text-decoration: none;
    float:right;
    text-align: right;
    width:370px;
 }


div.footer hr {
    margin: 15px 0 5px 0;
}


div.footer-in {
    text-align:center;
	}

.footer .footer-in ul{
    width:300px;
    float: left;
	}
															/** SUB CONTAINERS **/
* { }
															/** LISTS **/
* { }
    														/** TYPOGRAPHY **/
* { }
															/** FORMS **/
* { }


/************************
SITEMAP
************************/
#sitemap-list {padding:0 0 0 60px; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/
#sitemap-list li {padding:2px; margin-top:0px; font-size:13px; } /*1st level items*/
#sitemap-list li a {font-weight: normal; text-decoration:none; font-size: 12px; }
#sitemap-list li a:hover { text-decoration: underline; }


#sitemap-list ul {margin:0; padding:5px 10px; font-weight:normal; } /*2nd level lists*/
#sitemap-list li li {padding:0; margin:0; list-style:none; font-weight:normal; font-size:11px; line-height:18px; background:none} /*2nd level items*/
#sitemap-list li li a {  font-size: 11px; }
#sitemap-list li li a:hover {text-decoration: underline; }


#sitemap-list ul ul {margin-left:10px;padding:5px 10px;  background:#fff;} /*3rd level lists*/
#sitemap-list li li li {font-size:11px; font-weight:normal;} /*3rd level items*/
															/** END **/

/*
Basic style set for surveys
www.SurveyGizmo.com
 */


/* Structure */
#sg_wrapper {
     width:400px;
     width:[%%:CustomText_1:Template Width (Default: 700px)%%] ; /* Option Variable width */
     margin:0 auto;
     }
#sg_content {
     clear:both;
     margin:0 25px;
     padding: 0  25px;
        font-size:1.1em;
     }

/* Header */
#sg_header {
     text-align:center;
     }


.sg_headerImage {
     margin:20px 0 20px 15px;
        float:left;
     }


h1.sg_Title {
     clear:both;
     text-align:center;
        font-size:1.9em !important;
     }

/* Footer */
#sg_footer {
     padding:0;
     text-align:center;
     width:100%;
     margin:0 auto;
     }


.sg_PoweredBy {
      text-align:right;
      margin:0 10px 0 0 ;
      width:200px;
}

/* Titles and Headings */
#sg_wrapper h1,
#sg_wrapper h2,
#sg_wrapper h3 { margin:10px auto; text-align:center;}
#sg_wrapper h4,
#sg_wrapper h5,
#sg_wrapper h6 { margin:2px 30px;      }
#sg_wrapper h1 { font-size:1.3em;  }
#sg_wrapper h2 { font-size:1.2em;     }
#sg_wrapper h3 { font-size:1.1em;     }
#sg_wrapper h4 { font-size:1em;     }

/* Navigation */
.sg_Submit,
.sg_BackButton,
.sg_NextButton {
     text-decoration: underline;
     border:2px outset #ccc !important;
     background-color:#F0F0F0 !important;
     padding:0 10px !important;
     margin:5px;
     }
.sg_Submit:hover,
.sg_BackButton:hover,
.sg_NextButton:hover {
     background-color: #D1E5EF !important;
     }
div.sg_Button_Group {
     text-align:center;
}
div.sg_Buttons,
div.sg_Button_Group input {
     display:inline;
}

/* Special Effects */
#sg_wrapper input:focus,
#sg_wrapper select:focus,
#sg_wrapper textarea:focus,
#sg_wrapper input.sffocus,
#sg_wrapper select.sffocus,
#sg_wrapper textarea.sffocus {
     background-color:#FEFFAF !important;
}

/* Required Lables, Messages, Errors etc */
.sg_Required { /* applies to all required questions */
     }
span.sg_RequiredAsterix { color:red; font-size:1.3em; }


.sg_Error {  background-color: #FFFF99 !important; }


div.sg_ErrorMessage    {
     margin-bottom: 10px;
     color: red;
     padding:10px;
     }


.sg_Counter { }
.sg_Counter_Error  { color: red; }

/* Form Elements */
form.sg_SurveyPage {  /* main form stylename */
     }

/*  Questions  */
.sg_Question {
     padding: 10px 0;
        clear: both;
}


.sg_QuestionTitle {
     margin:0 10px 0 30px;
     text-indent:-25px;
     font-size:1.2em;
     line-height:1.3em;
     }

.qNumber {

}
.sg_ControlSet { /* wraps around question options and subquestions */
     margin:10px 0 0 20px;
}
.sg_CheckboxWrapper {
     margin:5px 0;
}
.sg_Question_Footer {}

/* Question Types */
#sg_wrapper input {
     padding:1px 2px;
     border:1px solid #777;
     background-color:#F9FAFC;
}
input.sg_Radio,
input.sg_Checkbox {
     border:none !important;
     background:none !important;
     margin:5px 0;
     }
#sg_wrapper label {
     padding:0 15px 0 5px;
}
input.sg_Radio_Other { /* 'Other' textboxes ' */
     margin:0 6px;
}


div.sg_Instructions {


     }


.sg_MaxWords  {color: #666;}


sg_Cont_Sum_Other { }


input.sg_Textbox {}
div.sg_Multi_Text {}
textarea.sg_Essay {
     padding:5px;
     font-size:1em;
}

div.sg_Rank {}
select.sg_Select {}
div.sg_Radio_Options {}
input.sg_Radio {}
div.sg_Checkbox_Options {}
input.sg_Checkbox {}
div.sg_Cont_Sum
div.sg_Matrix_Radio {}

/* Tables */
table.sg_Table {
     margin:5px 5px 15px 0;
     border-spacing: 2px !important;
     empty-cells: show !important;
}


.sg_ControlSet .sg_TD1 input.sg_Textbox {
     width:45px;  /* Allows Continuous Sum questions room for the % sign */
}


div.sg_Matrix_Radio table { border:1px solid #ddd; }


table.sg_Table th {
     color:#fff;
     font-weight:bold;
     background-color:#666 !important;
     padding:5px;
}


table.sg_Table  td {
     vertical-align:middle;
}


div.sg_Matrix_Radio td.sg_TDX {
     text-align:center;
     padding:5px;
}


th.sg_TDX { color:#fff; }
td.sg_TD1 { }
td.sg_TDX { padding:5px; }


div.sg_Matrix_Radio td.sg_TD1 {
     background-color:#F5F3F3;
     padding:5px !important;
}


table.sg_Table  tr.sg_TR { }
table.sg_Table  tr.sg_TR_Alt { }


.sg_Matrix_Radio td.sg_TD1 { /* tables with 1st column of labels */
     background-color:#F5F3F3;
     padding:5px ;
}

/* Group item like Contact Form */
div.sg_GroupItem {
     float:left;
     height:45px;
     display:block;
     margin:4px 6px 0 0;
     padding-left:0;
     text-indent:0;
     text-align:left;
}
span.sg_GroupLabel {
     display:block;
     font-weight:bold;
}
span.sg_GroupInput {
     display:block;


}


.sg_PoweredBy {
     text-align:center;
}

/* = Contact forms */
.submit_form{
	
}
.submit_form td{
	padding:4px;
}
.submit_form .field_caption{
	text-align:right;
	font-weight:bold;
	vertical-align:top;
}
.submit_form .field div#search_area{
	text-align:left;
	margin-left:0px;
	background:transparent url(../images/field_contact.gif) no-repeat scroll left top;
	width:165px;
	height:18px;
}
.submit_form .field div#search_area input{
	width:154px;
}
.submit_form .field div#textarea_contact{
	background:transparent url(../images/textarea_contact.gif) no-repeat scroll left top;
	text-align:left;
	width:165px;
	height:100px;
	padding:2px;
}
.submit_form .field div#textarea_contact textarea{
	width:160px;
	height:95px;
	overflow:auto;
	color:#666666;
}
.send_button, .ok_button{
	width:50px;
	height:20px;
	cursor:pointer;
}
.ok_button{
	background:transparent url(../images/ok_button.gif) no-repeat center top;
}
.send_button{
	background:transparent url(../images/send_button.gif) no-repeat center top;
}
.send_button:hover, .ok_button:hover{
	background-position:bottom;
}
.submit_form .field input.error{
	border:2px solid red;
	color:Red !important;
	display:block;
	margin-top:-1px;
}