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

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

/* Main body CSS. */

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

/* Individual header CSS. */

h1
{
	margin: 5px 0 0;
	font: 18px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #339966;
}

h2
{
	margin: 5px 0 0;
	font: 18px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
}

h3
{
	margin: 5px 0 0;
	font: 18px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #0000ff;
}

h4
{
	margin: 5px 0 0;
	font: 18px Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #ff0000;
}

/* Miscellaneous CSS. */

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;
}

/* Main layout container body CSS. */

#layout-container
{
	width: 824px;
	height: auto;
	text-align: left;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: center 0px;
}
	
/* Page header CSS. */

#layout-header
{
	width: auto;
	height: 300px;
	background-image: url(../images/layout/header.png);
	background-position: 0px 0px;
}

/* Menu button section CSS. */

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

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

#layout-menu li
{
	float: left;
	width: 114px;
	height: 42px;
	overflow: hidden;
}

/* Main content body section. */

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

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

/* Page footer CSS. */

#layout-footer
{
	clear: left;
	font-size: 10px;
	width: auto;
	height: 35px;
	color: #000000;
	text-align: center;
	background-image: url(../images/layout/main_bottom_bg.png);
	background-repeat: no-repeat;
}

#layout-footer a
{
	font-weight: bold;
	color: #808080;
}

#layout-footer a:visited
{
	font-weight: bold;
	color: #800000;
}

/* Mail section CSS. */

.mailwrapper
{
    text-align: center;
}

.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%;
}