<!--

/*

	layout.css
	==========
	This style sheet should be used for layout only. i.e. you can use this
	to define how the containers are positioned on the page, but not how they
	will actually look (colours, borders.e.t.c). Typical CSS properties you
	may use within this sheet are:

	width, height, margin, padding, position, display, float etc.

*/

/*--------------------------------------------------
	STANDARD CONTAINERS
--------------------------------------------------*/

body {
	margin: 0;
	background-image: url(../images/bg.jpg);
}

div#background {
	width: 100%;
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


div#container {
	width: 770px;
	margin: 0 auto;
	padding: 0;
}

div#header {

}

div#headerblock {
	float: right;
}

div#awards {
	float: right;
	padding: 14px 0 0 0;
	width: 500px;
	text-align: right;
}

div#list {
	float: right;
	clear: right;
	font-size: 1.2em;
	margin: 37px 0 0 0;
	width: 500px;
	text-align: right;
}

div#list a {
	text-decoration: none;
	color: #000000;
}

div#list a:hover {
	text-decoration: underline;

}

div#logo {
	float: left;
	position: absolute;
}

div#content {
	padding: 20px 0 0 30px;
}

div#column1 {
	float: left;
	width: 530px;
	min-height: 400px;
	_height: 400px;
}

div#column1.fullwidth {

}

div#column2 {
	width: 180px;
	float: right;
	padding: 0;
}

div#footer {
	height: 50px;
	clear: both;
	padding: 10px 0 0 30px;
	font-size: 0.9em;
}

/*--------------------------------------------------
	FONTS
--------------------------------------------------*/

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 76%;
}

/*--------------------------------------------------
	HEADERS
--------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.6em 0;
}

h1 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	letter-spacing: -0.03em;
	font-weight: normal;
	color: #752121;
	font-size: 1.9em;
}
h2, h3 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	letter-spacing: -0.03em;
	font-weight: normal;
	color: #4a0e0e;
	font-size: 1.5em;
	margin: 0 0 0.3em 0;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

h4 {
	font-size: 1.4em;
}
h5 {

}
h6 {

}

/*--------------------------------------------------
	LINKS
--------------------------------------------------*/

a {
	color: #721e1e;
}

a:hover {
	text-decoration: none;
}

a:visited {

}

a:active {
	
}

/* Custom Link Formatting : Header */

div#header a {

}

div#header a:hover {

}

/* Custom Link Formatting : Footer */

div#footer a {

}

div#footer a:hover {

}

/*--------------------------------------------------
	PARAGRAPHS
--------------------------------------------------*/

div#column2 p {
	font-size: 0.9em;
	display: block;
	margin: 0 0 5px 0;
	padding: 6px 10px 10px 10px;
	background-image: url(../images/arrow.gif);
	background-position: top right;
	background-repeat: no-repeat;
}


div#column2 a {
	color: #000000;
	text-decoration: none;
	display: block;
	position: relative;
}

div#column2 a:hover {
	text-decoration: underline;
}

div#column2 p strong {
	color: #721e1e;
}


div#column2 p.specialOffer {
	background-image: url(../images/special-offer.gif);
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding-right: 20px;
}


p {
	margin: 0 0 0.8em 0;
}

/* Specify line height here so that lists adopt same style */

p, li {
	line-height: 1.44em;
}

/*--------------------------------------------------
	LISTS
--------------------------------------------------*/

div#content li {

}

div#content ul {

}

div#content ul li {

}

div#content ol {

}

div#content ol li {

}

/*--------------------------------------------------
	IMAGES
--------------------------------------------------*/

img {
	border: 0;
}

div#header img {

}

div#content img {
	border: 2px solid #ffffff;
}

div#column1 img {

}

div#column2 img {

}

div#footer img {

}

/*--------------------------------------------------
	FORMS
--------------------------------------------------*/

form {
	margin: 0 0 0.8em 0;
	padding: 10px;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	font-weight: bold;
}

label {
	display: block;
	width: 30%;
	float: left;
}

div.mandatory label {
	font-weight: bold;
}

input, textarea, select {

}

select {

}

form div.item {
	padding: 0 0 10px 0;
	overflow: hidden;
	width: 100%;
}

form div.field {
	display: block;
	width: 60%;
	float: left;
}

fieldset#buttons {
	text-align: right;
}

fieldset#buttons input {
	margin-left: 10px;
	color: #000;
}

form div.on {

}

form div.off {

}

/*--------------------------------------------------
	TABLES
--------------------------------------------------*/

table {
	border-collapse: collapse;
	border: 3px solid #ffffff;
	margin: 0 0 15px 0;
	width: 100%;
}

tr {

}

tr.r1 td {
	font-weight: bold;
}

th, td {
	padding: 4px 5px 4px 5px;
	vertical-align: top;
}

th {
}

td {
	border-top: 1px solid #dbc274;
}

thead {
	background-color: #dbc274;
	font-weight: bold;
}

tbody {
}
tfoot {
	background-color: #e5d39b;
	font-weight: bold;
}
tfoot td {
	border-top: 2px solid #FFFFFF;
	padding: 5px;
}

/*--------------------------------------------------
	HORIZONTAL RULES
--------------------------------------------------*/

hr, div.hr {
	border-bottom: 1px solid #C3C3C3;
	margin: 10px 0;
}

div.dynamicLinks {
	padding: 0 0 10px 0;
}


-->