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

html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000; 
background-color: #4c4c4c; 
font-family: verdana, sans-serif; 
font-size: 80%; 
text-align: center;
margin: 30px 0;
margin-left: 30px;
}

p  {margin: 0; padding: 8px;}

h1 {font-size: 17px; text-align: left; padding: 8px;}

h2 {font-size: 15px; text-align: left; padding: 8px;}

.clear { clear: both; }

.alignright {margin-top: 0; text-align: right;}

.small {font-size: .9em;}


.wrapper {
margin: 0 auto;
width: 830px; /* width: 697px; */
text-align: left;
background: #4c4c4c;
padding-right: 85px;
}

* html .wrapper {
width: 830; /* width: 700px;  */
w\idth: 827px; /* w\idth: 697px; */
}

.outer {
border-left: 191px solid #4c4c4c;  /* was 150 */
border-right: 150px solid #4c4c4c; /* MAKE CHANGE TO WIDTH OF RIGHT SLICE <<<<<<<<<<<<<<<<<<<<<<<<< */
margin-top: -4px;
}

.inner {
margin-left: -2px; /*** This fixes a small overlap problem in IE6. ***/
width: 680px;
margin-top: -4px;
}

* html .inner {
width: 100%;
}

.float-wrap {
float: left;
width: 680px;/*width: 567px;*/
margin-left: -189px;    
}

.left {
float: left;
width: 191px;
position: relative; /*** IE needs this or the contents wont show outside the parent container. ***/
background-image: url(../images/left-background.jpg); 
}

.leftContents {
position: relative;
width: 100px;
height: 1117px;
margin-top: 18px;
margin-left: 56px;
padding-left: 0px;
color: #FFFFFF;
}

* html .leftContents {
margin-top: 9px;  /*** IE gets this margin. ***/
height:1127px;
}

/* CSS MENU CODE */

#menu {
width: 120px;
padding: 0 0 0 0;
margin: 0px;
margin-bottom: 0px;;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
color: #333;
border: none;
}

* html #menu {
width: 130px;
margin: 0 -30px 0 0; /*** IE gets this margin. ***/
}

#menu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}

#menu li {
margin: 0;
list-style: none;
}

#menu li a {
display: block;
padding: 5px 5px 5px 5px;
border-left: 10px solid #000000;
background-color: none;
color: #fff;
text-decoration: none;
width: 100%;
list-style: none;
}

html>body #menu li a {
width: auto;
}

#menu li a:hover {
border-left: 10px solid #FF6000;
background-color: #ff0000;
color: #fff;
list-style: none;
}

#menu #current  {
border-left: 10px solid #FF6000;
background-color: #ff0000;
color: #fff;
list-style: none;
}

/* END CSS MENU CODE */


.right {
float: right; 
width: 148px;
margin-right: 41px; /* added this in */
background-image: url(../images/right-background.jpg); 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

* html .right {
margin: 0 -150px 0 0; /*** IE gets this margin. ***/
}

.rightContents {
position: relative;
width: 100px;
height: 507px;
margin-top: 630px;
margin-left: 10px;
padding-left: 10px;
color: #FFFFFF;
}

.center {
float: right;
width: 489px; /* width: 370px; */
margin-top: -4px;
background-color:#FFFFFF;
}

.wide {
background-color: #4c4c4c;    /* header and footer colours */
width: 100%; 
/* border: 2px solid #000; */
font-size: 9px;
font-weight: normal;
}

.wide p {padding: 5px;}

.top {/* border-width: 0 0 2px; */}

.bottom {margin-top: -4px; width: 833px;	/* border-width: 2px 0 0; */}

* html .bottom {
margin-top: -4px;/*** IE gets this margin. ***/
}

#footer {
text-align: left; 
padding-left: 190px;
}

#amazonLinkSpace {
width: 120px;
padding: 0 0 0 0;
margin: 0px;
margin-top: 30px;
margin-bottom: 0px;;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
color: #333;
border: none;
}

#amazonLinkSpace2 {
width: 120px;
padding: 0 0 0 0;
margin: 0px;
margin-top: 50px;
margin-bottom: 0px;;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
color: #FFFFFF;
border: none;
}

#anHosting {
width: 110px;
padding: 0 0 0 0;
margin: 0px;
margin-top:65px;
margin-left: 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
color:#666666;
border: none;
font-size: 9px;
text-align: center;
}

* html #anHosting {
margin-top: 80px; /*** IE gets this margin. ***/
}

#anHosting2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
color:#666666;
font-size: 9px;
text-align: center;
margin-top:51px;
}

#anHosting2 a:link {
color:#FF0000;
font-size: 12px;
}

#googleAds {
width:120px; margin-top:20px; margin-left: -11px; 
}

#footerBackground {
position:relative;
margin-left: 191px;
bottom: 56px;
_bottom: 54px; /*?????????????????*/
z-index: 100;
}

#image1desc {
position:relative; text-align: center; font-size: 9px; color:#333333; margin-top: 0px;
}

#image1desc p{
position:relative; text-align: center; font-size: 9px; color:#333333; margin-top: 0px; text-align: left; padding-left: 46px;
}