/* EKLR layout stylesheet */

/* colours, fonts, styles */

body        {
            background-color: #ffdd66; /* #ffff99; */
            font-family: Verdana,Georgia,Arial;
            font-size: 12px;
            }
h1, h2, h3, h4 {
               color: #2d4b08;
               }
img.left       { float: left; 
               margin: 2px 2px 2px 2px;
               padding: 2px 2px 2px 2px;
               }
img.right      { float: right;
               margin: 2px 2px 2px 2px;
               padding: 2px 2px 2px 2px;
}

/* css positioning */
div.logo {
         position: absolute;
         left: 10px
         height: 70px;
         width:100px;
         }
div.logo h1 { font-size: 24px; }
div.header {
           position: absolute;
           left: 120px;
           top: 10px;
           height: 70px;
           right: 20px;
}
/* site links */
div.leftBar {
            position: absolute;
            left: 4px;
            top: 90px;
            width: 180px;
            padding: 2px;
            }
div.leftBar div {
	/* borders and padding for
	the div inside the side
	link container */
	padding: 1px;
	/* border: 2px solid #808000;    */
}
/* image thumbnails */
 div.rightBar {
             position: absolute;
             right: 4px;
             top: 90px;
             width: 40px;
             padding: 4px;
}

div.mainPart {
	/* main container */
	position: absolute;
	left: 200px;
	top: 90px;
	right: 50px;
	padding: 10px;
}
div.mainPart div {
	/* borders and padding for
	the div inside the main
	container */
	padding: 10px;
	border: 2px solid #007700;
}
/* div.footer {
           position: absolute;
           left: 10px;
           right: 10px;
           bottom: 10px;
           height: 100px;
           }    */

div.sideLink {                                                                                                                    div.sideLink {
	/* side link container */
	position: absolute;
	left: 30px;
	top: 80px;
	width: 100px;
}
div.sideLink div {
	/* borders and padding for
	the div inside the side
	link container */
	padding: 10px;
	border: 2px solid #000077;
}

div.sideLink div a {
	/* links in the side link
	conatiner */
	width: 100%;
	display: block;
	background-color: #bbbbff;
	margin-bottom: 2px;
}
div.sideLink div a:hover {
	/* hover effect for the
	links in the side link
	conatiner */
	background-color: #bbffff;
}