/* comment lines are declared like this */

/* body is the default - if nothing is declared for the rest then the body definition is the one used */
BODY
{
    MARGIN: 0px;								/* if only a single value is specified then it applies to all margins */
    BACKGROUND-IMAGE: none;         
    BACKGROUND-REPEAT: repeat;		/* other values no-repeat, repeat-x (horizontal), repeat-y (vertical)*/
	BACKGROUND-ATTACHMENT: fixed;  /* other value scroll */
	BACKGROUND-POSITION: 0% 0%;		/* values can be a percentage or a fixed length or one of top centre bottom/left centre right */
    BACKGROUND-COLOR: #e2e9da;	/* background colour should be specified even with an image incase the image doesn't load other value is transparent */
	font-family: verdana, tahoma, san-serif;
	font-size: small !important;
	font-size: x-small;
	color: #731750;
	min-width: 765px;
	text-align: center;
	
}

H1
{
font-size: small !important;
font-size: x-small;
color: #731750;
font-style: italic;
}
/* definition of a paragraph */
P
{
	FONT-FAMILY: Tahoma, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-STYLE: normal;                    /* other values are italic and oblique */
	FONT-VARIANT: normal;               /* other values are small-caps */
	FONT-WEIGHT: normal;                 /* other values are  bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900  */
	FONT-SIZE: small;                         /* absolute (xx-small, x-small, small, medium, large, x-large), relative (large, smaller) length (12pt) and percentage (120%) */
	BACKGROUND-COLOR: #F8ECDC;
}
/* definition for all cells */
#wrapper
{
	text-align: center;
	width: 765px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	BACKGROUND-COLOR: #F8ECDC;
}

#header
{
	background-image: url(../bedandbreakfastimages/rosecottagebedandbreakfast_.jpg);
	width: 765px;
	height: 157px;
}	

.menu
{
	position: relative;
	top: 23px;
	padding-right: 10px;
	text-align: right;

}
#leftcol
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: small !important;
	font-size: x-small;
	line-height: 100%;
	font-family: tahoma, San-serif;
	COLOR: #000000;																		/* or colour name, red, blue, black, white, etc */
	TEXT-DECORATION: none;														/* other values are underline, overline, line-through, blink */
	VERTICAL-ALIGN: top;					/* other possible values are baseline, sub, super, text-top, middle, bottom, text-bottom or a percentage */ 
	TEXT-TRANSFORM: none;				/* other values are capitalize, uppercase, lowercase */
	TEXT-ALIGN: left;							/* other values are right, center, justify */
	TEXT-INDENT: 0;							/* values are <length> or <percentage> indent before text begins*/
	LINE-HEIGHT: normal;					/* other values number (e.g. 1.2), length (1.2.em), percentage (120%) */
	BACKGROUND-COLOR: #F8ECDC;
	padding-left: 10px;
	position: relative;
	top: 10px;
	width: 200px;
	float: left;
}
#leftcol_contact
{
	VERTICAL-ALIGN: top;					/* other possible values are baseline, sub, super, text-top, middle, bottom, text-bottom or a percentage */ 
	BACKGROUND-COLOR: #F8ECDC;
	padding-left: 10px;
	position: relative;
	top: 10px;
	width: 240px;
	float: left;
}
#leftcol_accomm
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: small !important;
	font-size: x-small;
	line-height: 100%;
	font-family: tahoma, San-serif;
	COLOR: #000000;																		/* or colour name, red, blue, black, white, etc */
	BACKGROUND-COLOR: #F8ECDC;
	TEXT-DECORATION: none;														/* other values are underline, overline, line-through, blink */
	VERTICAL-ALIGN: top;					/* other possible values are baseline, sub, super, text-top, middle, bottom, text-bottom or a percentage */ 
	TEXT-TRANSFORM: none;				/* other values are capitalize, uppercase, lowercase */
	TEXT-ALIGN: left;							/* other values are right, center, justify */
	TEXT-INDENT: 0;							/* values are <length> or <percentage> indent before text begins*/
	LINE-HEIGHT: normal;					/* other values number (e.g. 1.2), length (1.2.em), percentage (120%) */
	padding-left: 10px;
	position: relative;
	top: 10px;
	width: 280px !important;
	width: 210px;
	height: 300px;
	float: left;
}
#maincol
{
	text-align: left;
	width: 280px !important;
	width: 260px;
	position: relative;
	top: 10px;
	left: 10px;
	float: left;
	BACKGROUND-COLOR: #F8ECDC;
}
#maincol_contact
{
	text-align: left;
	width: 260px !important;
	width: 220px;
	position: relative;
	top: 10px;
	left: 10px;
	float: left;
	BACKGROUND-COLOR: #F8ECDC;
}
#maincol_accomm
{
	text-align: left;
	width: 380px;
	position: relative;
	top: 10px;
	left: 10px;
	float: left;
	BACKGROUND-COLOR: #F8ECDC;
}
#rightcol
{
	text-align: left;
	position: relative;
	top: 10px;
	left: 20px;
	border-color: #BC5790;
	background-color: #EED3CF;
	border-width: 1px;
	border-style: solid;
	width: 240px !important;
	width: 260px;
	padding: 5px;
	float: left;
	BACKGROUND-COLOR: #F8ECDC;
}
#rightcol_contact
{
	text-align: left;
	position: relative;
	top: 10px;
	left: 20px;
	width: 240px !important;
	width: 260px;
	padding: 5px;
	float: left;
	BACKGROUND-COLOR: #F8ECDC;
}
.tagline
{
	text-align: right;
	position: relative;
	background-color: transparent;
	top: 97px;
	padding-right: 10px;
	font-family: verdana, tahoma, san-serif;
	color: #F8ECDC;
	font-weight: bold;
	font-size: small;
}
#footer
{
	text-align: center;
	position: relative;
	float: left;
	top: 30px;
	width: 765px;
	height: 35px;
	background-image: url(../bedandbreakfastimages/bedandbreakfast_footer.jpg);
	background-repeat: no-repeat;
}
.footertext
{
	font-size: xx-small;
	font-weight: bold;
	font-family: verdana, tahoma, san-serif;
	position: relative;
	top: 5px;
}
/* definition of a class with borders set all round to thin */
.withborders
{
	BORDER-TOP-WIDTH: thin;		/* other values are medium, thick or a length */
	BORDER-RIGHT-WIDTH: thin;		/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-BOTTOM-WIDTH: thin;		/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-LEFT-WIDTH: thin;		/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-COLOR: red;					/* colour of all borders or can set individually as width above */
	BORDER-STYLE: none;				/* other values are dotted, dashed, solid, double, groove, ridge, inset, outset */
}
/* definition of image format  with uneven border and relative padding */
IMG
{
	BORDER:0;

}
/* list item decalration - bullet points*/
LI
{ 
	DISPLAY: list-item;			/* other values are block, inline, none */
	WHITE-SPACE: normal;		/* other values are  pre, nowrap */
	LIST-STYLE-TYPE: disc;		/* other values are circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none */
	LIST-STYLE-IMAGE: none;	/* other values are the image url */
	LIST-STYLE-POSITION: outside; /* other value is inside */
	
}
A:active
{
	color: #660B44;
}
A:visited
{
	color: #660B44;
	}
A:link
{
    color: #660B44;
}
A:hover
{
    color: #d8e0b3;
}
A {
  color: #660B44;
  text-decoration: none;
  font-family: verdana, tahoma, san-serif;
  font-weight: bold;
  font-size: small !important;
  font-size: x-small;
}
#footermenu A:active
{
	color: #660B44;
}
#footermenu A:visited
{
	color: #660B44;
	}
#footermenu A:link
{
    color: #660B44;
}
#footermenu A:hover
{
    color: #d8e0b3;
}
#footermenu A {
  color: #660B44;
  text-decoration: none;
  font-family: verdana, tahoma, san-serif;
  font-weight: bold;
  font-size: xx-small;
}
/* declaration of a user defined class */
.background
{
	BACKGROUND: white none no-repeat fixed 0% 0%   /*  in order of background-color, background-image, background-repeat, background-attachment, background-position */
}

/* using extra word and line spaces */
.spaced
{
	WORD-SPACING: normal;		/* other value is addition to normal space between each word e.g. 2em adds 2em to the normal space */
	LETTER-SPACING: normal;		/* other value is addition to normal space between characters e.g. 1em adds 1em to normal letter spacing */
}


/* These relative units are supported:

H1 { margin: 0.5em }       ems, the height of the element's font  e.g. if font is 12pt then this margin is 6pt
H1 { margin: 1ex }         x-height, ~ the height of the letter 'x' 
P  { font-size: 12px }     pixels, relative to canvas 

Absolute length units are only useful when the physical properties of the output medium are known. These absolute units are supported:

H1 { margin: 0.5in }       inches, 1in = 2.54cm 
H2 { line-height: 3cm }    centimeters 
H3 { word-spacing: 4mm }   millimeters 
H4 { font-size: 12pt }     points, 1pt = 1/72 in 
H4 { font-size: 1pc }      picas, 1pc = 12pt 

*/