﻿
/* Style Sheet for child-friendly-hotel.com */
/* This Version John SHarp - 1/12/2010 */


/* define background image 
background-image: background-repeat: repeat; body
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

*/

#wrapper {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


/*
#content {
  margin-left: 200px;
  padding: 0px;
  margin-right: 15px;
}
*/

/* set defaults for top level selectors */
h1 {
	font-size: 18pt;
	color: #000099;
	font-family: Arial, verdana, sans-serif;
	margin-top: 14px;
}
h2 {font-size: 14pt; color: #800080; font-family: Arial, Verdana, sans-serif; }
h3 { font-size:10pt;  color: #800087; font-family: Arial, Verdana, sans-serif;}
h4 { font-size:8pt;  color: #800087; font-family: Arial, Verdana, sans-serif;}

p {
	color: #000066;
	font-size: 12pt;
	font-family: arial, Verdana, sans-serif;
}

.plrge {
	color: #000066;
	font-size: 14pt;
	font-family: arial, Verdana, sans-serif;
}

body { background-color: #ffffcc; }

/* define our own classses */
.bul  	{ font-size: 10pt; color: #000066; margin-top: 6px; margin-bottom: 6px;font-family: Arial, Verdana, sans-serif; }
.addr 	{ font-size: 8pt; margin-left: 4px; font-family: Arial, Verdana, sans-serif; }
.copyr 	{ font-size: 6pt; color: #00006c; font-family: "Times New Roman", Arial, Verdana, sans-serif;  }
.padd 	{ font-size: 10pt; font-family: Arial, Verdana, sans-serif; }
.proom	{ font-size: 10pt }
.pfamily { font-size: 8pt }
.pcard 	{ font-size: 8pt; font-family: Arial, Verdana, sans-serif; }
.emfamily { font-size: 8pt; color: #0000FF; font-family: Arial, Verdana, sans-serif;  }
.p_post { font-size: 10pt; color:  #000066; position:relative;  font-family: arial, Verdana, sans-serif;  }
}



table {
	border-collapse: collapse;
	font-family: Arial, Verdana, sans-serif;
	border-style: solid;
	border-width: 1px;
	border-color: #000066;
}

.table1{
	border-collapse: collapse;
	font-family: Arial, Verdana, sans-serif;
	color: #000000;
}

.tablebook{

	font-family: Arial, Verdana, sans-serif;
	border: thin #000000 solid;
	min-width: 700px;
}




/* redefine the td tag to force right align set optional colors */
.td_opt {

	border: 1px solid #000066;
	text-align: right;
	padding: 2px;
	font-size: 10pt;
	color:  #0000FF;
	font-family: Arial, Verdana, sans-serif;
}
	
/* redefine the td tag to force right align set must key colours*/
.td_rt {

	border: 1px solid #000066;
	text-align: right;
	padding: 2px 2px 2px 2px;
	font-size: 10pt;
	color:  #0000FF;
	font-family: arial, Verdana, sans-serif;
}

.td_left{
	border: 1px solid #000066;
	text-align: left;
	font-size: 10pt;
	color:  #0000FF;
	font-family: Arial, Verdana, sans-serif; 
	padding-left:2px; padding-right:2px; padding-top:4px; padding-bottom:2px
}


/* define our left hand menu */

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}


#nav-menu li a
{
background: #fff url('images/menuback.gif') repeat-x bottom left;
height: 1.5em;
line-height: 1.5em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center
}

#nav-menu li a:hover
{
background: #fff url('images/menuback.gif') repeat-x bottom left;
height: 1.5em;
line-height: 1.5em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #003366;
text-decoration: underline;
text-align: center
}

#nav-menu li a:visited
{
/* tiny little image to give menus graduated colour */
background: #fff url('images/menuback.gif') repeat-x bottom left;
height: 1.5em;
line-height: 1.5em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #3333CC;
text-decoration: none;
text-align: center
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */


/* not used yet 
a:link{ colour:rg(0,0,153)}
a:visited{colour:rg(153,0,153)}
a:hover{colour:rg(0,96,255)}
a:active{colour:rg(255,0,102)}
*/

/* define features of the divisions on the page */

#header {
  margin: 20px;
  padding: 10px;
  height: 70px; 
  background-color:#C4C4FF;
}

#print-header{
    text-align: center;

}

#nav-menu{

  left: 5px; 
  padding: 0px;
  position: absolute;
  left: 20px;
  top: 160px;
  width: 9em;
}

#center-right{
  top: 0;
  margin-left: 190px;

  font-family: arial, verdana, sans-serif;
  color: #000066 ;
  font-weight: normal; 
  font-size: 14pt;
}

#center {
  top: 0;
  margin-left: 190px;
  margin-right: 240px;
  font-family: arial;
  color: #000066 ;
  font-weight: normal; 
  font-size: 14pt;

}

#dont_print { text-align: left; }
#dont_print1 { text-align: left; }
#dont_print2 { text-align: left; }
#no_print_booking1 { text-align: left; }


/* define images for rh zone */

.rhimg { 
	border-width:2px; 
	width: 208px;
	text-align: center; 
	
}


/* remove intro for print of booking form */
	
#booking-intro{
  top: 10px; 
  width: 720px;
}

/* main page divisors */

#right {
  border-style:ridge; 
  border-width:3px; 
  padding:1px; 
  position: absolute;
  right: 15px;
  top: 160px;
  width: 200px;
    
}

#footer {
  width: 800px;
  float: left;
}




/* end of file */
.lrgebullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #000066;
}

