/* This file has the styles in for the whole website */
	/* Padding and margin are set to 0 at the start to 
equalise IE and Netscape, Mozilla style browsers */
* {
	padding: 0;
	margin: 0;
}

/* general style for the website main body */
body,td {
	font-family: arial, sans-serif;
	background-color: #f1f4c6;
	/*#dcdcdc;*/
	color: #62213f;
	font-size: 1em;
	line-height: 1.5em;
	
}

table {
	margin: 1.5em;
	padding: 0.25em;
}

/* Div id styles for setting the styles of blocks of the website */
#PageBody {
	min-width: 640px;
	min-height: 640px;
	margin-right: 0.15em;
	background-color: #f1f4c6;
}

/* Main style of the text on the page */
#CentralBody {
	padding-right:1em;
	padding-left: 0em;
	padding-top: 0;
	margin-top:0;
	margin-left: 25%;
}
a img {
	border:0;
	
	}

/*Header styles */
#Header {
	width: 100%;
	min-height: 190px;
	height: 27%;
	background-image: url(../images/tygwynhotel.jpg);
	background-repeat: no-repeat;
	background-color: #62213f;
	/*border-bottom-color: white;
	 grey #667788
	border-bottom-style: solid;
	border-bottom-width: thin;*/
	color: #f1f4c6;
}

#CHead {
	margin-left: 35%;
	width: 50%;
}

#RHead {
	width: 13%;
	margin-right: 2%;
	float: right;
}

#LHead {
	width: 20%;
	margin-left: 30%;
	float: left;
	background-color: white;
}

/* Left column styles set here */
#LeftColContainer {
	margin-left: 0.5em;
	margin-top: 1em;
	padding: 0.5em;
	float: left;
	width: 20%;
	
}

#LeftCol {
	margin-left: 0.5em;
	margin-top: 1em;
	padding: 0.5em;
	float: left;
	width: 20%;
}



#LeftCol li {
	margin: 0;
	list-style: none;
	list-style-position: outside;
	
	padding: 0.25em;
}


#RightCol {
	top: 1 px;
	width: 15%;
	float: right;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: thin;
}

/* If you wanted a footer then you would use this div id */
#Footer {
	width: 100%;
	clear: both;
}

/* This is the style for the box for customer testimonials or quote from people */
#Box {
	float: right;
	font-style: italic;
	font-weight:bold;
	background-color: #f1f4c6;
	color: #62213f;
	padding-left: 1em;
	padding-bottom:1em;
	padding-top:1em;
	padding-right:1em;
	width: 250px;
	font-size: 0.75em;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}
#BoxLeft {
	float: left;
	font-style: italic;
	font-weight:bold;
	background-color: #f1f4c6;
	color: #62213f;
	padding-left: 1em;
	padding-bottom:1em;
	padding-top:1em;
	padding-right:1em;
	width: 250px;
	font-size: 0.75em;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}
.cust{
	font-style: normal;
	font-weight: normal;
	margin-bottom: 1em;
	}

/* Style for book now*/
.Booking {
	margin-bottom: 1em;
	margin-top:1em;
	padding-top:0.5em;
	padding-bottom: 0.5em;
	background-color: #f1f4c6;
	font-size: 1.25em;
	text-align: center;
	color: #62213f;
}

.Booking a:link, .Booking a:visited, .Booking a:active {
	color: #62213f;
	font-weight: bolder;
	font-style: normal;
	text-decoration: none;
	font-size:1.5em;

}

.Booking a:hover {
	color: Black;
	font-weight: bolder;
	font-style: normal;
	text-decoration: underline;
}
/* Style for corporate rates section */
.corporate {
	margin-bottom: 1em;
	margin-top:1em;
	padding-top:0.5em;
	padding-bottom: 0.5em;
	background-color: #f1f4c6;
	font-size: 1.25em;
	text-align: center;
	color: #62213f;
}

.corporate a:link, .corporate a:visited, .corporate a:active {
	color: #62213f;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size:1em;

}

.corporate a:hover {
	color: black;
	font-weight: bolder;
	font-style: normal;
	text-decoration: underline;
}
#rooms{
	}

.menus {
	text-align: center;
	font-style: italic;
	font-size: large;
}
.menusside{
	
	clear: both;
	}

}
/* Setting up styles for the standard tags of html to look as you want them to */
	/* The header tags */
h1,h2,h3,h4,h5,h6 {
	font-family: arial, sans-serif;
	color: #62213f;
}

h1 {
	text-align: right;
	padding-top: 0.25em;
	padding-bottom: 0.5em;
	font-size: 2.5em;
	font-family: Monotype Corsiva, garamond, dauphin, arial, sans-serif;
}

h2 {
	text-align: right;
	padding-top: 0.25em;
	font-size: 1.1em;
	font-family: arial, sans-serif;
	padding-bottom: 1em;
	padding-left: 1em;
}

h3 {
	padding-top: 1em;
	padding-bottom: 0.75em;
	font-size: 1.2em;
	padding-left: 0.5em;
	font-family: arial, sans-serif;
}

h4 {
	padding-bottom: 0em;
	padding-top: 0.25em;
	line-height: 1.25em;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
}

/* These are available for you to use if you need them...set the styles yourself */
h5 {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 0.75em;
	font-size: 1.2em;
	padding-left: 0.5em;
}

h6 {
	
}
#attraction{
	float:right;
	width:100%;
	padding:0;
	margin:0;
	}
#attraction h2 a:link h2 a:active, h2 a:visited {
	color: ##62213f;
	font-size:small;
	text-decoration: none;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: left;
}

p.Question {
	font-weight: bold;
	margin-bottom: 1px;
	margin-top: 1px;
}

p.ReadMore {
	margin-top: 0px;
}

p.home {
	margin-top: 2px;
	margin-bottom: 2px;
}



.indexpic {
	float: left;
	padding: 0px;
	margin: 0px;
	padding-right: 22px;
	padding-left: 22px;
	padding-top:22px;
}

.indexwords {
	clear: right;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	padding-left: 155px;
}

.topic {
	clear: both;
	margin-top: 4em;
}

/* General Paragraph */
p {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-right: 1em;
	padding-left: 1em;
}

p.ByHeading {
	margin-top: 0;
}

/* Styles for links in their different states when 
they are in an unordered list (ul)  e.g. Left hand menu */
ul a:link,ul a:visited,ul a:active {
	text-decoration: none;
	font-weight: bold;
	color: #62213f;
}

ul a:hover { /* When the mouse hovers over a link in list */
	text-decoration: underline;
	color: black;
}

li { /* general styleing of bullets */
	list-style-position: inside;
}

dl { /* put any styles needed for definition list here */
	
}

dt { /* The definition term style is here */
	font-weight: bold;
}

dd { /* The definition description style goes here */
	
}

#RightImage {
	float: right;
	margin: 1em;
}

#LeftImage {
	float: left;
	padding: 1em;
	width: 300px;
}
#LeftImage2 {
	float: left;
	padding: 1em;
	width: 160px;
}
#LeftImageArticle{float: left;
	padding: 1em;
	width: 700px;
	}

/* Classes of styles set up for use with any html tag */
	/* Picture styles first */
.ImgRight {
	float: right;
	padding-left: 1em;
	padding-top: 0.25em;
	padding-right: 1em;
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* Can't use this one with img tag though, 
need to put the img tag into a div with this class  */
.ImgCenter {
	float: none;
	text-align: center;
	padding-bottom: 0; /*was 0.25em*/
	border: none;
}

.ImgLeft {
	float: left;
	padding-right: 1em;
	padding-top: 0.25em;
	border: none;
}

.outline {
	border: 1px solid #000000;
}
.rooms {
	float: left;
	text-align: center;
	padding-bottom: 0.25em;
	margin-left:0.25em;
	margin-top:1em;
	border: none;
}
p.footnote {
	font-size: 0.75em;
	text-align: center;
	color: #62213f;
	margin: 0;
	padding: 0;
}
.full{
	clear:right;
	}
.side{
	width:40%;
	}

.links a:link, .links a:visited, .links a:active {
	text-decoration: none;
	font-weight: bold;
	color: #62213f;
}

.links a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #62213f;
}

.indent1 {
	margin-left: 3em;
}

.indent2 {
	margin-left: 6em;
}

.indent3 {
	margin-left: 9em;
}

.indent4 {
	margin-left: 12em;
}
.top{
	padding-bottom: 0.5em;
	padding-top: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	}

address {
	padding-left: 0.5em;
}

#small{ font-size: 0.5em;
	}