@charset "utf-8";

/* HTML Global Tag Modifiers
	The results from this style sheet will be affected and will have an affect on other linked
	style sheets.
	Used to modifiy or place commonly used tags.
	Setting these values will affect ALL tags on the form page unless they are also
	set below in the specific class settings.
	This first section is made up of standard HTML tags and their use is entirely optional.
	They can be removed and easily re-entered using W3C standards.
	*/
	
	body{
		/* Effects entire Body of Form
		*/

		

		width: 760px;
		min-width: 600px;
		margin: 0 auto;

		color: black;
		font-family: "Century Gothic";
		text-align: center;
		font-size: 15px;

		/*background-image: url(background_large.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: transparent;
		background-attachment: fixed;*/
		background: white;
	}

	input[type="text"]:focus
	{
		background-color: #e9f3db;
		border: 2px solid #8dc73f;
	}

	input[type="text"]:hover
	{
		border: 2px solid #8dc73f;
	}

	input[type="checkbox"]:hover, input[type="radio"]:hover
	{
		background-color: #e9f3db;
	}




	#wrapper {

		background-position: top center;
		background-repeat: no-repeat;
		width: 760px; 
		height: 800px;
		margin: 0 auto; 
		padding: 0;
		text-align: center;
		
	}

	BODY.home #wrapper { /* Changes background to full blue */
			
	}
	
	div {
		/* Effects all DIV tags
		*/
	}
	
	span {
		/* Effects all SPAN tags
		*/
	}
	
	fieldset {
		/* Effects all FIELDSET tags
		*/
		color: black;
   		border: 0px #a4a0a0 groove;
	}

	
	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 0.5em 0;
	}

	h1 {font-size: 20px; line-height: 1.1em;margin: 0 0 0.5em 0;	color: #000;	}
	h2 {font-size: 19px; line-height: 40px; font-weight: bold; margin-top: 0; margin-bottom: 0; color:  #000;}
	h3 {font-size: 18px; line-height: 22px; font-weight: bold; margin-top: 0; margin-bottom: 0; color:  #b6c69c;}
	h4 {font-size: 16px; line-height: 26px; font-weight: bold; margin-top: 0; margin-bottom: 0; color:  #000;}
	
	hr    {
		/* Effects all horizontal rule lines.
			Netscape based browsers do not support coloured HR so be sure to test
		*/
		color: #000000;
		display: none;
	}

table {
	margin: 0 auto;
	}

/* Classes */

p.warning {

    font-weight: bold;
    text-align: center;
    color: #FF0000;
    text-transform: uppercase;
    width: 100%
}

*.testOutput{

background-color: #FFCCFF;

color: #fff;
    /* display: none */
}

A			{ color:  #a3b768; text-decoration: underline; } 
A:link		{ color:  #a3b768; text-decoration: underline; } 
A:visited	{ color: #a3b768; text-decoration: underline; } 
A:active	{ color:  #a3b768; text-decoration: underline;} 
A:hover		{ color:  red; text-decoration: underline; }

.lanSelect a { color:  white; text-decoration: underline; } 
.lanSelect a:hover { color:  red; text-decoration: underline; } 

div.box {
	margin: 0 0 15px 0;
	padding: 0;
	height: 40px;
}

div.clearblock {
	display: block;
	height: 5px; width: 100%;
	background: green;
}


/* "Intro" Box */

#intro div.top {
/*	background: url(box_splash-top.gif) center bottom no-repeat;
	height: 5px;
	margin: 0; padding: 0;
	display:block;
	line-height:0;
	font-size:0;*/
}

#intro div.content {
/*	background: #00487f url(box_splash-mid.gif) top repeat-x;
	height: 40px;
	padding: 0 15px;
	color: white;*/
}

#intro div.bottom {
/*	background: url(box_splash-bottom.gif) center top no-repeat;
	height: 5px;
	margin: 0; padding: 0;*/
}

#intro h1 {
/*	padding-top: 15px;
	color: #efeab0;
	font-size: 160%; */
}



/* FIN. */

#navi {
	height: 50px;
	margin: 0 0 14px 0;
	padding: 0;
	position: relative;
	text-align: center;

}

#navi ul {
	list-style: none outside;
	margin: 0; 
	padding: 0;
}

#navi ul li {
	display: inline;
	margin: 0; 
	padding: 0;
}

#navi ul#big {
	width: 120px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

#navi ul#biger {
	width: 180px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

#navi ul#small {
	width: 180px;
}

#navi p#booknow {
	float: left;
}

#navi ul li a:link,
#navi ul li a:visited {
	background: #00375c; /* IE6 only */
	background: url(navi_section-new.png) left top no-repeat;
	color: black;
	text-decoration: none;
	text-align: center;
	margin: 0; 
	padding: 0;
	display: table;
	float: left;
}

/* DEFAULT IMAGE IS THE IC "BLUE" */

#navi ul#big li a:link,
#navi ul#big li a:visited {
	width: 180px; 
	height: 40px;
	line-height: 40px;
	font-size: 35px;
	font-weight: bold;
	margin: 3px 10px 0 0;
}

#navi ul#big li a:hover {
	background-position: left -40px;
	color: black;
}

/* CONFERENCE CENTRE HAS "GREEN" COLOUR */

#navi UL#big LI.but-cc A:LINK,
#navi UL#big LI.but-cc A:VISITED {
	background: url(navi_section2-new.png) left top no-repeat;
}

#navi UL#big LI.but-cc A:HOVER {
	background-position: left -40px;
	color: black;

}

/* BUTTONS FOR CONFIRM */
#navi ul#biger li a:link,
#navi ul#biger li a:visited {
	width: 180px; 
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	font-weight: bold;
	margin: 3px 10px 0 0;
}

#navi ul#biger li a:hover {
	background-position: left -40px;
	color: black;
}

/* CONFERENCE CENTRE HAS "GREEN" COLOUR */

#navi UL#biger LI.but-cc A:LINK,
#navi UL#biger LI.but-cc A:VISITED {
	background: url(navi_section2-new.png) left top no-repeat;
}

#navi UL#biger LI.but-cc A:HOVER {
	background-position: left -40px;
	color: black;

}

/* BUTTONS SMALLER WIDTH */

#navi ul#small li a:link,
#navi ul#small li a:visited {
	width: 180px; 
	height: 40px;
	line-height: 30px;
	font-size: 35px;
	font-weight: bold;
	margin: 3px 10px 0 0;
}

#navi ul#small li a:hover {
	background-position: left -40px;
	color: black;
}

/* CONFERENCE CENTRE HAS "GREEN" COLOUR */

#navi ul#small LI.but-cc A:LINK,
#navi ul#small LI.but-cc A:VISITED {
	text-align: left;
	padding-left: 60px;
	background: url(navi_section2-new.png) left top no-repeat;
}

#navi ul#small LI.but-cc A:HOVER {
	background-position: left -40px;
	color: black;
}
