/* CSS general -------------------------------------------------------------------------------------------- */
body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	height: 100%;
}

html, body, #tablebase {
	height:100%;
	margin: 0;
	padding: 0;
}



/* CSS layout tables -------------------------------------------------------------------------------------- */
#tablebase {
	height: 100%;
	min-height: 100%;
}


#tablebase_col1 {
	width: 160px;
	background-color: #005cb8;
	background-image: url(images/bg_nav.jpg);
	background-repeat: repeat-x;
}
#tablebase_col1_red {
	width: 160px;
	background-color: #990000;
	background-image: url(images/bg_nav-red.jpg);
	background-repeat: repeat-x;
}
#tablebase_col1_green {
	width: 160px;
	background-color: #006600;
	background-image: url(images/bg_nav-green.jpg);
	background-repeat: repeat-x;
}
#tablebase_col1_amber {
	width: 160px;
	background-color: #cc6600;
	background-image: url(images/bg_nav-amber.jpg);
	background-repeat: repeat-x;
}



#tablebase_col2 {
	width: 590px;
	background-color: #FFFFFF;
}



#tablebase_bottom {
}


#tablemain {
	width: 580px;
	position: relative;
	top: 0px;
	left: 10px;
	height: 100px;
}
.tablemain_row1 {
	height: 47px;	
}
.tablemain_row3 {
	height: 20px;	
}
.tablemain_col2 {
	width: 20px;	
}
#tablemain_content_home {
	width: 380px;
	position: relative;
	top: 0px;
	height: 350px;
}
#tablemain_rightcol {
	width: 180px;
	position: relative;
	top: 0px;
	height: 350px;
}


#tablemain_gallery {
	width: 580px;
	position: relative;
	top: 10px;
	left: 10px;
	height: 100px;
}





/* CSS layout divs -------------------------------------------------------------------------------------- */
#piclinks_centre {
	width: 180px;
	margin-bottom: 10px;
	float: left;
	margin-left: 20px;
}

#piclinks_left {
	width: 180px;
	margin-bottom: 10px;
	float: left;
}

.piclinks_right {
	width: 180px;
	margin-bottom: 10px;
	position: relative;
}
.image_border {
	border: 1px solid #000066;

}

#bottom {
	bottom: 0px;
	position: relative;
	width: 590px;
	vertical-align: bottom;
	text-align: center;
	color: #0099FF;
	font-weight: 400;
	margin-bottom: 10px;
}

.bottomnav {
	color: #99CCFF;
	font-weight: 400;
}

.imagebox_text_1 {
	position: relative;
	text-align: left;
	font-size: 100%;
	width: 235px;
	color: #000066;
	top: 5px;
	padding-right: 5px;
	height: 105px;
	padding-left: 5px;
	float: left;
}
.image_text_box_1 {
	margin-bottom: 10px;
	position: relative;
	width: 378px;
	border-color: #000066;
	border-style: solid;
	border-width: 1px;
	height: 120px;
}


#content_area_main {
	margin-bottom: 10px;
	position: relative;
	text-align: left;
	border-color: #000066;
	border: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width: 378px;
}

#content_area_top {
	margin-bottom: 20px;
	position: relative;
	text-align: left;
	border-color: #000066;
	border: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width: 378px;
}

#content_area_top_gallery {
	margin-bottom: 20px;
	position: relative;
	text-align: left;
	border-color: #000066;
	border: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	width: 580px;
}

.content_area_main2 {
	margin-bottom: 10px;
	position: relative;
	text-align: left;
	border-color: #000066;
	border: 1px;
	border-style: solid;
	width: 378px;
}

#content_centre_pic_home {
	margin-bottom: 20px;
	position: relative;
	width: 380px;
}

.content_centre_pic {
	margin-bottom: 20px;
	position: relative;
	width: 378px;
	border-color: #000066;
	border-style: solid;
	border-width: 1px;
	text-align: center;
}

.content_gallery_pic {
	margin-bottom: 20px;
	position: relative;
	border-color: #000066;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	min-width: 50px;
	min-height: 50px;
}

.content_centre_pic2 {
	margin-bottom: 10px;
	position: relative;
	width: 378px;
	border-color: #000066;
	border-style: solid;
	border-width: 1px;
}

.centre_menu_pic {
	margin-bottom: 20px;
	position: relative;
	width: 380px;
	border-color: #000066;
	border-style: solid;
	border-width: 0px;
}

.content_inner_pic {
	margin-bottom: 20px;
	position: relative;
	border-color: #000066;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
}

#content_div_top {
	position: relative;
	width: 380px;
}

#content_div_top_gallery {
	position: relative;
	width: 580px;
}


.content_div {
	margin-bottom: 20px;
	position: relative;
	width: 380px;
	border-color: #000099;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#sidenav_container {
	width: 160px;
	position: relative;
	top: 60px;
}

.image_thumbnail_box {
	margin-bottom: 10px;
	position: relative;
	width: 378px;
	border-color: #000066;
	border-style: solid;
	border-width: 1px;
	float: left;
	min-height: 120px;
}


#topnav {
	width: 580px;
	text-align: right;
	vertical-align: middle;
	color: #0066CC;
	position: relative;
}

#topnav_gallery {
	width: 580px;
	text-align: left;
	vertical-align: middle;
	position: relative;
}

.text_area_1 {
	position: relative;
	text-align: left;
	font-size: 100%;
	width: 368px;
	color: #000066;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	top: 10px;
}

.text_area_gallery {
	position: relative;
	text-align: left;
	font-size: 100%;
	width: 500px;
	color: #000066;
	padding-right: 5px;
	padding-left: 5px;
}

.text_area_right {
	position: relative;
	text-align: left;
	font-size: 100%;
	width: 170px;
	margin-bottom: 10px;
	color: #000066;
	padding-right: 10px;
	top: 10px;
}

.half_columnwidth {
	width: 175px;
	float: left;
	position: relative;
	margin-bottom: 20px;
}




/* CSS text formatting ----------------------------------------------------------------------------------- */
.bold {
	font-style: normal;
	font-weight: 700;
}

.heading_page {
	font-size: 190%;
	font-style: normal;
	font-weight: 400;
	background-color: #FFFFFF;
	text-align: left;
	margin-top: 0px;
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
}

.heading1 {
	font-size: 120%;
	font-style: normal;
	font-weight: 700;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1.8ex;
	text-transform: uppercase;
}

.heading2 {
	font-size: 120%;
	font-style: normal;
	font-weight: 700;
	background-color: #FFFFFF;
	text-align: left;
	color: #0066cc;
	margin-top: 0ex;
	margin-bottom: 0ex;
	text-transform: capitalize;
}

.heading3 {
	font-size: 100%;
	font-style: normal;
	font-weight: 700;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1.8ex;
	text-transform: uppercase;
}

.heading4 {
	font-size: 100%;
	font-style: normal;
	font-weight: 700;
	background-color: #FFFFFF;
	text-align: left;
	color: #0066cc;
	margin-top: 0ex;
	margin-bottom: 0ex;
	text-transform: capitalize;
}


.italic {
	font-style: italic;
	font-weight: 400;
}


.text_999999 {
	color: #999999;
}



.text_red {
	color: #CC0000;
	text-decoration: none;
}
.text_redbold {
color: #CC0000;
	text-decoration: none;
	font-weight: 700;
}

.text_area_1 li {
	color: #000066;
	list-style-image: url(images/sq.gif);
}

.text_blue_bold {
	font-size: 100%;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	color: #0066cc;
}




/* CSS link formatting -------------------------------------------------------------------------------------- */
.bold a:link, .bold a:visited, .bold a:active {
	color: #000066;
	text-decoration: none;
}
.bold a:hover {
	color: #000066;
	text-decoration: underline;
}

.imagebox_text_1 a:link, .imagebox_text_1 a:visited, .imagebox_text_1 a:active {
	text-decoration: underline;
	color: #000066;
	font-weight: 700;
}
.imagebox_text_1 a:hover {
	text-decoration: underline;
	color: #0066CC;
		font-weight: 700;
}


#bottom a:link, #bottom a:visited, #bottom a:active {
	color: #0099FF;
	text-decoration: none;
}
#bottom a:hover {
	color: #0066cc;
	text-decoration: underline;
}

.bottomnav a:link, .bottomnav a:visited, .bottomnav a:active {
	color: #99ccff;
	text-decoration: none;
}
.bottomnav a:hover {
	color: #0066cc;
	text-decoration: underline;
}


.heading4 a:link, .heading4 a:visited, .heading4 a:active {
	font-size: 100%;
	font-style: normal;
	font-weight: 700;
	color: #0066cc !important;
	text-decoration: underline;
}
.heading4 a:hover {
	font-size: 100%;
	font-style: normal;
	font-weight: 700;
	color: #0066cc;
	text-decoration: underline;
}
a.heading4:link, a.heading4:visited, a.heading4:active {
	font-size: 100%;
	font-style: normal;
	font-weight: 700;
	color: #0066cc !important;
	text-decoration: none;
}
a.heading4:hover {
	font-size: 100%;
	font-style: normal;
	font-weight: 700;
	color: #0066cc;
	text-decoration: underline;
}



.navtop_red a:link, .navtop_red a:visited, .navtop_red a:active {
	font-weight: 700;
	text-align: left;
	color: #CC0000;
	text-decoration: none;
}
.navtop_red a:hover {
	font-weight: 700;
	text-align: left;
	color: #CC0000;
	text-decoration: underline;
}


.text_area_1 a:link, .text_area_1 a:visited, .text_area_1 a:active {
	text-decoration: underline;
	color: #000066;
}
.text_area_1 a:hover {
	text-decoration: underline;
	color: #0066CC;
}


a.link000066:link, a.link000066:visited, a.link000066:active {
	text-decoration: underline;
	color: #000066;
}
a.link000066:hover {
	text-decoration: underline;
	color: #0066CC;
}


.text_area_right a:link, .text_area_right a:visited, .text_area_right a:active {
	text-decoration: underline;
	color: #000066;
}
.text_area_right a:hover {
	text-decoration: underline;
	color: #0066CC;
}


.text_red a:link, .text_red a:visited, .text_red a:active {
	text-decoration: none;
}
.text_red a:hover {
	text-decoration: underline;
}




.text_redbold a:link, .text_redbold a:visited, .text_redbold a:active {
	text-decoration: none;
}
.text_redbold a:hover {
	text-decoration: underline;
}


#topnav a:link, #topnav a:visited, #topnav a:active {
	text-decoration: none;
	color: #0066CC;
}
#topnav a:hover {
	text-decoration: underline;
	color: #0066CC;
}





/* CSS image formatting ------------------------------------------------------------------------------------ */
.content_areas_412line {
	margin: 2px;
	margin-top: 20px;
	position: relative;
	vertical-align: top;
	text-align: right;
}

.content_areas_170line {
	margin: 2px;
	margin-top: 20px;
	position: relative;
	vertical-align: top;
	text-align: left;
}

.imagebox_image_1 {
	float: left;
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
}

.image_thumbnails {
	float: left;
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 3px;
	top: 0px;
	left: 0px;
}

#logo_navcolumn {
	text-align: center;
	position: relative;
	top: 25px;
	left: 5px;
	width: 148px;
	height: 62px;
}

.pagetitles {
	margin-bottom: 20px;
	width: 350px;
	height: 55px;
	position: relative;
	top: 5px;
	left: 4px;
}
.pagetitles_alt {
	margin-bottom: 10px;
	width: 350px;
	height: 55px;
	position: relative;
	top: 5px;
	left: 4px;
}





/* CSS colour only formatting -------------------------------------------------------------------------------- */
.bg_cccccc {
	background-color: #CCCCCC;
}

.bg_f2f2f2 {
	background-color: #f2f2f2;
}




/* CSS datatable formatting -------------------------------------------------------------------------------- */
table#datatable {
	background-color:#FFFFFF;
	width: 100%;
	border: solid #CCCCCC 1px;

}

table#datatable td {
}

.datatable_dataleft {
	color: #333333;
	text-align: left;
	background-color: #FFFFFF;
	font-weight: 400;

}
.datatable_data {
	color: #333333;
	text-align: center;
	background-color: #FFFFFF;
	font-weight: 400;
}
.datatable_dataright {
	color: #333333;
	text-align: center;
	background-color: #FFFFFF;
	font-weight: 700;
}

.datatable_toprow {
	font-style: normal;
	text-align: center;
	background-color: #CCCCCC;
	font-size: 120%;
	font-weight: 700;
	line-height: 1.5em;
}

.datatable_white_bold {
	color: #FFFFFF;
	font-weight: 700;
	padding: 5px;
}





/* CSS form formatting --------------------------------------------------------------------------------------- */
.input-box {
	color: #0066CC;
	border: #0066CC solid 1px;
	background-color: #FFFFFF;
	width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-bottom: 5px;
}
.input-box-300 {
	color: #CC0000;
	border: #CC0000 solid 1px;
	background-color: #FFFFFF;
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
.submit-button {	
	color: #0066CC;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border: 2px #ffffff outset;
}

.drop-box {
	color: #FFFFFF;
	border: #CC0000 solid 1px;
	background-color: #0066CC;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

.buttonalign {
	margin-right: 25px;
	margin-top: 10px;
}

#contentform {
	width: 358px;
	text-align: left;
	float: none;
}
