/***********************************************/
/* © ECRM (http://www.e-crm.co.uk/)
***********************************************/

/***********************************************/
/* Page style                             */
/***********************************************/ 

html { margin: 0; padding: 0; height: 100%; }

body { margin: 0; padding: 0; height: 100%; background-attachment:fixed;
font-family: "Times New Roman", Times, serif; font-size: medium; color: #000000; }

/***********************************************/
/* General classes                             */
/***********************************************/ 

.salign-left { float: left; margin: 0px 10px 10px 0px; }
.salign-right { float: right; margin: 0px 10px 0px 10px; }

.dalign-left { float: left; margin: 0px 10px 10px 0px; }
.dalign-right { float: right; margin: 0px 10px 0px 10px; }

.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }

ul { list-style-type: square; }


/* Hyperlink styles */
a:hover { background-color: #ffffe5;}
a:link { color: #343213; font-weight: bold; text-decoration: none; }
a:visited { color: #222218; font-weight: bold; text-decoration: none; }
a:hover { color: #222218; font-weight: bold; text-decoration: none; }
a:active { color: #222218; font-weight: bold; text-decoration: none; }

/* H tag styles */
h1, h2, h3, h4, h5, h6 { font-family: "Times New Roman", Times, serif; font-weight: bold; color: #343213; line-height: 1.2em; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

/***********************************************/
/* Layout divs                                 */
/***********************************************/

#supercontainer { width: 920px; padding-bottom: 10px; margin: 0 auto; position: relative; top: 10px; background: url(../images/semi-transparent-border-tile.png); background-repeat: repeat-x repeat-y; border: 1px solid #222218; } 

#innercontainer { width: 900px; margin: 0px 10px 10px 10px; position: relative; top: 10px; background-color: #5a5721; border: 1px solid #222218; } 
<!--[if lt IE 7]>
#supercontainer {height: 100%;}<![endif]-->

/* Logo & contact details */

#topcontainer { width: 900px; margin: 0 auto; } 

/* Main body */

#middlecontainer { width: 900px; margin: 0 auto; background-color: #5a5721; border-top: 1px solid #222218; }

#middle { float: right; width: 698px; min-height:730px; position: relative; z-index: 999; background-color: #ffffcc; border-left: 1px solid #222218; text-align: left; padding: 0px 10px 10px 10px; margin: 0 auto; line-height: 1.2em; overflow: hidden; }

#middleerr { float: right; width: 880px; min-height:730px; position: relative; z-index: 999; background-color: #ffffcc; border-left: 1px solid #222218; text-align: left; padding: 0px 10px 10px 10px; margin: 0 auto; line-height: 1.2em; overflow: hidden; }

/***********************************************/
/* Left column */ 
/***********************************************/

#columncontainer { float: left; width: 180px; }

#column { float: left; width: 180px;  overflow: hidden; }

.ad { width: 166px; border: 2px solid #ffffcc; padding: 5px 5px 5px 5px; margin: 10px 0px 10px 0px; background-color: #b3ad42; text-align:center; }

/* Navigation */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#sidenav { width: 180px; z-index: 1000; font-size: 1.01em; text-align: left; }

.sidebarmenu ul { margin: 0; padding: 0; list-style-type: none; font-family: times,serif; font-size: 1em; width: 180px; /* Main Menu Item widths */ }
 
.sidebarmenu ul li { position: relative; z-index: 1000; }

/* Top level menu links style */
.sidebarmenu ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: #fafafa; text-decoration: none; padding: 4px 4px 4px 8px; /* for IE */ filter: alpha(opacity=95); /* CSS3 standard */ opacity: 0.95; border-bottom: 1px solid #222218; }

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active { background-color: #5a5721; }

.sidebarmenu ul li a:visited { color: #fafafa; }

.sidebarmenu ul li a:hover { background-color: #47451a; }

/*Sub level menu items */
.sidebarmenu ul li ul { position: absolute; z-index: 1000; width: 180px; /*Sub Menu Items width */ top: 0; visibility: hidden; }

.sidebarmenu a.subfolderstyle { background: url(../images/navigation/right.gif) no-repeat 97% 50%; }
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }

/***********************************************/
/* Pages */
/***********************************************/

#holdl { float: left; width: 340px; padding: 0px 10px 0px 0px; }

#holdr { float: left; width: 345px; }

.largecopy { font-size: 1.2em; }

.redback {background-color: #990000}

.greenback {  background-color: #336600}

.whitetext { color: #ffffff; }

/***********************************************/
/* Footer */
/***********************************************/

#footerl { float: left; width: 100px; padding: 10px 5px 0px 0px; text-align: center; }

#footerr { float: left; width: 580px; padding: 10px 5px 0px 0px; text-align: right; }

#footerspace { height: 800px; }