/* CSS file for alembis.co.uk
 * hand crafted by JKN
 */

* {
	background-color: white;
}

body {
	margin:0px;
	padding:0px;
        font-family: verdana, arial, sans-serif;
	/* font-family: Arial, "Helvetica Neue", Helvetica, "Trebuchet MS", Verdana, sans-serif; */
	font-size: 85%;    /* WAS 100%; */
        line-height:1.4;
        color: #333;
	background-color: white;
	}

/* a selector for a page banner */
#banner {
	background-color: #010;
	margin: 10px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #111; /* #030; */
	border-bottom: 1px solid #111;
	text-align: center;
}

h1, h2, h3, h4, h5 {
	padding:0px;
	font-weight:bold;
        line-height: 1.4;
	color:#006600;
	}

h1 {
	margin:0px 0px 15px 0px;
	font-size:1.75em;
	}

h2 {
	margin:0px 0px 11px 0px;
	font-size:1.4em
	}

h3 {
	margin:0px 0px 7px 0px;
	font-size:1.2em;
	}

h3a {
	margin:0px 0px 7px 0px;
	font-size:1.2em;
	}

h4 {
	margin:0px 0px 5px 0px;
	font-size:1em;
	}

h5 {
	margin:0px 0px 3px 0px;
	font-size:0.85em;
	line-height:14px;
	}

p {
	font-size: 1em;
        line-height: 1.4; 
	margin:20px 0px 20px 0px; 
	padding:5px; 
	}

p1 {
	font-size: 1.25em;
        line-height: 1.4; 
	margin:0px 0px 15px 0px; 
	padding:5px; 
	}


a {
	color:#006600;
	text-decoration: underline;
	}

a:link {color:#006600;}
a:hover {background-color:#ccc;}



/* have a distinct leftcolumn within which the menu is found */
#leftcolumn {
        /* font-family: verdana, arial, serif; */
    /* float: left; */
    /* font-size: 0.75em; */
        line-height: 1.4;
        position: absolute;
        width: 15%; /* WAS: 160px */
        top: 125px;
        left: 0px;
        margin: 0 5px 0 5px;
        color: #000000;
}


#leftcolumn>div.section {
        border: 2px solid #F5FFA2;
        background-color: #FFFFE9;
    padding: 5px; /* WAS 1%; */
        margin-bottom: 10px;
}

#leftcolumn h1 {
        background-color: #006600;
        color: white;
        font-size: 12px;
        font-weight: bold;
        }

#leftcolumn a {
        background-color: inherit;
        }

#leftcolumn #menu {
	padding: 5px;   /* WAS: 1% - causes :hover bug in IE? */
	margin: 0% 1% 0% 1%;
	/* line-height:17px; */
	voice-family: "\"}\"";
	voice-family:inherit;
        border: 2px solid #F5FFA2;
        background-color: #FFFFE9;
	}

/* body>#leftcolumn {width:16%;} */

#menu h1 {
       background-color: #006600;
        color: white;
	font-size: 12px;
	font-weight: bold;
        text-decoration: none;
        padding-left: 2px;
	}

#menu h2 {
        background-color: #006600;
        color: white;
	font-size:11px;
	font-weight: bold;
        text-decoration: none;
        padding-left: 10px;
	}

 
ul.menulist {
	color: #006600;
	/* font-size: 0.75em; */
        margin: 0;
        background-color: #FFFFE9;
          }


.menulist ul {
        /* list-style-type: none; */
        /* text-indent: -1em; */
        /* margin-left: 1em; */
        /* border: 1px solid green; */
        background-color: #FFFFE9;
        }

ul.menulist li {
        list-style-type: none;
	color: #006600;
        background-color: #FFFFE9;
        /* line-height: 1em; */
	/* text-decoration: underline; */
        text-indent: -1em;
        margin-left: 1em;
        }


ul.menulist a {
	font-size: inherit; /* 0.75em; */
	text-decoration: underline;
        line-height: 1.5em;
        background-color: #FFFFE9;
        /* text-indent: 1.5em; */
        /* border: 1px solid red; */
        }

#menuimage {
    float: left;
    width:12%;
    padding: 5px;   /* WAS: 1% - causes :hover bug in IE? */
    margin: 0% 1% 0% 1%;
    /* line-height:17px; */
    voice-family: "\"}\"";
    voice-family:inherit;
    /*     border: 2px solid #F5FFA2; */
    /*     background-color: #FFFFE9; */
    }



#rightcolumn {
        /* font-family: verdana, arial, serif; */
    /* font-size: 0.75em; */
        line-height: 1.4;
        position: absolute;
        width: 15%; /* WAS: 160px */
        top: 125px;
        right: 0px;
        margin: 0% 1% 0% 1%;
        color: #000000;
}

#rightcolumn>div.section {
        border: 2px solid #F5FFA2;
        background-color: #FFFFE9;
    padding: 5px; /* WAS 1%; */
        margin-bottom: 10px;
}

#rightcolumn h1 {
        background-color: #006600;
        color: white;
        font-size: 12px;
        font-weight: bold;
        }

#rightcolumn a {
        background-color: inherit;
        }


div.navtopay {
        width: 25%;
        float: left;
	color: #006600;
        border: 1px solid #006600;
        margin: 0 5px 05px;
        padding: 5px;
	}

div.navtopay a {
        font-weight: bold;
        line-height: 1.3;
        text-decoration: underline;
        }


div.paynow {
        font-weight: bold;
        border: 2px solid red;
        padding: 10px;
        margin-bottom: 20px;
        }

div.paynow p {
	font-size:1em;
        line-height: 1.4; 
	margin:0px 0px 5px 0px; 
	padding:5px; 
	}

div.paynow a {
	color: black;
	text-decoration: underline;
	}

div.paynow a.nolink {font-weight: bold; text-decoration: none;}
div.paynow a.nolink:hover {text-decoration: none; background-color: white;}


/* thanks to Dan Cederholm */
blockquote {
        width: 500px;
        text-align: left; /* center; */
        margin: 20px 60px 20px 60px;
        padding: 0;
        /* font-family: georgia, serif; */
        font-size: 1.1em;
        /* letter-spacing: -1px; */
        /* line-height: 1.1em; */
        color: #555;
        background: #eee url(images/quote_top.gif) no-repeat top left;
        }

blockquote .quote {
        margin: 0;
        padding: 20px 20px 10px 20px;
        background: url(images/quote_bottom.gif) no-repeat right bottom;
        }

blockquote .author {
        margin: 0;
        padding: 0 20px 10px 20px;
        font-weight: bold;
        /* color: #999; */
        /* font-size: 1.2em; */
        background: url(images/quote_bottom_hp.gif) no-repeat bottom;
        }

/* XXX could add a rule for <strong> or <b> within a quote here - currently use
<span style="font-weight: bold; background: #eee;">
*/

ul {
	font-size: inherit;
	border:0;
	margin:10px 30px 10px 80px;
	padding:0;
	color: #006600;
	}

li {
	margin-top: 10px;
	margin-bottom: 10px;
        font-size: inherit;
	}

h4.sideheader {
        font-size: 0.95em/1.4;
        font-weight: bold;
        text-align: left;
        margin-top: 10px;
        color: white;
        background-color: #666666;
}

div.centredbold{
        font-size: 1.25em;
        line-height: 1.4;
        font-weight: bold;
        text-align: center;
        margin: 15px 0 15px 0;
	padding:5px; 
	}


div.listcontainer{
        margin: 20px 0 20px 0;
}

div.listbordercontainer{
        border: 2px solid #006600;
        margin: 20px;
}

div.listbordercontainer div{
        font-weight: bold;
	color: #006600;
	margin:10px 30px 10px 80px;
        }

div.dropimage img {
	float: left;
        margin:10px 4px 4px 0; 
	border: 1px solid;
	border-color: #006600;
	}


.clearthefloats {clear:both;}


#content {
	/* float: left; */
    position: absolute;
    top: 125px;
    left: 20%;
	width:60%;
    /* width: 600px; */
	padding: 0 6px 0 6px;
	}

#content>p {margin:0px;}
#content>p+p {text-indent:0px;}


div.formcontainer {width:60%; margin-left:40px; margin-top:20px; margin-bottom: 20px}
div.formcontainer div.clearfix {margin-top: 2px;} 
div.formcontainer form label {width:20%; float:left; font-size:1em;}
div.formcontainer input[type="submit"] {display:block; margin-left: 16%; margin-right:auto;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-table;}   

* html .clearfix {height: 1%;}
.clearfix {display: block;}