/* ///////////////////////////////////////////////////////////////////////////
   // Title		-	Stylesheet for Knollside Lodge
   // Author	-	Francis Lillie
   // Media		-	Screen
   // Date		-	24/07/2008
   /////////////////////////////////////////////////////////////////////////// */

* /* Universal selector */
{
	margin: 0 auto;
	padding: 0;
}

body
{
	padding: 30px 0;
	font: 12px Papyrus, Verdana, Arial, sans-serif;
	text-align:	center;
	background-image: url(../images/layout/layout_bg.jpg);
	color: #444;
	line-height: 18px;
}

h1
{
	margin: 10px 0 0;
	font: 24px Papyrus, Arial, Helvetica, sans-serif;
	color: #4E5974;
/*	text-align: right;*/
}

h2
{
	margin: 10px 0 0;
	font: 18px Papyrus, Arial, Helvetica, sans-serif;
	color: #4E5974;
/*	text-align: right;*/
}

h3
{
	margin:	0 0 5px;
	font-weight: normal;
	font-size: 10px;
	color: #AA8F8F;
/*	text-align: right;*/
}

pre, .code
{
	font: 12px "Courier New", Courier, monospace;
	color: #060;
}

pre
{
	width: 85%;
	margin: 8px 10px;
	padding: 5px;
	background: #FFF;
	left: 40px;
	position: relative;
	border:	1px dashed #D5D3C6;
}

a, a:visited
{
	font-weight: bold;
	color: #000000;
/*	text-decoration: none;
	border-bottom: 1px dashed;*/
}

a:hover
{
	color: #FF0000;
}

#layout-container
{
	width: 824px;
	height: auto;
	text-align: left;
	background-image: url(../images/layout/layout_border.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: center 0px;
}
	
#layout-header
{
	width: auto;
	height: 160px;
	background-image: url(../images/layout/layout_header_3.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
}

#layout-menu
{
	width: auto;
	height: 60px;
	background-image: url(../images/layout/menu_bg.jpg);
}

#layout-menu ul
{
	list-style-type: none;
	padding-left: 40px;
	width: 824px;
}

#layout-menu li
{
	float: left;
	width: 124px;
	height: 52px;
}

#layout-menu li a
{
	display: block;
	height: 52px;
	width: 124px;
	overflow:hidden;
}

#layout-menu li a:hover
{
	display: block;
	text-indent: -124px;
}

#layout-title
{
	width: 100%;
	/*padding-bottom: 15px;*/
	padding-top: 15px;
	background-image: url(../images/layout/main_bg.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#layout-title p
{
	width: 100%;
	text-align:	center;
	width: 86%;
	font: 16px Papyrus, Verdana, Arial, sans-serif;
	font-weight: bold;
}

#layout-main
{
	width: 100%;
	text-align:	center;
	padding-bottom: 15px;
	padding-top: 15px;
	background-image: url(../images/layout/main_bg.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#layout-main p
{
	padding: 3px 0;
	text-align:	center;
	width: 86%;
}

#layout-footer
{
	clear: left;
	font-size: 10px;
	width: auto;
	height: 30px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(../images/layout/layout_footer.jpg);
	background-repeat: no-repeat;
}
#layout-footer a
{
	font-weight: bold;
	color: #ffffff;
}
#layout-footer a:visited
{
	font-weight: bold;
	color: #ffffff;
}

#compliance-container
{
	width: 824px;
	height: 31px;
	text-align: center;
}

#compliance-menu
{
	width: auto;
	height: 44px;
}

#compliance-menu ul
{
	list-style-type: none;
	padding-left: 368px;
}

#compliance-menu li
{
	float: left;
	width: 88px;
	height: 31px;
}

.mailwrapper {
    text-align: center;
}

.commentdiv {
    margin: 0 auto 0 auto;
    text-align: center;
    width: 86%;
    font-family: Papyrus, Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 90%;*/
}

.maildiv {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 86%;
    font-family: Papyrus, Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 90%;*/
}
.maildiv form {
    text-align: left;
}
.maildiv label {
    /* used for right side captions */
    vertical-align: top;
    padding: 0 0 0 3px;
}

.maildiv .sidelbl {
    /* used for left side labels */
    /*fgl width: 95px;*/
    width: 80px;
    text-align: right;
    padding: 0 10px 0 0;
    vertical-align: top;
    position: relative;
    display: block; 
    float: left; 
    clear: left;
}
.maildiv a {
    color: #005ABE;
}
.maildiv h2 {
    color: #005ABE;
    font-size: 120%;
}
.maildiv input {
    margin-bottom: 10px;

}
.maildiv select {
    margin-bottom: 10px;

}
.maildiv textarea {
    margin-bottom: 10px;

}
.maildiv .ver_img {
    padding: 0;
    margin: 0 0 10px 10px;
    vertical-align:bottom;  
    border: 1px solid #005ABE; 
}
.maildiv fieldset {
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
}
.maildiv .legendspacing {
    height: 10px;
}
.maildiv .fmcredits {
    float: left;
    font-size: 90%;
}
.maildiv .fmsubmit {
    text-align: center;
}
.maildiv .fmrequired {
    color: #005ABE;
    font-size: 90%; 
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}
.maildiv .fmspacer {
    height: 10px;
}

.maildiv .fminfofull {
    padding: 0 10px 0 10px;
    color: #005ABE;
    margin-bottom: 15px;
}
.maildiv .fminfohalf {
    padding: 0 10px 0 10px;
    color: #005ABE;
    margin-left: 110px;
    margin-bottom: 15px;
}
.maildiv .fmerrorbox {
    text-align: left;
}
.maildiv li {
    margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
    color: #FF0000;
    font-size: 120%;
}

#tarrif-container
{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	padding: 0px;
}

#tarrif-l
{
	width: 295px;
	padding:0px;
	float: left;
	text-align: right;
}

#tarrif-c
{
	width: 10px;
	padding:0px;
	float: left;
}

#tarrif-r
{
	width: 295px;
	padding:0px;
	float: left;
	text-align: left;
}

#general-container
{
	width: 720px;
	height: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	padding: 0px;
}

#general-l
{
	width: 390px;
	height: 100%;
	padding:0px;
	float: left;
	text-align: right;
}

#general-c
{
	width: 10px;
	height: 100%;
	padding:0px;
	float: left;
}

#general-r
{
	width: 320px;
	height: 100%;
	padding:0px;
	float: left;
	text-align: left;
}

#general-vacancy
{
	width: 720px;
	height: 100%;
	padding:0px;
	float: left;
	text-align: center;
}

//----------------------
// Calendar CSS control.
//----------------------

body2 {
	font-family: Helvetica;
	background: white;
	text-align: center;
	background: url(../eventcal/img/body.png) repeat-x;
}
body2 h1 {
	padding-top: 20px;
	font-size: 26px;
	color: #335;
}
table {
	border-collapse: separate;
	border: 1px solid #9DABCE;
	border-width: 0px 0px 1px 1px;
	margin: 10px auto;
	font-size: 16px;
}
td, th {
	width: 41px;
	height: 41px;
	text-align: center;
	vertical-align: middle;
	background: url(../eventcal/img/cells_new.png);
	color: #444;
	position: relative;
}
table.normal
{
	font-size: inherit;
}
td.normal
{
	background: none;
	width: auto;
	height: auto;
}
th.normal
{
	background: none;
	width: auto;
	height: auto;
}
th {
	height: 30px;
	font-weight: bold;
	font-size: 14px;
}
td:hover, th:hover {
	background-position: 0px -41px;
	color: #222;
}
td.date_has_event {
	background-position: 82px 0px;
	color: white;
}
td.date_has_event:hover {
	background-position: 82px -41px;
}
td.padding {
	background: url(../eventcal/img/calpad.jpg);
}
td.today {
	background-position: 41px 0px;
	color: white;
}
td.today:hover {
	background-position: 41px -41px;
}
.events {
	position: relative;
}
.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(../eventcal/img/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
	padding-bottom: 5px;
}
.events li span {
	display: block;
	font-size: 12px;
	text-align: justify;
	color: #555;
}
.events li span.title {
	font-weight: bold;
	color: #222;
}

th a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color: #000;
outline-width:0;
}

//----------------------------------
// The eight date has event classes.
//----------------------------------

td.date_has_event0
{
	background-position: 0px 0px;
	color: white;
}
td.date_has_event0:hover
{
	background-position: 0px -41px;
}

td.date_has_event1
{
	background-position: -41px 0px;
	color: white;
}
td.date_has_event1:hover
{
	background-position: -41px -41px;
}

td.date_has_event2
{
	background-position: -82px 0px;
	color: white;
}
td.date_has_event2:hover
{
	background-position: -82px -41px;
}

td.date_has_event3
{
	background-position: -123px 0px;
	color: white;
}
td.date_has_event3:hover
{
	background-position: -123px -41px;
}

td.date_has_event4
{
	background-position: -164px 0px;
	color: white;
}
td.date_has_event4:hover
{
	background-position: -164px -41px;
}

td.date_has_event5
{
	background-position: -205px 0px;
	color: white;
}
td.date_has_event5:hover
{
	background-position: -205px -41px;
}

td.date_has_event6
{
	background-position: -246px 0px;
	color: white;
}
td.date_has_event6:hover
{
	background-position: -246px -41px;
}

td.date_has_event7
{
	background-position: -287px 0px;
	color: white;
}
td.date_has_event7:hover
{
	background-position: -287px -41px;
}

//----------------------------------------
// The eight today date has event classes.
//----------------------------------------

td.today_date_has_event0
{
	background-position: -328px 0px;
	color: white;
}
td.today_date_has_event0:hover
{
	background-position: -328px -41px;
}

td.today_date_has_event1
{
	background-position: -369px 0px;
	color: white;
}
td.today_date_has_event1:hover
{
	background-position: -369px -41px;
}

td.today_date_has_event2
{
	background-position: -410px 0px;
	color: white;
}
td.today_date_has_event2:hover
{
	background-position: -410px -41px;
}

td.today_date_has_event3
{
	background-position: -451px 0px;
	color: white;
}
td.today_date_has_event3:hover
{
	background-position: -451px -41px;
}

td.today_date_has_event4
{
	background-position: -492px 0px;
	color: white;
}
td.today_date_has_event4:hover
{
	background-position: -492px -41px;
}

td.today_date_has_event5
{
	background-position: -533px 0px;
	color: white;
}
td.today_date_has_event5:hover
{
	background-position: -533px -41px;
}

td.today_date_has_event6
{
	background-position: -574px 0px;
	color: white;
}
td.today_date_has_event6:hover
{
	background-position: -574px -41px;
}

td.today_date_has_event7
{
	background-position: -615px 0px;
	color: white;
}
td.today_date_has_event7:hover
{
	background-position: -615px -41px;
}