﻿body
{
	min-width: 600px;
	font-family: 'Times New Roman';
	background: none;
	text-align: left;
	padding: 5px;
	color: Black;
	font-size: 100%;
}
img { border: 0; }

/*header area*/

/* 2 column right menu settings */

.hdrcolmask
{
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100% !important; /* width of whole page */
	overflow: hidden;
}
.hdrright .hdrcolleft
{
	float: left;
	width: 200%;
	margin-left: -200px;
	position: relative;
	right: 100%;
}
.hdrright .hdrcol1wrap
{
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
}
.hdrright .hdrcol1
{
	margin: 0 0 0 210px;	
}
.hdrright .hdrcol2
{
	float: right;
	width: 200px;
	position: relative;
	left: 205px;	
}

#hdrRight
{
	padding: 0;
	z-index: 300;
}

#headerItemsWrap
{
	margin: 0 205px 0 0;
}
.headerItems
{
	margin: auto;
	border-right: solid 4px #FFFFFF !important;
}
.headerItemsBorder
{
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}
#headerCtrls
{
	padding-left: 4px;
}
.headerLogo img
{
	padding: 0 5px 0px 5px;
	display: block;
}
.headerTitles
{
	padding: 0 0 5px 10px;
}

#langPanel
{
	z-index: 200;
	width: 190px;
}
.langPnl
{
	display: block;
	width: 96%;
	padding: 2px;
	font-family: Tahoma;
	font-size: 10pt;
	background-color: #FFFFFF !important;
	border: solid 1px Silver;
	margin-bottom: 3px;
}
#langPanel img, #langPanel input, #langDrop img, #langDrop input
{
	height: 15px;
	width: 20px;
}
#search #srcImageButton
{
	position: absolute;
}

.srchLength
{
	font-family: Verdana, Tahoma, Arial, 'Times New Roman';
	font-size: x-small;
	min-height: 15px;
}
.bookmark
{
	padding: 3px 0 0 0;
}
#topNavContainer
{
	clear: both;
	position: relative;
	top: 10px;
	z-index: 110;
	min-height: 20px;
}
#topMenu, #bottomMenu
{
	margin: auto;
}
#topMenu td, #bottomMenu td
{
	width: 0px !important;
	padding: 0 5px 0 0;
}
.menuItem a
{
	display: block;
	width: 100%;
	white-space: normal !important;
}
.menuItem img
{
	padding: 0 5px 0 5px;
}
#topNav
{
	width: 84%;
}
#topNavRight
{
	clear:both;
	float: right;
	width: 200px;
	position: absolute;
	top: -4px;
	right: 0px;
}

.warning
{
	font-family: Verdana, Calibri, Arial, Tahoma;
	font-size: small;
	font-weight: bold;
	color: Red;
	padding-bottom: 10px;
}

/*header area end*/

/*main body columns*/

/* column container */
.colmask
{
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden;
	top: 20px;
}
/* holy grail 3 column settings */
.holygrail .colmid
{
	float: left;
	width: 200%;
	margin-left: -200px; /* Width of right column */
	position: relative;
	right: 100%;
	background: #fff; /* background colour */
}
.holygrail .colleft
{
	float: left;
	width: 100%;
	margin-left: -50%;
	position: relative;
	left: 400px; /* Left column width + right column width */
	background: #FFD8B7; /* Left column background colour */
}
.holygrail .col1wrap
{
	float: left;
	width: 50%;
	position: relative;
	right: 200px; /* Width of left column */
}
.holygrail .col1
{
	margin: 0 205px; /* Centre column side padding:                             	Left padding = left column width + centre column left padding width                             	Right padding = right column width + centre column right padding width */
	position: relative;
	left: 200%;
	overflow: hidden;
	min-height: 350px;
}
.holygrail .col2
{
	float: left;
	float: right; /* This overrides the float:left above */
	width: 180px; /* Width of left column content (left column width minus left and right padding) */
	position: relative;
	top: 5px;
	right: 10px; /* Width of the left-had side padding on the left column */
}
.holygrail .col3
{
	float: left;
	float: right; /* This overrides the float:left above */
	width: 200px; /* Width of right column content (right column width minus left and right padding) */
	margin-right: 20px; /* Width of right column right-hand padding + left column left and right padding */
	position: relative;
	left: 50%;
}

#leftMenu
{
	min-width: 150px !important;
	width: 100% !important;
}
/*main body columns end*/
.bottomRegion
{
	clear:both;
	background-color: #FFFFFF;
}

#bottomNavContainer
{
	clear: both;
	position: relative;
	top: 10px;	
	width: 100%;
}

.opaqueMenuBtn
{
	opacity: 0.75;
}
.opaqueMenuBtn:hover
{
	opacity: 1;
}

.autoBtn
{
	border: solid 2px !important;
	border-color: #CCCCCC #808080 #808080 #CCCCCC !important;
	text-align: center;
	min-width: 135px;
	margin: 1px;
}
.autoBtnImg
{
	border: solid 2px !important;
	border-color: #CCCCCC #808080 #808080 #CCCCCC !important;
	min-width: 135px;
	margin: 1px;
}
.autoBtn:hover, .autoBtnImg:hover
{
	border-color: #808080 #CCCCCC #CCCCCC #808080 !important;
}
.autoBtn a, .autoBtn td, .autoBtnImg a, .autoBtnImg td
{
	border-style: none !important;	
}

#footer
{
	clear: both;
	background: none;
	border-top: none;
	padding: 0;
	position: relative;
	top: 10px;
}

#siteFooter
{
	text-align: center;
	margin-top: 15px;
}
#footer p
{
	padding: 10px;
	margin: 0;
	font-family: Verdana, Arial, Tahoma;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	height: 20px;
}

.lastEdit
{
	float: right;
	position: absolute;
	right: 35px;
	text-align: right;
	font-weight: normal;
}
