/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #383838;
	background-color: #f0f1f2;
	font-weight: normal;
	padding: 0px 0px 0px 20px;
}
td tr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a, a:link, a:visited, a:active, a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #383838;
	font-weight: normal;
}
h3
{
    font-size: 16px;
    color: #264D6C;
    font-weight: bold;
}
select
{
	border: #a6a6a6 1px solid;
	background-color: #ffffff;
	padding: 1px;
    height: 23px;
}
option
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #383838;
	background-color: #ffffff;
	padding: 1px;
}
textarea
{
	border: #a6a6a6 1px solid;
	background-color: #ffffff;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #383838;
}
input[type="text"], input[type="password"]
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #383838;
	border: #a6a6a6 1px solid;
	background-color: #ffffff;
	padding: 1px;
}
input[type="image"]
{
	border: 0px;
	padding: 0px;
}


.colourarea_header 
{
	padding-top: 5px;
	font-size: 17pt;
	color: #ffffff;
	font-family: Verdana;
}


.mainarea {
	width: 1024px;
	margin-left: 0px;
	padding: 0px;
}
.mainarea-content
{
	margin-top: 25px;
	margin-left: 25px;
	font-size: 15px;
}

.mainarea-content p 
{
	font-size: 15px;
}
.mainarea-content td
{
	margin-top: 0px;
	font-size: 15px;
}


.larger_infotext, .larger_infotext td, .larger_infotext p
{
	font-size: 15px;
	padding-bottom: 10px;
}
.larger_infotext_heading 
{
	font-weight:bold;
	font-size: 18px;
	padding-bottom: 15px;
	padding-top: 0px;
}

.error_text 
{
    font-family: Arial;
	font-size: 15px;
	color:Red;
}


.table_results, .table_results td 
{
	background-color: White;
	border: #a5a5a5 1px solid;
	font-size: 12px;
	font-family: Verdana;
	padding: 5px;
}
.table_results_small, .table_results_small td 
{
	font-size: 10px;
	font-family: Verdana;
	background-color: White;
	border: #a5a5a5 1px solid;
	padding: 5px;
}
.table_tiny, .table_tiny td 
{
	background-color: White;
	border: #a5a5a5 1px solid;
	padding: 0px;
}
.table_results_tiny, .table_results_tiny td 
{
	font-size: 9px;
	font-family: Verdana;
	border: #a5a5a5 1px solid;
	background-color: White;
	padding: 2px;
}
.table_results_header, .table_results_header td 
{
	font-size: 12px;
	font-family: Verdana;
	padding: 5px;
	border: #a5a5a5 1px solid;
	background-color: #a8a8a8;
	color: White;
	font-weight: bold;
}
.table_results_highlighted, .table_results_highlighted td 
{
	font-size: 12px;
	font-family: Verdana;
	padding: 5px;
	border: #a5a5a5 1px solid;
	background-color: #a8a8a8;
	background-color: yellow;
	font-weight: bold;
}
.table_results_subtly_highlighted, .table_results_subtly_highlighted td 
{
	font-size: 12px;
	font-family: Verdana;
	padding: 5px;
	border: #a5a5a5 1px solid;
	background-color: Aqua;
	font-weight: bold;
}
.important_messagebox_colourarea 
{
	width: 760px;
	padding: 10px;
	margin-top: 10px;
	border: red 2px solid;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	color: #282828;
	font-family: Verdana;
}
.calendar_header, div#colourarea-content .calendar_header , div#colourarea-content .calendar_header td
{
    font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #383838;
}
.calendar, .calendar a, .calendar a:link, .calendar a:visited, .calendar a:active , .calendar td, div#colourarea-content .calendar, div#colourarea-content .calendar, div#colourarea-content .calendar_selectedday .calendar {
	font-size: 15px;
	font-family: Verdana;
	background-color: White;
	color: black;
	font-weight: normal;
}
.calendar_selectedday, .calendar_selectedday a, .calendar_selectedday a:link, .calendar_selectedday a:visited, .calendar_selectedday a:active, .calendar_selectedday td,  div#colourarea-content .calendar_selectedday {
	font-size: 16px;
	font-weight: normal;
	background-color: silver;
	color: white;
}
.calendar_dayheader {
	font-size: 14px;
	font-weight: normal;
}
.tab {
	padding: 10px;
	background-color: #d5d5d6;
	color: #6f6e6e;
	font-weight:bold;
	font-size: 1.2em;
	vertical-align: bottom;
	text-align: right;
	width: 120px;
	height: 45px;
	border: 0px;
	cursor: hand;
}
.tab:hover
{
	cursor: pointer;
	border: solid 1px white;
}
.selected_tab {
	padding: 10px;
	background-color: #a5a5a5;
	color: #383838;
	font-weight:bold;
	font-size: 1.2em;
	vertical-align: bottom;
	text-align: right;
	width: 120px;
	height: 45px;
	border: 0px;
	cursor: hand;
}
.selected_tab:hover
{
	border: solid 1px white;
	cursor: pointer;
}



div#headerarea
{
    font-family: Verdana;
	width: 1024px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #f0f1f2;
}
div#logo 
{
	height: 30px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8751A1;
	font-weight: bold;
	font-size: 18px;
	background-image: url(gfx/fw_logo.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

div#menu {
	color: #466d8c;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-top: 0px;
	margin-left: 30px;
	font-size: 14px;
}
div#menu a, div#menu a:link, div#menu a:visited, div#menu a:active{
	font-family: Arial, Helvetica, sans-serif;
	color: #383838;
	font-size: 13px;
}
div#menu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #383838;
	font-weight: bold;
	font-size: 13px;
}

div#topmenu {
	color: #466d8c;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-top: 0px;
	margin-left: 30px;
	font-size: 14px;
}
div#topmenu a, div#topmenu a:link, div#topmenu a:visited, div#topmenu a:active{
	font-family: Arial, Helvetica, sans-serif;
	color: #383838;
	font-size: 13px;
}
div#topmenu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #383838;
	font-weight: bold;
	font-size: 13px;
}

div#colourarea-var2 {
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	background-color: #466d8c;
	margin-left: 0px;
	margin-top: 0px;
}
div#colourarea-var2 a, div#colourarea-var2 a:link, div#colourarea-var2 a:visited, div#colourarea-var2 a:active{
	font-family: Arial, Helvetica, sans-serif;
	color: White;
}
div#colourarea {
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	background-color: #46858c;
	margin-left: 0px;
	margin-top: 0px;
}
div#colourarea-padding 
{
	padding:  2px 0px 5px 0px;
}
div#colourarea-content {
	color: #ffffff;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px;
}
div#colourarea-content td, div#colourarea-content th, div#colourarea-content a 
    , div#colourarea-content a:link , div#colourarea-content a:visited , div#colourarea-content a:active 
{
    font-family: Verdana, Arial;
	color: #ffffff;
	font-size: 12px;
}
div#colourarea-calendar td, div#colourarea-calendar a 
    , div#colourarea-calendar a:link , div#colourarea-calendar a:visited 
    , div#colourarea-calendar a:active 
{
    font-family: Verdana;
	font-size: 15px;
}
div#colourarea-calendar th
{
    font-family: Verdana;
	font-size: 12px;
}


ol, ul {
    list-style: none outside none;
    padding: 0px;
    margin: 0px;
}

.three-boxes li {
    float: left;
    margin-bottom: 5%;
    margin-right: 4%;
    margin-left: 0px;
    padding: 0px;
    position: relative;
    width: 29%;
}

.three-boxes li div {
    display: block;
    height: 100px;
    padding: 10px 8%;
    margin: 0px;
    position: relative;
    text-align: center;
    width: 84%;
    background-color: White;
    border: 1px solid #B7C3D7;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 -2px 0 rgba(58, 78, 103, 0.08) inset, 0 2px 0 rgba(190, 210, 230, 0.5);
}

.three-boxes li h3
{
    margin: 0px;
}

.news-panel 
{
    width:235px; 
    float:left;
    color: White;
    margin-top: 15px;
    padding: 15px;
    background-color: #466D8C;
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-out;
    display: block;
    position: relative;
    border: 1px solid #769DBC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 -2px 0 rgba(58, 78, 103, 0.08) inset, 0 2px 0 rgba(190, 210, 230, 0.5);
}



