/* Page Sections */

.separatelinks {
  /* had to put <p>s around links
     on first page so they don't run 
     together when style sheets are turned
     off - but need to disable their block
     effect here */
  display: inline;
}

body {

     font-family: "Trebuchet MS", "Verdana", "verdana", "Lucida Grande", Lucida, Arial, sans-serif;
     line-height: 1.5em;
}

li { margin-bottom: 1.5em; }

ul.less_space li { margin-bottom: auto;}

li ul li { margin-bottom: 0; }

ul { margin-top: 0.5em; }

h1 {
     letter-spacing: .21em;
     line-height: 1.5em;
     margin-bottom: .2em;
}

h2 {
     font-size: 1.1em;
     letter-spacing: normal;
     margin-top: .2em;
     margin-bottom: .2em;
     clear: left;
}



h3 {
     font-size: .95em;
     letter-spacing: normal;
     margin-bottom: .2em;

}

h4 { margin-bottom: 0.5em; }

ul {
    list-style-type: square;
       list-style-position: inside;

}

.bigtext {
	font-size: 1.5em;
	line-height: 1.5em;
}

hr {
    display: none;
}

acronym {
    border-bottom:1px dashed #BBBBDD;
}

button {

  border:none;
  background:transparent;
  padding:0;
  margin:0;

}

p.date {
    text-align: right;
    margin-top: .1em;
    margin-bottom: .1em;
}

  
p.message {
   text-align: center;

}

#copyfirst p {

	line-height: 1.3em;

}



.tr {
    display: table-row;

}


.td {display: table-cell; text-align: center;}


.books {
	  /* centering */
     margin-right: auto;
     margin-left: auto;
}



#main_menu a {
     overflow: auto;
     text-align: center;
     border-width: .18em;
     border-style: solid;
     float: left;
     width: 9.54em;
     height: 9.84em;
     padding-top: 1.7em;
     cursor: pointer;
     text-decoration: none;
     letter-spacing: .21em;
     line-height: 2em;
}



#main_menu a:focus {

        -moz-border-radius: .47em;
        -webkit-border-radius: .47em;
        border-radius: .47em;

}

/* for IE */
#main_menu a:active {


        -moz-border-radius: .47em;
        -webkit-border-radius: .47em;
        border-radius: .47em;

}


.idiv {
	-moz-border-radius: .47em;
	-webkit-border-radius: .47em;
	border-radius: .47em;

}


a {
	/* for safari on the pc */
	text-decoration: none;
        
}



#story a {
	font-weight: bold;
        /* so solution for safari issue above
           doesn't mess up links in
           in the content area */

        border-width:.1em;
        border-style: solid;
        padding:.15em;
}




#top_menu {
     
     /* centering */
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 32px;
    
      display: table;

     /* doesn't work if there's padding 
        in this element
        or if body tag has a font size*/
    width:expression( 
     document.body.clientWidth > (850/12) * 
     parseInt(document.body.currentStyle.fontSize)?
        "50em":
        "auto" ); 
}


#top_menu a {
     overflow: visible;
     text-align: center;
     border-width: .15em;
     border-style: solid;
     height: 2em;
     cursor: pointer;
     text-decoration: none;
     line-height: 2em;
     /* block element needed to create
        shape. float left needed to 
        avoid stacking in block
        elements*/
     float: left;


}


#top_menu a:focus {

        -moz-border-radius: .47em;
        -webkit-border-radius: .47em;
        border-radius: .47em;

}

/* for IE */
#top_menu a:active {


        -moz-border-radius: .47em;
        -webkit-border-radius: .47em;
        border-radius: .47em;

}



#topic {
     text-align: center;
     padding-top: .8em;
     padding-bottom: .8em;
}


#motto {
     clear: both;
     text-align: center;
     font-size: 1.3em;
     line-height: 2.3em;
}

#mission {
     clear: both;
     text-align: center;
     font-size: 1.3em;
     line-height: 2em;
}

#line {
     clear: both;
     text-align: center;
     font-size: 1.3em;
     line-height: 2.3em;
     margin-top:50px;
}




#mr {
     text-align: center;
}


#content {
     /* centering */
     margin-right: auto;
     margin-left: auto;

     max-width:30em;

     /* doesn't work if there's padding 
        in this element
        or if body tag has a font size*/
     width:expression( 
     document.body.clientWidth > (500/12) * 
     parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );
}


.center_table {

     /* centering */
     margin-right: auto;
     margin-left: auto;

     display: table;


     /* needed for Opera */
     /* max-width: 62em; */


     /* doesn't work if there's padding
        in this element
        or if body tag has a font size */
     width:expression(
     document.body.clientWidth > (1000/12) *
     parseInt(document.body.currentStyle.fontSize)?
        "62em":
        "auto" );

/* 
     border-width: 2px;
     border-color: red;
     border-style: solid;
*/
}


.sidebyside {
     border-width: 0em .5em 0em .5em;
     border-style: solid;
     border-color: #fff;
     max-width: 30em;

     /* doesn't work if there's padding 
        in this element
        or if body tag has a font size */
     width:expression( 
     document.body.clientWidth > (500/12) * 
     parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );
    /* float: left; */
     display: inline-block;
     vertical-align: top;
     text-align: left;
}


#copy {
     /* using px not em because,
        when text is enlarged, ems 
        will result in a huge blank
        space to search through */
     text-align: right;
     font-size: .8em;
     clear: both;
}



#copyfirst {
     /* using px not em because,
        when text is enlarged, ems
        will result in a huge blank
        space to search through */
     position: relative; top: 200px;
     text-align: right;
     font-size: .8em;
}

form div {
        margin: 30px 30px;
}