/* CSS Document */
div#container {
	width: 678px ;
	margin: 0px auto ;   /* align centre for good browsers */
	
	text-align: left ;   /* counter the body center, which is used to make IE align centre */
	/*
	border: 1px solid #000 ;
	*/
}
.accessOnly {
	display:none;
}

/* Begin Header */
div#headingcontainer {
	width: 100% ;
}
div#headingcontainer img { 
	text-align: right ;
	border: 0px ;
}
div#countryname {
	width: 100% ;
}
div#countryname h1 { 
	float: left ;
	padding-top: 0em ;
	padding-bottom: 0em ;
	margin-top: 0em ;
	margin-bottom: 0em ;
}
div#countryname a {
	float: right ;
	
	font-weight: bold;
	text-align: right ;
	vertical-align: bottom ;
	bottom: 2px;
}
div#countryname form {
	height: 18px ;
	float: right ;
	margin-left: 6px ;
	/*
	border: 1px solid #000 ;
	*/
	padding-bottom: 0px ;
	margin-bottom: 0px ;
}
/* This will make the flagcountries div expand to contain the three following columns */
div#countryname:after {  
	content: "." ;
	display: block ;
	height: 0 ;
	clear: both ;
	visibility: hidden ;
}
/* The following code will solve problems with IE-Win */
/* It must be hidden from IE-Mac as it would mess things up there */
/* Hides from IE-Mac \*/
* html div#countryname {height: 1%;}
/* End hide from IE-Mac */
/*div#mainheading { */

div#headingcontainer h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px ;
	
	padding-top: 0em ;
	padding-bottom: 0em ;
	margin-top: 0em ;
	margin-bottom: 4px ;
}
/* End Header */

/* Begin Navigation */
div#navigation {
	width: 680px ;
	
	/* remove following line when include in contaiiner div */
	margin: 0px auto ;
	
	text-align: center ;
	font-size: 11px ;
	font-weight: bold ;
}
div#navigation ul {
	margin:0em;
	/*
	padding:0em;
	*/
	padding-top:0.2em;
	padding-bottom:0.2em;
	
}
div#navigation ul li {
	display: inline ;
	list-style-type: none ;
	margin-top: 0em ;
	margin-bottom: 0em ;
	padding-top: 0.2em ;
	padding-bottom: 0.2em ;
	padding-right: 0.2em ;
	padding-left: 0.2em ;
}
div#navigation a:link {
    color: #000 ;
    text-decoration: none;
}
div#navigation a:visited {
    color: #000 ;
    text-decoration: none;
}
div#navigation a:hover {
    color: #fff ;
    text-decoration: underline;
}
div#navigation a:active {
    color: #999 ;
    /* color:#09f; */
    text-decoration: underline;
}
/* End Navigation */

/* Begin Main Content */
div#mainbox {
	width: 638px ;
	
	padding-top: 20px;
	padding-left: 20px ;
	padding-right: 20px ;
	padding-bottom: 30px ;
	
	border: 1px solid #999 ;
	
	position: relative ; /* Needed for positioning the validation logos */
}
div#mainbox:after {  /* This will make the flagcountries div expand to contain the three following columns */
	content: "." ;
	display: block ;
	height: 0 ;
	clear: both ;
	visibility: hidden ;
}
/* The following code will solve problems with IE-Win */
/* It must be hidden from IE-Mac as it would mess things up there */
/* Hides from IE-Mac \*/
* html div#mainbox {height: 1%;}
/* End hide from IE-Mac */

div#statscounter {
	width: 678px ;
	margin: 0px auto ;
	visibility: hidden ;
	/*
	border: 1px solid #000 ;
	*/
}

div#validationlogo {
	/* background: #a0a ; */

	white-space: nowrap ;
	margin: 0px ;
	
	padding-left: 12px ;
	padding-right: 0px ;
	padding-bottom: 0px ;
	padding-top: 0px ;
	
	/*
	float: left ;*/ /* Needed if there is only one column on the page */
	
	position: absolute ;
	left: 445px ;
	bottom: 26px ;
}
div#validationlogo img {
	margin-left: 8px ;
	margin-bottom: 0px ;
	padding-bottom: 0px ;
	border: 0px ;
}

/* End Main Content */


/* Begin colours */
.blue {
	color: #00f ;
}
.red {
	color: #f00 ;
}
/* End colours */

body {
	text-align: center ; /* for IE, will centre the container div */
	margin-left: 0px ;
	margin-top: 4px ;
	margin-right: 0px ;
	margin-bottom: 8px ;
	font-family: Geneva, Helvetica, Arial, sans-serif ;
	font-size: 14px ;
	color: #000 ;
}

/* Begin Headings */
h1 {
	font-size: 20px ;
	font-weight: bold ;
	color: #999 ;
	white-space: nowrap ;
}
h2 {
	font-size: 16px ;
	font-weight: bold ;
	color: #999 ;
	white-space: nowrap ;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #000 ;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap ;
}
h5 {
	font-size: 12px;
	font-weight: bold;
}
h6 {

}
/* End Headings */

/* Begin Links */
a {
	font-size: 11px;
	white-space: nowrap ;
	/*font-weight: bold ;*/
}
/* End Links */

br {
	clear: left ;
}

label {
	font-size: 11px ;
	font-weight: bold ;
	color: #000 ;
	white-space: nowrap ;
}
input {
	width: 160px;
	margin-bottom: 4px ;
}
select {
	width: 160px;
	margin-bottom: 10px ;
}
input.checkbox {
	width: 14px ;
	padding-left: 0em ;
	vertical-align: middle ;
}
input.button {
	width: 100px ;
	margin-top: 10px ;
	float: left ;
}

form {
	/*
	background-color: #a33 ;
	*/
}