/* FileName : banjoinf.css
Modification History: 
Date Modified        By                Description
========================================================================================
2009-05-14     Chris Allan    Remastered from Banjo.css
2010-02-16     Chris Allan    New default_header.jpg
                              New default_intro.jpg
2010-03-08     Chris Allan    Div#Logo and Div#Info changed height from 574 to 604
                              for new 2010 logo image
2010-10-19     Chris Allan    div#info change background image to interim_default_intro.gif
                              div#DefaultHeader change background image to interim_default_header.gif
2011-01-26     Chris Allan    Changed logo image for image of Ron deGraauw for tribute.
                              Added extra header div#SubHeader
                              Deleted div#Header
                              Changed div#DefaultHeader from position:absolute to relative and
                              commented out the left:200px and added center to the image.
                              Changed div#Logo width to 400px.
                              Changed div#Info margin-left to 400px
                              Added definition for <h3>
                              Added div#WhereAndWhen
2011-03-12     Chris Allan    Changed image in logo division from Ron_deGraauw.jpg to Ron_deGraauw_2.jpg
                              Changed div#DefaultHeader imagd from interim_default_header.gif
                              to default_header_2011.gif .
                              Changed height statements in div#DefaultHeader, div#SubHeader 
                              and div#WhereAndWhen   
2011-08-01     Chris Allan    Updated definistions for sub and sup and
                              div#DefaultHeader, div#SubHeader, div#WhereAndWhen, div#Logo, div#Info
2011-11-01     Chris Allan    Removed logo image from div#Logo
                              Created img.floatright img.floatleft a.zoom:hover img.
                              Changed the height in div#Info from 500px to 650px.
                              Definition for img added.
                              DefaultHeader image changed from default_header2_2011.gif to default_header_2012.gif
                              
                              
                              
========================================================================================
 */
/*------------------------ Initialize ----------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }
/*----------------------------------------------------------------*/
/* =html */
html    { text-align : left;  
        font-family: "Times New Roman", Arial, Verdana, sans-serif, "Trebuchet MS", "Lucida Sans Unicode"; 
}
/*----------------------------------------------------------------*/
/* =body */
body {
        position : relative; 
        width : 950px; 
        margin : 0 auto; 
        text-align:center; 
        background-image:url('../images/parchment.jpg');
        background-attachment:fixed;
        background-position:left;
}
/*----------------------------------------------------------------*/
/* =h1 */
h1 {
        font-family: "URWWoodTypD";
        font-size: 3em;
        font-style: normal;
        font-weight: normal;
        color: #400000;
        margin-top: 0em;
        margin-bottom: 0em;
}       

/* =h2 */
h2 {
        font-family: "URWWoodTypD";
        font-size: 1.8em;
        font-style: normal;
        font-weight: normal;
        color: #400000;
        margin-top: 1em;
        margin-bottom: -0.5em;
}       

/* = h3 */
h3 {
        font-family: "URWWoodTypD";
        font-size: 1.6em;
        font-style: normal;
        font-weight: normal;
        color: #400000;
        margin-top: 1em;
        margin-bottom: -0.5em;
}

/* =sup */
sup {
   font-size: 0.6em;
   vertical-align: text-top;
   line-height: 160%;
}

/* =sub */
sub {
   font-size: 0.6em;
   vertical-align: text-bottom;
   line-height: 160%;
}
/*----------------------------------------------------------------*/
/* =Content */
#Content {
        position: relative;
        width: 950px;
        text-align: center; 
        padding: 15px;
}
/*----------------------------------------------------------------*/
/* =DefaultHeader */
div#DefaultHeader {
        position: relative;
        width:950px;
        height: 84px;
        text-indent: -9999px;
        background: url('../images/default_header_2012.gif') no-repeat center;
}
/*----------------------------------------------------------------*/
/* =Contained */
div#Contained {
        position: relative;
        top: 0px;
        height: 100%
}
/*----------------------------------------------------------------*/
/* =Logo */
div#Logo {
        position: absolute;
        left: 0%; 
        height: 500px;
        width: 500px;
        /* background-image: url('../images/logo_2011_smaller.gif');
           background-repeat:no-repeat; 
        */ 
   }
/*----------------------------------------------------------------*/
/* =Info */
div#Info {
        position: relative; 
        height: 650px;
        /*height: 500px;*/
        width: 450px;
        margin-left: 500px;
        padding-top: 15px;
        text-align: left;
        text-indent: -9999px;
        background: url('../images/Info_2012_text.gif') no-repeat center;
        background-repeat:no-repeat; 
}
/* =Info h2 */
div#Info h2 {
   font-size: 2.2em;
}

/* =Info h3 */
div#Info h3 {
   line-height: 120%;
   margin-top: 7px;
}

/* =p.StandOut */
div#Info p.StandOut {
      font-family: "Calibri", "Arial";
      font-size: 1.2em;
      font-style: italic;
      font-weight: bold;
      color: #400000;
}

/* =p.StandOutBig */
div#Info p.StandOutBig {
      font-family: "Calibri", "Arial";
      font-size: 1.4em;
      font-style: italic;
      font-weight: bold;
      color: #400000;
}
/*----------------------------------------------------------------*/
/* =Visitor */
div#Visitor {
        position: relative;
}

/* =Visitor p */
div#Visitor p {
        font-family: "Comic Sans MS";
        font-size: 1.2em;
        font-style: normal;
        font-weight: normal;
        color: #400000;
        margin-bottom: 0.25em;
}

/* =Visitor p.enter */
div#Visitor p.enter {
        font-family: "Comic Sans MS";
        font-size: 2.2em;
        font-style: normal;
        font-weight: 700;
        color: #400000;
        margin-bottom: 0.25em;
        text-decoration: blink;
}

/* =Visitor p img */
div#Visitor p img {
        vertical-align:middle;
}
/*----------------------------------------------------------------*/
/* =Contact */
div#Contact {
        position: relative;
}
/* =Contact p */
div#Contact p {
        font-family: "Times New Roman";
        font-size: 1em;
        font-style: italic;
        font-weight: bold;
        color: #400000;
        margin-bottom: 0.25em;
}
/*----------------------------------------------------------------*/
/* p.floatright */
p.floatright {
   text-align: right;
   margin-top: -30px;
}
/*----------------------------------------------------------------*/
/* img */
img {
   width: 230px;
}
/*----------------------------------------------------------------*/
/* #landscape */
#landscape {
   position: relative;
   padding-right: 10px;
   width: 230px;
   height: 200px;
}
/* #portrait */
#portrait {
   position: relative;
   padding-right: 10px;
   width: 230px;
   height: 300px;
}
/*----------------------------------------------------------------*/
a.one:link    {color: #9a3b1f}  /* unvisited link #FF0000*/
a.one:visited {color: #400000}  /* visited link */
a.one:hover   {color:red; }             /* mouse over link */
a.one:active  {color: #000FFF}  /* selected link */

a.two:link    {color: #9a3b1f}  /* unvisited link #FF0000*/
a.two:visited {color: #9a3b1f}  /* visited link */
a.two:hover   {color: red; font-size: 110%}   /* mouse over link */
a.two:active  {color: #000FFF}  /* selected link */
/*----------------------------------------------------------------*/
/* =ul */
ul {
   font-family: "Comic Sans MS", "Times New Roman", Arial, Verdana, sans-serif, "Trebuchet MS", "Lucida Sans Unicode";
   color: #400000;
   font-size: 1em;
   text-indent: -9999px;
}  
/*----------------------------------------------------------------*/