@charset "utf-8";
/* CSS Document */

/* universal styles - start */

#container{
background-color:transparent;
}


body{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
/*background:#fff url('/grafix/body-bgd.png') repeat-y 0 0;*/
color: #666;
}

.left{
text-align:left;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.hide{
display:none;
}

.invisible{
visibility:hidden;
}

/* universal styles - end */

/* ==================== */

/* Set background-color, color, border etc for divs and sub-divs - start */

/* ==================== */

 /* top - start  */

#top{
background:#fff url('/grafix/header-bgd.jpg') repeat-x 0 0;
}

#topleft{
background:transparent url('/grafix/heverbell-miniatures.jpg') no-repeat 0 0;
}

/*#topmiddle{
background-color:transparent;
}

#topright{
background-color:transparent;
}*/

/* top - end  */

/* ==================== */

 /* left - start  */

#left{
background:#511551 url('/grafix/left-bottom-fade.png') repeat-x 0 100%;
width:200px;
min-height:500px;
margin-bottom:50px;
padding-top:20px;
}

#left h3{
font-weight:bold;
color:#ccc;
border:1px solid #ccc;
border-left:0;
border-right:0;
padding:3px 0;
margin:1em 10px 0 10px;
}


#left p{
color:#ccc;
margin: 0 10px 1em 10px;
}


/* left - end  */

/* ==================== */

 /* right - start  */

#right{
position:absolute;
top:0px;
right:0px;
background-color:transparent;
}

#right div.highlight{
text-align:center;
background:#eee url('/grafix/highlight-bgd.png') repeat-x 0 0;;
border-bottom:5px solid #511551;
margin-bottom:2em;
}

#right div.highlight h2{
background: #fff url('/grafix/right-h2-rounding.png') no-repeat 0 0;
color:#eee;
font-weight:bold;
font-size:1.2em;
padding:4px 2px;
height:22px;
}

#right div.highlight p{
padding:3px;
}

#right div.highlight img{
margin:3px 0;
}


/* right - end  */

/* ==================== */

/* content - start  */

#content{
position:relative;
background-color:transparent;
font-family:Georgia, "Times New Roman", Times, serif;
}

#content h1{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
margin:0 0 1em 0;
background:transparent url('/grafix/h1-bgd.jpg') repeat-x 0 0;
height:30px;
padding:4px 0 0 18px;
color:#511551;
font-weight:bold;
}

#h1roundel{
position:absolute;
top:160px;
left:240px;
background:transparent url('/grafix/h1-roundel.jpg') no-repeat 0 0;
height:30px;
width:15px;
}

#h1roundelrt{
position:absolute;
top:160px;
right:188px;
background:transparent url('/grafix/h1-roundel-rt.jpg') no-repeat 0 0;
height:30px;
width:15px;
}


#content h2{
font-weight:bold;
font-size:1.3em;
margin:0 0 0.5em 0;
}

#content h3{
font-weight:bold;
font-size:1.2em;
margin:0 0 0.25em 0;
}

#content h4{
font-weight:bold;
font-size:1em;
}

#content p{
margin:0 0 0.75em 0;
line-height:150%;
}

#content img{
margin:3px 1em 0.5em 0;
float: left;
}

#content ul{
list-style:square inside;
}

#content ul li{
line-height:120%;
margin:0 0 0.2em 0;
}

#content a:link,
#content a:visited{
text-decoration:none;
color:darkgreen;
border-bottom: 1px dotted darkgreen;
}

#content a:hover{
color:black;
border-bottom: 1px solid black;
}

#content table{
width:100%;
border-collapse:collapse;
}

#content th,
#content td,
#content caption{
border:1px solid #a7a;
padding:0.5em;
}

#content tbody th{
text-align:left;
}

#content table caption{
font-weight:bold;
text-align:left;
}

/* content - end  */

/* ==================== */

 /* footer - start  */

#footer{
height:40px;
background:#a7a url('/grafix/footer-bgd.png') repeat-x 0 0;
}

#footer p{
padding:14px 0 0 0;
text-align:center;
color:#eee;
font-size:0.9em;
}


#footer a:link,
#footer a:visited{
text-decoration:none;
color:#fff;
border-bottom:1px dotted #ccc;
}

#footer a:hover{
color:#ff0;
border-bottom:1px solid #ff0;
}


/*  footer - end  */

/* ==================== */

/*  set topnav appearance - start */

#topnav{
background-color:transparent;
}

#topnav ul li{

}

#topnav ul li a:link,
#topnav ul li a:visited{
display:inline-block;
text-decoration:none;
color:#333;
margin:0 30px 0 0;
font-weight:bold;
}

#topnav ul li a:hover{
color:#e80;
}

/*  set topnav appearance - end */

/* ==================== */

/*  set leftnav appearance - start */

#leftnav{
background-color:transparent;
width:175px;
padding-left:10px;
}

#leftnav a:link,
#leftnav a:visited{
width:175px;
display:block;
text-decoration:none;
color:#ccc;
border-bottom:0;
padding-bottom:15px;
padding-left:10px;
margin-bottom:10px;
background: transparent url('/grafix/link-pin.jpg') no-repeat bottom left;
}

#leftnav a:hover{
color:#FACA83;
background: transparent url('/grafix/link-pon.jpg') no-repeat bottom left;

}

/*  set leftnav appearance - end */

#absolute1{
position:absolute;
top:50%;
left:50%;
border:5px dotted red;
background-color:yellow;
color:blue;
font-weight:bold;
}

#absolute2{
position:absolute;
top:100px;
right:100px;
border:5px dotted green;
color:blue;
font-weight:bold;
}

#rightbasket{
background-color:#fff;
border:2px solid #696;
line-height:1.3em;
font-size:0.9em;
padding:0.5em;
margin-bottom:2em;
}


#rightbasket h3{
font-size:1.2em;
font-weight:bold;
color:#393;
margin:0 0 0.5em 0;
}

#rightbasket p{
text-align:right;
border-bottom:1px solid #393;
}

#rightbasket p span{
display:inline-block;
width:6em;
}

#rightbasket p.button{
margin:0.5em 0 0 0;
}