/*
** Sections (header, body, footer)
**
** General - universal styles
** Header - styles specific to the header
** Body - styles specific to the main content
** Footer - styles specific to the footer (copyright and legal notices)
** Input - form styles
** Features - styles for features such as menus and floats
**
** The following classes are used like id tags (which are only used for
** javascript and internal links) and therefore should only appear once
** in the template.
** header, body, footer
*/

/*
** General section
*/

body{
	background: #f7f7f7;
	font-family: Arial, sans-serif;
	margin: 0px;
}

img {
	border: 0px;
}

table{
	margin: 0px;
	padding: 0px;
}

th{
	font-size: 15px;
        color: #da1b17;
}

/*
** The height here specifies the minimum height of the page and therefore
** the minimum height of the copyright notices.  A value of 100% will keep
** notices at the bottom.
*/
table.page{
	height: 350px; width: 570px;
	table-layout: fixed;
	vertical-align: top;
}

/*
** Header section
*/

.header{
	height: 20px; width: 100%;
	color: #ffffff;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
	vertical-align: middle;
	padding-left: 7px;
	background: url('../images/page_header_background.png') repeat-y;
}

/*
** Body section
*/

.body{
	height: 100%; width: 100%;
	vertical-align: top;
	color: #003763;
	font-size: 12px;
}

/* The page header replaces the h1 tag.  This tag should
** only be used on pages without a header. */
.body h1{
        color: #da1b17;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
}

.body h2{
	padding: 0px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 7px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}

.body h3{
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}

.body hr{
	height: 1px; width: 100%;
	color: #dfdfdf;
	background-color: #dfdfdf;
	border: 0px;
}

.body ol{
	color: #003763;
	margin-top: 0px;
}

.body p{
	margin-top: 1em;
	margin-bottom: 1em;
}

.body td{
	color: #003763;
	font-size: 12px;
}

.body ul{
	color: #003763;
	margin-top: 0px;
}

.body a{
	color: #003763;
	font-size: 12px;
}
.body a:visited{
	color: #6f6f6f;
}
.body a:hover{
	color: #cc001d;
}

/*
** Footer section
*/

.footer{
	color: #7f7f7f;
	border-top: 1px solid #dfdfdf;
	font-size: 11px;
}

.footer p{
	margin: 0px;
	padding: 0px;
}

.footer a{
	color: #7f7f7f;
	font-size: 11px;
	text-decoration: none;
}
.footer a:hover{
	color: #cc001d;
}

/*
** Input section
*/

input.text{
	height: 20px;
	font-size: 14px;
	border: 1px solid #afafaf;
}
input.button{
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #003763;
	background: #cc001d;
}

/*
** Features section
*/

.left{
	text-align: left;
}

.centre{
	text-align: center;
}

.right{
	text-align: right;
}

.grey{
	color: #7f7f7f;
}
.red{
        color: #da1b17;
}
.blue{
	color: #003763;
}

.wide{
	width: 100%;
}

.border{
	border: 1px solid #003763;
}


span.left, div.left{
	float: left;
}

span.right, div.right{
	float: right;
}

ul.menu{
	padding: 5px;
	margin: 0px;
	border: 1px solid #7f7f7f;
	background: white;
	list-style-type: none;
}
ul.menu li{
	padding: 5px 0px 5px 0px;
}