/*************** Main background, container & logo. *************************/ 
HTML{		
margin: 0px;
padding: 0px;}

BODY{					
margin: 0px;
padding: 0px;
background: #fff url(../pictures/kim/tile_018.jpeg) repeat fixed;}

#container{				
width: 600px;
position: absolute; top: 25px; left: 178px;
background: transparent no-repeat;
border: solid 3px #000;} 

#logo{
margin: 0px;
border-bottom: 3px solid #cfb35b;}

#corner{
position: absolute; top: 25px; left: 25px;
border: 3px solid #000;}
                                
/*************** End background, container & logo. *************************/ 





/*************** Fonts and decorations. *************************/ 
P{						
font: 1em Times, "Times New Roman", Georgia, Verdana, serif;
color: #6B8038;
text-align: left;
padding: 1em;
margin: 0px;}

.cap {
float: left;
width: auto;
font: italic 3em Kelt, Gaeilge, Times, serif;
line-height: 78%;
color: #cfb35b;
}

.name {
font: italic 1em Times, serif;
color: #cfb35b;
}

.center {text-align: center;}

.poem {margin: 25px;
       padding: 1em;
       width: 75%;
       border: double 3px #cfb35b;
       font: italic 1em Times, serif;
       color: #6b8038;}

.head1 h1{	
margin: 0px;
padding: 5px 0px 5px 0px;
border-bottom: solid 3px #cfb35b;
background: #000 url(../pictures/kim/scroll.gif) no-repeat center left;
font: italic 2em Kelt, Gaeilge, Times, serif;
text-align: center;
color: #6B8038;}

.navH1 h1 {
margin: 0px;
padding: 10px 0px 10px 0px;
border-bottom: 3px solid #000;
border-right: 3px solid #000;
background: #6B8038;
font: italic 2em Kelt, Gaeilge, Times, serif;
text-align: center;
color: #000;}

h2 {margin: 0px;
    padding: 5px 0px 0px 5px;
    font: italic 2em Kelt, Gaeilge, Times, serif;
    color: #6B8038;}

h3 {margin: 0px; 
    padding: 5px 0px 0px 5px;
    font: italic 1.5em Kelt, Gaeilge, Times, serif;
    color: #cfb35b;}
    
acronym {border-bottom: 1px dashed #cfb35b; cursor: help;}
    
ul {list-style-type: circle;}

#side hr {width: 100%; height: 3px; color: #000;}

#side p {color: #000;}

#side h3{
margin: 0px -3px 5px 0px;
padding: 3px 0px;
border-bottom: 3px solid #000;
font: italic 1.5em Kelt, Gaeilge, Times, serif #000;
text-align: center;}

#poetry {
margin: 1em;
padding: 0px;
text-align: center;}

#qbox {
margin: 1em;
padding: 0px;
text-align: center;}

.quote {margin: 25px;
       padding: 1em;
       width: 75%;
       background-color: #cfb35b;
       border: double 3px #6b8038;
       font: italic 1em Times, serif;
       color: #000;}
         
.frame {border: double 3px #cfb35b;}
/*************** End fonts and decorations. *************************/ 





/*************** Main links. *************************/ 
a:link {
  color: #cfb35b; 
  font-weight: bold;
  text-decoration: none;}/*normal links in the text*/
a:visited {
  color: #cfb35b;
  font-weight: normal; 
  text-decoration: none;}
a:hover { /*this effect is not shown in NN4.xx*/
  padding: 0px 2px;
  color: #000; 
  font-weight: normal;
  background: #6B8038; 
  text-decoration: none;
  border: 1px dashed #cfb35b;}
a:active {/*colour in NN4.xx*/ 
  color: #cfb35b; 
  text-decoration: none;}
/*************** End main links. *************************/ 




/*************** Navigational links. *************************/

div#nav {position: absolute; top: 181px; left: 25px; width: 153px; height: auto; margin: 0px 0px 25px 0px; font: 12px Kelt, Gaeilge, Times, serif; z-index: 100; border-left: 3px solid #000; border-bottom: 3px solid #000;}
div#nav a {display: block; text-align: center; font: small-caps bold 1em serif; 
   padding: 5px 10px; margin: 0px; border-width: 0px; 
   text-decoration: none; color: #000; background: #6B8038;
   border-right: 3px solid #000;}
div#nav a:hover {color: #6B8038; background: #000;
   border-right: 3px double #6B8038;}
div#nav a#here {color: #000; background: #cfb35b;
   border-right: 3px solid #000;}

div#nav a span {display: none;}
div#nav a:hover span {display: block; 
   width: 150px;
   position: absolute; 
   left: 153px;
   top: auto;
   padding: 5px; 
   margin: 0px; 
   z-index: 100;
   border: 5px solid #000;
   background-color: #cfb35b;
   font: italic 1em Times, serif;
   color: #000; 
   text-align: center;}

/*************** End navagational links. *************************/

/*************** Side links. *************************/ 
div#side a:link {
  color: #cfb35b; 
  font-weight: normal;
  text-decoration: none;}/*normal links in the text*/
div#side a:visited {
  color: #cfb35b;
  font-weight: normal; 
  text-decoration: none;}
div#side a:hover { /*this effect is not shown in NN4.xx*/
  padding: 0px;
  color: #cfb35b; 
  font-weight: normal;
  text-decoration: underline;
  border: 0px;}
div#side a:active {/*colour in NN4.xx*/ 
  color: #cfb35b; 
  text-decoration: none;}
/*************** End side links. *************************/ 


/*************** Easter eggs. *************************/ 
span.egg a span {display: none;}
span.egg a {font: small-caps bold 1em serif; color: #6b8038;}
span.egg a:link {
   font: italic 1em Times, serif; color: #6b8038;
   text-decoration: none;}
span.egg a:visited {
  color: #6b8038;
  font-weight: normal; 
  text-decoration: none;}
span.egg a:hover {color: #cfb35b; background: #000; border: 0px;}
span.egg a:hover span {display: block; 
   width: 400px;
   position: relative; 
   padding: 5px; 
   margin: 0px; 
   z-index: 100;
   border: 3px double #6b8038;
   background-color: #cfb35b;
   font: italic smaller Times, serif;
   color: #000; 
   text-align: center;}
/*************** End Easter eggs. *************************/ 



/*************** Main content. *************************/ 
.note {font: italic smaller times, serif; color: #cfb35b;}

.text{	
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
background: #000;
color: #6B8038;}

/*************** End main content. *************************/ 





/*************** Footer division. *************************/ 
#footer{          
padding: 5px 1em;
margin: 0px;
border: solid 3px #000;
background: #000;
color: #6B8038;
text-align: center;} 

#footer hr{width: 95%; height: 3px; color:#cfb35b;}                              						

/*************** End footer division. *************************/




/*************** Side column. *************************/

#side {position: absolute;
	left: 25px; 
	top: 416px;
	width: 140px;
	margin: 0px; 
	padding: 5px;
	color: #000;
	background: #6B8038;
	border: 3px solid #000;
	text-align: center;}
	
/*************** End side column. *************************/





