/* IMBOLG CSS */
html, body	

{
height: 100%; width: 100%; margin: 0; padding: 0; border: 0;
font-size: 11pt;
font-family: Georgia, Garamond, Lucida Bright, serif;
color: #660066;
background: #ffffcc;
}

a:link { color: #0000ff; text-decoration:none;}
a:visited { color: #6633ff; }
a:hover, a:active { color: #3399cc;}
 
div#tabs {padding: 2px 0px 0px; list-style: none; }
#tabs ul{margin: 2px;list-style-type: none;}
#tabs li {display: inline; padding: 2px ; }
#tabs li a {text-decoration: none;}
#tabs li a:link {color: #000099;}
#tabs li a:hover {color: #ff00ff; background: #ffffcc;}
#tabs li a:visited {color: #330033;}
#tabs li a:active {color: #ff66ff;background: #ffffee; font: bold;}
  
div#banner
{color: #cc00cc; background: #ffffcc; background-image: url('candle-bkg.jpg'); 
border-bottom: 3px solid #ffcc00; height: 120px;}

div#banner h1
{margin: 0; padding: .2em 0 .2em .2em; font-size: 30px; font-weight: bold; line-height: 95%}

#banner h2
{margin: 0; padding: .2em 0 .2em .2em; font-size: 24px; font-weight: normal; line-height: 90%; }

#banner img
{float: left; padding-left:5; padding-right:5px; padding-top:10px; padding-bottom:0px;}

div#leftbox
{background-image: url('candle-lf.jpg');
background-repeat: repeat-y;}

div#rightbox
{
background-image: url('candle-rt.jpg');
background-repeat: repeat-y;
background-position:  right;
float:right;
margin:0;
padding:0;
}

div#navigation
{
display:block;
position:absolute;
top:120px;
left:5px;
float: left;
width: 110px;
padding-top: 2em;
}

div#navigation ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

div#navigation ul li
{ margin-top: 4px; }

#navigation ul li a
{
display: block;
width: 110px;
margin:0;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000080;
background-color: inherit;
}

#navigation ul li a:hover
{
color: #800000; background-color: #fc3;
background-repeat: repeat-y;
}



div#more
{float: right; width: 130px; top:130px; color: #6600cc; font-size:10px;} /**/

div#more ul
{list-style-type: none;}
div#more li
 {display: block; position: relative; width: 150px; text-decoration: none;padding:3px 0px  ;}

div#content
{
margin-left: 150px;
margin-right: 150px;
}

div#content h2
{
font-size: 24px;
color: #6600cc;
margin: 0;
padding-top: 1em;
font-weight: normal;
line-height:125%
}

.goddess
{
width: 95%;
font: 30pt "Black Chancery","Lucida Calligraphy","Monotype Corsiva","Apple Chancery";
color: #660066;
letter-spacing: 1px;
background: transparent;
position: relative; top:10 px; left:25px;
}

.goddess a:link 
{font: 30px "Black Chancery","Lucida Calligraphy","Monotype Corsiva", "Apple Chancery" cursive;
text-decoration:none;}

.goddess p 
{position: relative; top: 0px; left: 0px; color: #990033; font-size:11px;}

h1{ font: 30pt "Black Chancery","Lucida Calligraphy","Monotype Corsiva","Apple Chancery", cursive; color: #6600cc;
	position: relative; top: 0 px; left: auto; 
    }
h2{ font: 20pt "Black Chancery","Lucida Calligraphy","Monotype Corsiva","Apple Chancery", cursive; color: #6600cc;
	position: relative; top: 0 px; left: auto; 
    }	 	 
h3 {font: 12/18pt georgia; color: #6600cc; position: relative; top:0px; left: auto;}

div#content box
{
display: block;
width:70%;
background-color: #ffc;
padding: 15px;
position: right 20%;
}

div#linkbox 
{
display: block;
width:80%;
font-variant:small-caps;
font-weight:bold;
background-color: #f0f8ff;
margin:10px;
padding: 2px;
border-style: groove;
border-color: #9999cc;
border-width: 5px;
font-size: 1.5em;
}

#linkbox a:link
{
display: block;
font-weight:bold;
font-variant:small-caps;
font-weight:bold;
background-color: #f0f8ff;
color: 6600cc;
text-decoration:none;
}

#linkbox a:hover
{
display: block;
font-variant:small-caps;
font-weight:bold;
background-color: #ff0;
width:80%;
color: #800000;
}

div#smbox 
{
display: block;
width:75%;
font-weight:bold;
background-color: #ffffee;
margin:5px;
padding:1px;
border-style:groove;
border-color:#999900;
border-width:2px;
font-size: 1em;
}

#smbox a:link
{
display: block;
font-weight:bold;
font-variant:small-caps;
font-weight:bold;
background-color: #ffffee;
color: #6600cc;
text-decoration:none;
}

#smbox a:hover
{
display: block;
font-variant:small-caps;
font-weight:bold;
background-color: #ff0;
width:80%;
color: #6600cc;
}


#cleardiv
{
clear: both;
height: 1em;
}

div#footer
{
background: #ffcc66;
clear: both;
padding: .5em 1em;
border-top: 2px solid #ff6633;
text-align: right;
}

div#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

div#footer li
{
display: inline;
margin-right: 1em;
color:990099

}



.floatleft {
float: left;
margin-top: 0px; 
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
}

.floatright{
float: right;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 0px;
}

div#middle {
display:block;
position: absolute;
width: 85%;
}

div#middle leftcol{

position: absolute; top: auto;
}

div#leftcol ul
{
list-style-type: none;
padding: 0;
margin-left: .5em;
}

div#leftcol ul li
{font-size: 10px; 
margin-bottom: 5px; }

div#leftcol ul li a
{
display: block;
margin:0;
text-decoration: none;
}

div#middle rightcol {
top: 10px;
display: block;
position: absolute; right: 70%; 
}