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

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr { margin:0px; padding:0px; border:0px; 
   border-collapse:separate;  border-spacing:0px;  font-family: arial; }
input,select { margin:0; padding:0; }
body { width:100%; background:#111111;
background-image: url(images/mainback.gif); background-position: 0% 0%; background-repeat: repeat-y;
min-width:40em; /* Minimum width of layout - prevents links column taking over - does not work in old IE versions */
font-size:100%; /* Not sure about this - it does tidy it up a bit though */
color:black; }

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

.lightcol {color: white; }
a.light:link {color: white; }
a.light:visited {color: white; }
a.light:active {color: white; }
a.light:hover {color: white; }

.darkcol {color: black; }
a.dark:link {color: black; }
a.dark:visited {color: black; }
a.dark:active {color: black; }
a.dark:hover {color: black; }

.bgdark {background-color: black; }

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

.acol {color: #a7ffa7; }
a.al:link {color: #a7ffa7; }
a.al:visited {color: #a7ffa7; }
a.al:active {color: #a7ffa7; }
a.al:hover {color: #a7ffa7; }

.bcol {color: #fdff6f; }
a.bl:link {color: #fdff6f; }
a.bl:visited {color: #fdff6f; }
a.bl:active {color: #fdff6f; }
a.bl:hover {color: #fdff6f; }

.ccol {color: #ff5757; }
a.cl:link {color: #ff5757; }
a.cl:visited {color: #ff5757; }
a.cl:active {color: #ff5757; }
a.cl:hover {color: #ff5757; }

.dcol {color: #ff9b2d; }
a.dl:link {color: #ff9b2d; }
a.dl:visited {color: #ff9b2d; }
a.dl:active {color: #ff9b2d; }
a.dl:hover {color: #ff9b2d; }

.ecol {color: #a7f7ff; }
a.el:link {color: #a7f7ff; }
a.el:visited {color: #a7f7ff; }
a.el:active {color: #a7f7ff; }
a.el:hover {color: #a7f7ff; }

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

.newsection { }
.newsectionml { margin-top: 0.75em; }
.newsectionm { margin-top: 0.5em; }
.newsectionsm { margin-top: 0.25em; }
.newsectionvsm { margin-top: 0.125em; }
.newsectionbt { margin-top: 1em; }
.newsectiontaller { margin-top: 1.5em; }
.flarger { font-size: large; }
.fxlarger { font-size: x-large; }
.fxxlarger { font-size: xx-large; }
.fmedium { font-size: medium; }
.fsmaller { font-size: small; }
.fxsmaller { font-size: x-small; }
.nweight { font-weight: normal; }

.lastmenuitem { padding-bottom: 7px; }

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

.colmask {
 position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
 clear:both; float:left;
 width:100%; /* width of whole page */
 overflow:hidden; /* This chops off any overhanging divs */
}
/* removed from colmask:  background-image: url(images/watermarkhomepage.gif); background-position: 0% 0%; background-repeat: no-repeat; */
.colleft { float:left; width:200%; margin-left:-20em; margin-top: 0.25em; position:relative; right:100%; }
.col1wrap { float:left; width:50%; position:relative; left:50%; }
.col1 { margin:0.5em 0 0 20.75em; overflow:hidden; }
.col2 { float:right; width:18em; position:relative; left:19.25em; text-align:center; }

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

.gapsm { margin-top: 2px; }
.gapm { margin-top: 7px; }

.ft1 { padding: 0.25em; text-align: left; color: white; }
.ft2 { padding: 0.25em; text-align: center; color: white; }

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

/* big box same for all */

.bbottomm { background-image: url(images/abbottomm.gif); background-position: 0% 0%; background-repeat: repeat-x;}
.bfit { padding-left: 20px; padding-right: 20px }
.bth { min-height:30px; height:auto !important; height:30px; }

.bfittop { padding-top: 15px; }
.bbh { min-height:30px; height:auto !important; height:30px; }
.bfitbottom { padding-top: 3px; padding-bottom: 8px; }
.bpadbottom { min-height:12px; height:auto !important; height:12px; }

/* small box same for all */

.sth { min-height:17px; height:auto !important; height:17px; }

.sfit { padding-left: 10px; padding-right: 10px }
.sfittop { padding-top: 4px; }
.sfitbottom { padding-bottom: 1px; }
.sbh { min-height:22px; height:auto !important; height:22px; }

/* a */

.ac { background-color: #a7ffa7;}
.abtopm { background-image: url(images/abackbig.gif); background-position: 0% 0%; background-repeat: repeat-x;}
.abtopl { background-image: url(images/abtopl.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.abtopr { background-image: url(images/abtopr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.abbottoml { background-image: url(images/abbottoml.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.abbottomr { background-image: url(images/abbottomr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.astopm { background-image: url(images/abacksmall.gif); background-position: 0% 0%; background-repeat: repeat-x;}
.astopl { background-image: url(images/astopl.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.astopr { background-image: url(images/astopr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.asbottoml { background-image: url(images/asbottoml.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.asbottomr { background-image: url(images/asbottomr.gif); background-position: 100% 0%; background-repeat: no-repeat;}

/* bs */

.bc { background-color: #fdff6f;}
.bbtopm { background-image: url(images/bbackbig.gif); background-position: 0% 0%; background-repeat: repeat-x;}
.bbtopl { background-image: url(images/bbtopl.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.bbtopr { background-image: url(images/bbtopr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.bbbottoml { background-image: url(images/bbbottoml.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.bbbottomr { background-image: url(images/bbbottomr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.bstopm { background-image: url(images/bbacksmall.gif); background-position: 0% 0%; background-repeat: repeat-x;}
.bstopl { background-image: url(images/bstopl.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.bstopr { background-image: url(images/bstopr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.bsbottoml { background-image: url(images/bsbottoml.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.bsbottomr { background-image: url(images/bsbottomr.gif); background-position: 100% 0%; background-repeat: no-repeat;}

/* cs */

.cc { background-color: #ff5757;}
.cbtopm { background-image: url(images/cbackbig.gif); background-position: 0% 0%; background-repeat: repeat-x;}
.cbtopl { background-image: url(images/cbtopl.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.cbtopr { background-image: url(images/cbtopr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.cbbottoml { background-image: url(images/cbbottoml.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.cbbottomr { background-image: url(images/cbbottomr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.cstopm { background-image: url(images/cbacksmall.gif); background-position: 0% 0%; background-repeat: repeat-x;}
.cstopl { background-image: url(images/cstopl.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.cstopr { background-image: url(images/cstopr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.csbottoml { background-image: url(images/csbottoml.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.csbottomr { background-image: url(images/csbottomr.gif); background-position: 100% 0%; background-repeat: no-repeat;}

/* ds */

.dc { background-color: #ff9b2d;}
.dstopl { background-image: url(images/dstopl.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.dstopr { background-image: url(images/dstopr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.dsbottoml { background-image: url(images/dsbottoml.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.dsbottomr { background-image: url(images/dsbottomr.gif); background-position: 100% 0%; background-repeat: no-repeat;}

/* es */

.ec { background-color: #a7f7ff;}
.estopl { background-image: url(images/estopl.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.estopr { background-image: url(images/estopr.gif); background-position: 100% 0%; background-repeat: no-repeat;}
.esbottoml { background-image: url(images/esbottoml.gif); background-position: 0% 0%; background-repeat: no-repeat;}
.esbottomr { background-image: url(images/esbottomr.gif); background-position: 100% 0%; background-repeat: no-repeat;}

/* ==================================================== */
/* remove this as I don't know what it does:
#layoutdims { clear:both; background:#eee; border-top:0px; border-bottom:0px;
this one I removed but left commented out ... padding:0 !important; 
text-align:right; }
*/