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

body { 
background-color: #fff;
margin: 0px;
}

div#container { 
width: 990px;
margin-left: auto;
margin-right: auto;
}

div#links {
padding-top: 9px;
width: 200px;
height: 34px;
float: right;
text-align: right;
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}

div#links a {
color: #5A1B24;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
text-decoration: none;
}

div#links a:hover {
text-decoration: underline;	
}

img.bookhead {
border: 0px;
margin: 0px;
float: left;
}

div#masthead {
background-color: #fff;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
height: 256px;
}

div#masthead img {
margin: 0px;
padding: 0px;
}

div#main-wrapper {
background-color: #E3D291;
padding: 50px;
}

div#main {
background-color: #fff;	
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000;
width: 850px;
padding: 20px;
min-height: 300px;
}

div#main-home {
background-color: #E3D291;	
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000;
width: 940px;
padding: 0px;
min-height: 300px;
margin-left: auto;
margin-right: auto;
}

div#main a {
color: #5A1B24;	
}

div#main a:hover {
color: #000;	
}

div#footer {
height: 50px;
text-align: center;
color: #000;
font-family: Arial, Verdana, Geneva, sans-serif;
background-color: #fff;
font-size: 12px;
padding-top: 20px;
}

iframe#quotes {
width: 708px;
height: 205px;
padding:0px;
border: 0px;
float: right;
margin-top: 5px;
}

div#toplinks {
text-align: right;
left: 333px;
z-index: 3;
padding-top: 22px;
color: #571725;
}

div#toplinks a, div#toplinks a:hover {
font-family: Verdana;
font-size: 12px;
color: #571725;	
}


/*******************NAVBAR DROP DOWN MENU***********************/


div#navigation { 
background-color: #E3D291;
background-image: url(images/navbar.jpg);
background-repeat: no-repeat;
height: 48px;
}

ul#navbar {
padding: 0px;
margin: 0px;
position: absolute;
top: 256px;
}


ul#navbar li {
list-style: none;	
float: left;
}

ul#navbar a, ul#navbar a:hover {
color: #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
text-decoration: none;
font-weight: bold;
margin: 0px;
display: inline-block;
width: 164px;
text-align: center;
padding-top: 15px;
padding-bottom: 30px;
padding-left: 0px;
}

ul#navbar li ul {
display: none;	
}

ul#navbar li:hover ul#book, #navbar li.hover ul#book {
position: absolute;
top: 49px;
display: inline;
left: 0px;
width: 100%;
margin: 0px;
padding: 0px;
}

ul#navbar li:hover ul#connect, #navbar li.hover ul#connect {
position: absolute;
top: 49px;
display: inline;
left: 498px;
width: 500px;
margin: 0px;
padding: 0px;
}

ul#navbar li:hover ul#video, #navbar li.hover ul#video {
position: absolute;
top: 49px;
display: inline;
left: 330px;
width: 500px;
margin: 0px;
padding: 0px;
}

ul#navbar li:hover ul#fun, #navbar li.hover ul#fun {
position: absolute;
top: 49px;
display: inline;
left: 495px;
width: 500px;
margin: 0px;
padding: 0px;
}

ul#navbar li:hover ul#services, #navbar li.hover ul#services {
position: absolute;
top: 49px;
display: inline;
left: 662px;
width: 500px;
margin: 0px;
padding: 0px;
}

ul#navbar li:hover li, #navbar li.hover li {
float: left; }

ul#navbar li:hover li.red a, #navbar li.hover li.red a {
color: #fff;
background-color: transparent;
background-image: url(images/bg-red.jpg);
background-repeat: no-repeat;
padding: 10px 0px 10px 0px;
font-size: 12px;
}

ul#navbar li:hover li.blue a, #navbar li.hover li.blue a {
color: #fff;
background-color: transparent;
background-image: url(images/bg-blue.jpg);
background-repeat: no-repeat;
padding: 10px 0px 10px 0px;
font-size: 12px;
}

ul#navbar li:hover li.green a, #navbar li.hover li.green a {
color: #fff;
background-color: transparent;
background-image: url(images/bg-green.jpg);
background-repeat: no-repeat;
padding: 10px 0px 10px 0px;
font-size: 12px;
}

ul#navbar li:hover li.yellow a, #navbar li.hover li.yellow a {
color: #666;
background-color: transparent;
background-image: url(images/bg-yellow.jpg);
background-repeat: no-repeat;
padding: 10px 0px 10px 0px;
font-size: 12px;
}

ul#navbar li:hover li.brown a, #navbar li.hover li.brown a {
color: #fff;
background-color: transparent;
background-image: url(images/bg-brown.jpg);
background-repeat: no-repeat;
padding: 10px 0px 10px 0px;
font-size: 12px;
}

ul#navbar li li.red a:hover, ul#navbar li li.blue a:hover, ul#navbar li li.brown a:hover,
ul#navbar li li.green a:hover, ul#navbar li li.yellow a:hover {
color: #bfa739; }


/*********************END NAVBAR**************************/


/*****************************MAINHEADS*********************************/


div#mainhead-red, div#mainhead-purple, div#mainhead-yellow, div#mainhead-green, div#mainhead-blue, div#mainhead-brown {
color: #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: bold;
padding-top: 12px;
padding-left: 20px;
margin-botttom: 0px;
background-repeat:no-repeat;
height: 32px;
width: 890px;
background-color: transparent;
background-position: top left;
}

div#mainhead-red {
background-image: url(images/navburg.jpg);
}

div#mainhead-purple {
background-image: url(images/navbblue.jpg);
}

div#mainhead-yellow {
background-image: url(images/navyellow.jpg);
}

div#mainhead-green {
background-image: url(images/navteal.jpg);
}

div#mainhead-blue {
background-image: url(images/navlblue.jpg);
}

div#mainhead-brown {
background-image: url(images/navbrown.jpg);
}


/*******************************END MAINHEADS*******************************/

hr {
margin-top: 10px;
margin-bottom: 10px;
}

div#main1 { 
width: 428px; 
height: 252;
background-color: transparent;
float: left;
}

div#main2 { 
width: 428px; 
height: 252px;
background-image: url(images/box5.jpg);
background-repeat: no-repeat;
background-position: top left;
float: left;
padding-bottom: 40px;
margin-left: 40px;
}

div#tip-of-the-week {
width: 171px;
height: 131px;
position: relative;
top: 61px;
left: 27px;
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

div#sign-up {
width: 185px;
height: 150px;
position: relative;
left: -18px;
top: 120px;
float: right;
color: #000;
font-size: 11px;
font-family: Arial, Verdana, Geneva, sans-serif;
}

div#tip {
width: 170px;
height: 200px;
padding: 40px 20px 0px 15px;
margin-left: 160px;
margin-top: 20px;
float: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/sticky.jpg);
background-repeat: no-repeat;
}

div#sign {
width: 300px;
float: left;
padding-left: 40px;
margin-top: 20px;
}

input.signup {
border: 1px #5a1b24 solid;	
}

input.signup2 {
margin-top: 5px;
border: 1px #000 solid;
background-color: #5alb24;	
}

div#main3 { 
width: 428px; 
height: 252;
background-color: transparent;
float: left;
}

div#main3 { 
width: 428px; 
height: 252;
background-color: transparent;
float: left;
padding-right: 40px;
}

.mainhead {
font-family: Verdana, Geneva, sans-serif;
font-size: 17px;
font-weight: bold;
color: #5A1B24;
}

.mainhead a {
font-family: Verdana, Geneva, sans-serif;
font-size: 17px;
font-weight: bold;
color: #5A1B24;
text-decoration: underline;
cursor: pointer;
}

div#main ul li {
line-height: 2.0;	
}

div#videos {
text-align: center;	
}

table#quotestable {
padding: 0px 0px 20px 0px;	
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
}

div#quotes-left {
width: 400px;
float: left;
}

/************TOOLTIP************/

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px #000 dotted;
padding: 2px;
background-color: #f2f2f2;
visibility: hidden;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}