/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
background-color:#ffffff;
background-image:url(images/backimg.png);
background-repeat:no-repeat;
padding:0 0 0 0;
margin:0 0 0 0;
}

a:link, a:visited{
	color:#FFFFFF;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	margin:0;
	padding:0;
}

a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	margin:0;
	padding:0;
}

p{
color:#FF33CC;
font-family:modern no.20;
font-size:100%;
margin:0 0 0 0;
padding:10px 10px 5px 0;
}

h1{color:#FF33CC;
font-family:Modern no. 20;
font-size:40px;
margin:0 0 0 0;
padding:10px 0 0 0;
}

h3{color:#FF33CC;
font-family:Modern no. 20;
font-size:25px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.head{color:#FF33CC;
font-family:Modern no. 20;
font-size:18px;
margin:0 0 0 0;
padding:5px 0 5px 0;
border-bottom:1px dotted #ff33cc;
}

.prices{
color:#FFFFFF;
font-family:modern no.20;
font-size:16px;
margin:0 0 0 0;
padding:10px 10px 5px 0;
}

.imgtop{float:right;
padding:10px;
margin:0;
}

.treatsimg{
float:left;
width:150px;
height:150px;
margin:0 0 0 0;
padding:0 10px 0 0;
}

.voucherimg{
float:left;
width:180px;
height:100px;
margin:0 0 0 0;
padding:0 10px 0 0;
}

.imgtable{margin:2% 0 0 3%;
border:1px solid #ff66cc;
padding:0;
width:94%;
}

form{
border:1px solid #ff66cc;
padding:0;
margin:8% 0 0 3%;
width:94%;
}

ul{
 list-style-image:url(images/arrow.png);
 color:#ffffff;
 font-size:16px;
 font-family:moder no.20;
 margin:2% 0 0 0;
 padding:0 0 2% 3%;
 } 

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
width:65%;
margin:1% 0 0 18%;
background-color:#000000;
padding:0 0 0 0;
}

#header{background-color:#000000;
width:96%;
height:100px;
margin:2% 0 0 2%;
padding:0 0 0 0;
float:none;
}

#navbar{
width:96%;
background-color:#FF66CC;
padding:12px 0 12px 0;
margin:0 0 0 2%;
}

#Content1{
background-color:#000000;
width:96%;
margin:2% 2% 2% 2%;
padding:0 0 0 0;
}

#box1{width:60%;
float:left;
margin:1% 0 1% 1px;
padding:0 0 0 0;
}

#box2{width:37%;
margin:1% 0 1% 0;
padding:0 0 0 0;
float:right;

}

#siteinfo{
width:96%;
height:20px;
margin:0 0 0 2%;
padding:0;
font-family:modern no.20;
font-size:14px;
color:#CCCCCC;
border-top:2px solid #ff66cc;
background-color:#000000;
clear:both;
}

/*********** #navBar link styles ***********/

#navbar ul a:link, #navbar ul a:visited {display:inline; font-size:12px; border-right:1px solid #000000; font-weight:bold; font-family:modern no.20; text-decoration:none; color:#000000; padding: 10px 10px 10px 10px; margin:0;}
#navbar ul a:hover, #navbar ul a:active {display:inline; font-size:12px; border-right:1px solid #000000; text-decoration:none; color:#FFFFFF; padding:10px 10px 10px 10px;}
#navbar ul {list-style: none; margin: 0; padding:0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navbar li {display:inline;}

/* fix for browsers that don't need the hack */
html>body #navbar li {border-bottom: none;}