/* Jim Stay's css file */

body {
font-family: Bookman Old Style, Courier, Times New Roman;
text-align:center;
background-color:#F1F1f1;
}

.bord
{margin-left:10px;
}
li {
list-style-type: disc;
line-height: 150%;
}

h1 {
font-family: Bookman Old Style, Courier, Times New Roman;
font-size: 32px;
font-weight: bold;
text-align:center;
color: #ffffff;
}

h2 {
font-family: tahoma, arial,times, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
}
h3 {
font-family: tahoma, arial, times,sans-serif;
font-size: 18px;
font-weight: bold;
font-color: #ffffff;
text-align:center;
background-color:#6c1724;
}

h4 {
font-family: Bookman Old Style, Courier, Times New Roman;
font-size:24px;
font-weight: bold;
color: #ffffff;
text-align:center;
}

/**************** Pseudo classes ****************/

a:link {
color: #0000ff;
text-decoration: underline;
font-weight: normal;
}

a:visited {
color: #800080;
text-decoration: underline;
font-weight: bold;
}

a:active {
color:#8CBECC;
font-weight: bold;
}

/************************* ID's *************************/ 
#container {
width: 800px;
margin-left:auto;
margin-right:auto;
}

        
#decor1 {
   position:absolute;
   width:120px;
   height:120px;
   margin-top:3px;
   margin-left:3px;
 }

#menu {
   position:absolute;
   width:800px;
   height:150px;
   font-size:18px;
   margin-top:0px;
   margin-left:10px; 
   background-repeat:repeat;  
   }

 
#navigation {
position: absolute;
width: 130px;
height: 860px;
margin-left: 10px;
margin-top: 155px;
padding: 0 10 0 0;
border-right: 1px solid #761631;
font-weight: normal;
text-align:center;
background-color:#FCFCFF;
}

#centerdoc {
position: absolute;
padding: 0 10px 0 10px; /*top right bottom left*/
margin-top: 155px;
margin-left: 141px;
width: 508px;
height: 860px;
background-color:#FCFCFF;
text-align:justify;
}

#show {
position: absolute;
padding: 0 10px 0 10px; /*top right bottom left*/
margin-top: 155px;
margin-left: 360px;
width: 200px;
height: 200px;
background-color:#F7F5E4;
text-align:justify;
}


#rightcol {
position:absolute;
padding: 0 10px 0 10px; /*top right bottom left*/
margin-left:670px;
border-left: 1px solid #761631;
margin-top: 155px;
width: 120px;
height: 860px;
text-align:center;
background-color:#FCFCFF;
}
   
#credits {
position: absolute;
padding: 0 0 20px 20px; /*top right bottom left*/
margin-top: 1010px;
margin-left: 10px;
width:780px;
height:60px;
background-color:#E6f6f6;
background-image:url('images/img11.gif');
background-repeat:repeat-x;
}
     
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}