/* stylesheet.css for Cameron-Highland-Destination.com */
/* updated 20-Nov-2008 */ 
body {
background: url(http://www.cameron-highland-destination.com/images/grayback.gif) #333333 repeat;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
table.main {
margin-left: auto;
margin-right: auto;
background-color: #eeeecc;
border: solid 2px #eeeecc;
width: 90%;
}
td {
vertical-align: top;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
td.left{
background: url(http://www.cameron-highland-destination.com/images/image-back-left.gif) #eeeecc 10% 0% repeat-y;
}
td.right{
background: url(http://www.cameron-highland-destination.com/images/image-back-right.gif) #eeeecc 90% 0% repeat-y;
}
td.spacer{
height: 1px;
width: 139px;
}

#header {
width: 99.5%;
text-align: center;
background: #02669A;
border: solid 2px #eeeecc;
}
#footer {
width: 100%;
background: #02669A;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
    color: #eeeecc;
    }
#footer a {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
    text-decoration: none;
    color: #eeeecc;
	}
  #footer a:hover { color: #33FFCC; }
#footer a.powered {
    font-weight: bold;
    text-decoration: underline overline;
    text-transform: uppercase;
    line-height: 250%;
    }
  #footer a:hover { color: #33FFCC; }
#left{
width: 170px;
padding: 0 5px 0 0;
}
#right{
width: 170px;
padding: 0 0 0 5px;
text-align: center;
}

div.text {
width: 530px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
text-align: justify;
}
   .text a:link {color: #0000CC; text-decoration: none;}
   .text a:visited {color: #990099; text-decoration: none}
   .text a:hover {background: #FFFF66;}
   .text a:active {color: #990000;}

h1,h2 {
    font-size: 20px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    	color: #003366;
	background: transparent;
	font-weight: bold;
	text-align: center
	}
  h3,h4,h5,h6 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    	color: #003366;
	background: transparent;
	font-weight: bold;
	text-align: left
	}
  p, li {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
    }
  ul {
  	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
    list-style-type: square;
    }
  ol {
  	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
    }
ol     { list-style-type: decimal }      /* 1 2 3 4 5 etc. */
ol ol  { list-style-type: lower-roman }  /* i ii iii iv v etc. */
/* picture frame box */
div.rbox {
    float:right;
    margin: 5px 5px 5px 5px;
    padding:4px;
    border:1px solid #332266;
    color: #332266;
    background-color: none;
  }
div.lbox {
    float:left;
    margin: 5px 5px 5px 5px;
    padding:4px;
    border:1px solid #332266;
    color: #332266;
    background-color: none;
  }
div.cbox {
    text-align: center;
    margin: 5px auto 5px auto;
    padding:4px;
    border:1px solid #332266;
    color: #332266;
    background-color: none;
  }
  div.googlebar {
    width: 97%;
    background-color: #02669A;
    text-align: center;
  }

/* use these for nav bar */
div.title {
   	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003366;
	background-color: #3399CC;
	}

div.nav {
    font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    border: solid #eeeecc;
    border-right: 2px solid #eeeecc;
    border-top: 2px solid #eeeecc;
    border-bottom: 2px solid #eeeecc;
	background-color: #02669A;
    text-indent: 5px;
    line-height: 2em;
	}
  .nav a:link {color: #ffffff;    text-decoration: none;  }
  .nav a:visited {color: #ffffff; text-decoration: none;  }
  .nav a:hover {
    display: block;    /* this CSS code doesn't work in Google Chrome */
	color: #33FFCC;
	background-color: #003399;
    text-decoration: none;
    }
  .nav a:active {color: #FF9966; text-decoration: none;  }
    /* hover must come after visited so that color can change during hover */

/* RSS box */
#addSiteTo {
width:90%;
font-size:85%;
text-align:center;
padding:8px 0;
border:1px solid #000;
margin:12px auto;
background-color: #006699;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
color: #eeeecc;
}

#addSiteTo img {
width:91px;
border:0;
padding:1px 0;
}

/* NoScript */
div.notepoint {
position: fixed;
visibility: visible;
left:0px; /* % is possible */
top:0px;
z-index:2;
width: 100%;
height: 100%;
background: url(http://www.cameron-highland-destination.com/images/cameron-highlands-vacationguide.gif) repeat;
background-attachment: fixed;
}
div.notebox {
position: fixed;
right: 5px;
bottom: 5px;
border: 1px solid #333333;
background: #FFFFE0;
width: 20em;
text-align: justify;
font-size: xx-small;
padding: 1em;
}

/* Drop in box */
div.dropinbox {
/* does not work from here, style must be placed directly on html page. */
position:absolute;
visibility:hidden;
left:650px;
top:300;
z-index:2;
width:180px;
/*height:350px; not necessary */
background-color:#99CCFF;
text-align: center;
}
/* various style for newsletter and drop in box*/
div.newsletterdrop {
border: solid #003366 2px;
background-color:#99CCFF;
width:160px;
padding: 2px;
margin: 5px;
text-align: center;
}
   .newsletterdrop a:link {color: #0066cc; text-decoration: none;}
   .newsletterdrop a:hover {background: #FFFF66;}
   .newsletterdrop a:active {color: #FF9966;}

/* Newsletter left bar */
div.newsletter {
border: solid #003366 2px;
width:148px;
padding: 2px;
background-color:#FFFF99;
text-align: center;
margin-left: auto;
margin-right: auto;
}
div.formtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align:center;
padding: 5px;
}

span.newsletterbox1 {
font-weight: bold;
font-size: 14px;
color: #FF3333;
}
span.newsletterbox2 {
font-size: 12px;
}

/* Thank you for visiting Cameron-Highland-Destination.com and exploring the CSS stylesheet */
/* You may also want to visit me at JanLeow.com,
   there are some tips on how to make your own website */
/* Cheers! */