/* basic elements */
body { 
       font-family: Arial, Verdana, sans serif;
       color: #993300; 
       font-size: small;
       background-color: #99CCCC;  
       margin: 0px; 
       }


p { 
    font-family: Arial, Verdana, sans-serif; 
    margin-top: 5px; 
    text-align: justify;
    }

ol { 
     font-family: Arial, Verdana, sans-serif;
     text-align: justify;
     list-style-position: inside;
     margin-left: 0px;
     padding-left: 0px;
     }

li { font-family: Arial, Verdana, sans-serif;
     margin-top: 5px;
     text-align: justify;
     margin-left: 0px;
     padding-left: 0px; 
     }

h3 { 
     font-size: large; 
     margin-bottom: 0px; 
     color: #663300;
     }

a:link { 
         font-weight: bold; 
         text-decoration: underline; 
         color: #663300;
         cursor: crosshair;
         }

a:visited { 
            font-weight: bold; 
            text-decoration: none; 
            color: #666666;
            cursor: crosshair;
            }

a:hover, a:active { 
                    text-decoration: none; 
                    color: #99CCCC;
                    cursor: crosshair;
                    }


/* specific divs */

#edge { background-color: #663300;
        width: 725px;
        position:absolute;
        top: 0px;
        left: 0px;
        }

#content { background-color: #ffffff;
           width: 720px;
           position: relative;
           }

/* contains the MIT Literary Society title image */
#titlebar { 
            background: url(images/titlebar.jpg) no-repeat top left; 
            padding: 0px 0px 0px 0px;  
            margin: 0px; 
            height: 44px;
            width: 720px;
            position: relative;
            
            }

/* contains changeable header image. To change, save a new image (172 x 720px as header.jpg */
#imageheader { 
               background: url(images/header.jpg) no-repeat top left; 
               padding: 0px 0px 0px 0px;  
               margin: 0px; 
               height: 172px;
               width: 720px;
               position: relative;
               
               }

#headerborder {
                background: #663300;
                padding: 0px 0px 0px 0px;  
                width:720px;
                height:5px;
                position: relative;
	
                }

#intro { 
         padding: 10px 20px 10px 20px;  
         margin: 0px; 
         height: auto;
         width: 490px;
         position: relative;
         }

/* codes for the image of the current book cover */
#currentbook { 	
               padding: 0px 0px 0px 0px;  
               margin-top: 10px;
               margin-bottom: 10px;
               margin-left:20px; 
               height: 192px;
               width: 127px;
               position: relative;
               float: left;
               border-color: #663300;
               border-style: solid;
               border-width:medium;
               }

#description { 	
               padding: 10px 15px 10px 10px;  
               margin-left: 5px; 
               height: auto;
               width: auto;
               position: relative;
               float: left;
               }

#freebook { 	
            padding: 10px 20px 10px 20px;  
            margin: 0px;
            height: auto;
            width: 490px;
            position: relative;
            clear: left;
            }

#footer { 
          background-color: #663300;
          text-align: center;
          color: #ffffff;
          padding: 2px 0px 2px 0px;  
          height: 20px;
          width: 720px;	
          }

/* modified a:link for the footer section */
#footer a:link {
                 color: #ffffff;
                 }

#sidebar { 
           background-color: #ffffff;
           color: #993300;
           padding: 0px 0px 0px 0px;  
           position: absolute;
           font-size: small;
           /*font-style: Arial, Verdana, sans serif;*/
           left: 535px;
           top: 266px;
           width: 170px;
           height:auto;
           border-style: solid; 
           border-width: 1px;
           border-color: #663300;
           }

/* div classes */
.sidetop {
           background-color: #663300;
           color: #99CCCC;
           padding: 5px 0px 7px 0px;  
           width: 170px;
           height: 24px;
           position: relative;
           font-size:1.2em;
	}

.sidebodysmall { 
                padding: 10px 10px 0px 10px;
                text-align: left;
                }

.sidebody { 
            padding: 10px 10px 0px 10px;
            text-align: left;
            height: 200px;
            overflow: scroll;
            }

.blurb { 	
         padding: 10px 20px 10px 20px; 
         /*text-align: justify;*/
         margin: 0px;
         height: auto;
         width: 490px;
         position: relative;
         clear: left;
         /*list-style-position: inside;*/
         }
   

/* changes font to Georgia, a serif font */
.serif {	
         font-family: Georgia;
         font-weight: bold;
         text-transform: uppercase;
         }

/* changes font to Arial Black, a sans serif font */
.sans {	font-family: Arial Black;}

/* general code for text areas */
.textbody {
            margin: 0px;  
            padding: 10px 10px 10px 40px;
            height: auto;
            width: 650px;
            position: relative;
            }

.space{
        padding-left:20px;
        padding-right:5px;
        }

.table { 
         }

/*
<style type="text/css">
*/
/* ================================================================ 
   This copyright notice must be untouched at all times.
   
   The original version of this stylesheet and the associated (x)html
   is available at http://www.cssplay.co.uk/menus/final_pullup.html
   Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
   This stylesheet and the assocaited (x)html may be modified in any 
   way to fit your requirements.
   */
#info h3 {margin-bottom:200px;}
/* style the outer div to give it width */
.menu {
        width:720px;
        height:24px;
        font-size:0.85em;
        text-align: center;
        }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
           padding:0;
           margin:0;
           list-style-type:none;
           
           }
.menu ul ul {
              width:120px;
              }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
           float:left;
           width:120px;
           position:relative;
           }
/* style the links for the top level */
.menu a, .menu a:visited {
                           display:block;
                           text-decoration:none; 
                           color:#663300; 
                           width:118px; 
                           height:24px; 
                           border:1px solid #fff; 
                           border-width:1px 1px 0px 1px; 
                           background:#fff;  
                           line-height:23px;
                           }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
                                         width:120px;
                                         w\idth:118px;
                                         }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
                                                 background:#fff;
                                                 }
/* style the second level hover */
.menu ul ul a.drop:hover {
                           background:#fff;
                           }
.menu ul ul :hover > a.drop {
                              background:#fff;
                              }
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
              visibility:hidden;
              position:absolute;
              bottom:25px;
              left:0; 
              width:120px;
              }
* html .menu ul ul {
                     bottom:24px;
                     }


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#fff; 
                                       color:#663300; 
                                       height:auto; 
                                       line-height:1em; 
                                       padding:8px 0px 8px 0px; 
                                       width:118px;
                                       border:1px solid #fff; 
                                       border-width:1px 1px 0px 1px; 
                                       /* yet another hack for IE5.5 */
                                       }
* html .menu ul ul a{
                      width:120px;
                      w\idth:118px;
                      }


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
                                    color:#99CCCC;
                                    font-family: georgia;
                                    font-size: 1.2em;
                                    background:#fff;
                                    border:1px solid #fff; 
                                    border-width:1px 1px 0px 1px; 
}
.menu :hover > a, .menu ul ul :hover > a {
                                           color:#99CCCC;
                                           background:#fff;
                                           font-family: georgia;
                                           font-size: 1.2em;
                                           border:1px solid #fff; 
                                           border-width:1px 1px 0px 1px; 
                                           }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
                     visibility:visible;
                     height:auto;
                     }
/*==============================
   GLOBALS
   Sets the default document font size, family
   and color
   */
body {
       font-family:Arial;
       font-size:0.8em;
       background-color:#aa7659;
       }

a:link { 
         font-weight:bold;
         color:#761a0d;
         }

a:visited { 
            font-weight:bold;
            color:#3f4a4e;          
            }

a:hover { 
          color:#e6deaf;
          }

h3 { 
     font-weight:bold; 
     font-family:serif; 
     font-variant:small-caps; 
     font-size:120%
     }


/*==============================
   SITE WRAPPER
   */
.site-wrapper {
                width:77em;
                                
                /* min-height lets your site grow vertically. */
                min-height:40em;
                
                /* By setting these to auto you are centering the site
                   */ 
                margin-left:auto; margin-right:auto;
                
                background-color:#761a0d;
                
                border:solid 0.3em #761a0d;
                }
/*==============================
   HEADER WRAPPER
   */
.header-wrapper {
                  width:77em; 
                  height:16em;
                  background:url('images/header.jpg'); 
                  }

/*==============================
   BODY WRAPPER
   */
.body-wrapper {
                margin-top:0.2em; 
                float:left; 
                width:77em; 
                min-height:40em; 
                }
/*==============================
   FOOTER
*/
.footer {
          clear:left; 
          min-height:1.4em; 
          font-size:100%;
          background-color:#e6deaf;
          padding-left:0.5em;
          padding-top:0.3em;
          padding-bottom:0.3em;
          }

a:hover { 
          font-weight:bold;
          color:#761a0d;
          }

/*==============================
   SIDE MENU
*/
.side-menu {
             float:left; 
             width:15em; 
             min-height:40em;
             font-size:100%;
             /*The font of all the text in the menu */
             font-family:sans-serif;
             }

.side-menu ul {
                margin:0em;
                padding-left:0em; 
                list-style:none; 
                
                }
/* We have to apply a style to the links in the list, otherwise
   they will default to the browser standard. (which is normally
   blue with an underline.) */
.side-menu a {
               display:block;
               font-size:120%;
               /* text-decoration removes the underline */
               text-decoration:none; 
               color:#3f4a4e; 
               }
.side-menu li {
                background-color:#e6deaf;
                background-repeat:repeat-x;
                margin-bottom:1em; 
                padding-left:1em;
                padding-bottom:0.4em;
                padding-top:0.4em;
                border:solid 0.2em #aa7659; 
                }
/* hover is a pseudo class, you can set styles for when
   the user puts their mouse over an element. No Javascript
   needed! */
.side-menu li:hover {
                      background-color:#aa7659;
                      }

/*==============================
	CONTENT-WRAPPER
===============================*/
.content-wrapper
{  
  float:right; 
  width:59em;
  /*min-height:20em;*/
  }
/*==============================
		PANEL CONTENT
===============================*/
.panel
{ 
  margin-bottom:0.3em;
  border:none;
  }
/*The panel content */
.panel_content
{
  padding-top:0.1em; 
  padding-left:1.5em;
  padding-right: 10em;
  padding-bottom:1em;
  text-align: justify;
  font-family: serif;
  font-size: 120%;
  background:url(images/contentbackground-middle.jpg); 
  border-top: solid 0.2em #e6deaf;
  border-left: solid 0.2em #e6deaf;
  min-height:40em;
}
/* The panel title */
/*.panel_title
{	  
	height:16px; 
	font-size:14px; 
	color:#effaff; 
	padding:2px; 
	padding-left:4px; 
	background:url(images/panel_bg.gif); 
	background-repeat:repeat-x; 
	background-position:center center; 
}
*/

/*==============================
		OTHER STUFF
===============================*/

/* Book picture and description */
.bookpicture
{ 
  /* padding: 0px 0px 0px 0px;*/
  
  margin-top:1em;
  margin-bottom: 1em;
  height: 13em;
  width: 9em;
  position: relative;
  float: right;
  border-color: #663300;
  border-style: solid;
  border-width:medium;
  }

.bookdescription 
{ 
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  height: auto;
  max-width: 25em;
  width: auto;
  position: relative;
  float: left;
  }

.header
{ 
  font-weight:bold; 
  font-family:serif; 
  font-variant:small-caps; 
  font-size:150%
  }

.smallheader 
{ 
  font-weight:bold; 
  font-family:serif; 
  font-variant:small-caps; 
  font-size:130%
  }