/* CSS Document */

body {margin:0; padding:0; background:url(../images/gradient.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif;}

/* TEXT STYLES */
h1, h2, h3, p 	{margin:0; padding:0;}
h1, h2, h3		{font-family:"Trebuchet MS", "Geneva CE", serif; margin:15px 0 0 0;}
h1				{font-size:24px;}
h2				{font-size:16px; margin:20px 0 0 0;}
h3				{font-size:12px;}
p, li, td		{font-size:12px; line-height:16px; margin:10px 0 0 0; text-align:justify;}
li				{margin-right:20px;}
a				{text-decoration:none; color:#CC0001;}
a:hover			{text-decoration:underline;}
hr				{clear:both; margin:10px 0 0 0;}

/* TOP MENU AREA: Image, Flags, Navigation & Events */
#menu {width:850px; height:283px; margin:0 auto 0 auto; background:#FFFFFF url(../images/menu.jpg) no-repeat center;}
	/* HOME LINK */
	#menu #home				{float:left; position:absolute; z-index:100; width:250px; height:60px; margin:0 0 0 25px; overflow:hidden;}
	
	/* FLAGS */
	#menu #flag				{float:right; margin:0 20px 0 0; height:40px;}
		#menu #flag a		{float:left;  margin:0 0 0 5px;  height:25px; display:block; width:40px; padding:5px 0 0 0; text-align:center;}
		#menu #flag a:hover,
		#menu #flag a.on	{background:#113167; text-decoration:none;}
		#menu #flag img		{border:1px #FFFFFF solid;}

	/* LEFT NAVIGATION */
	#menu #nav					{position:static; float:left; width:142px; margin:90px 0 0 13px;}
		#menu #nav a			{display:block; width:122px; height:19px; margin:0 0 2px 0; padding:5px 0 0 20px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		#menu #nav a:hover 		{text-decoration:none; background:#113167; width:122px; margin-left:6px; padding-left:14px;}
		
		#menu #nav a.on 		{text-decoration:none; background:#113167;}
		#menu #nav a.on:hover 	{text-decoration:none; background:#113167; margin-left:0px; padding-left:20px;}
		
	/* RIGHT NAVIGATION */
	#menu #events 			{float:right; width:142px; height:130px; margin:102px 12px 0 0; overflow:hidden; clear:right; color:#FFFFFF; font-size:12px;}
		#menu #events a				{display:block; width:142px; height:19px; margin:0 0 2px 0; padding:5px 0 0 10px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		#menu #events a:hover		{background:#113167; text-decoration:none; width:126px;}
		
		#menu #events a.on			{background:#113167; text-decoration:none;}
		#menu #events a.on:hover	{background:#113167; text-decoration:none; width:142px;}
		
		#menu #events a.red:hover	{background:#CA0000; text-decoration:none;}
		#menu #events a.redon		{background:#CA0000; text-decoration:none;}
		#menu #events a.redon:hover	{background:#CA0000; text-decoration:none; width:142px;}
		
/* MAIN CONTENT AREA */
#wrap 					{width:850px; min-height:250px; margin:0 auto 0 auto; background:url(../images/shadow.jpg) repeat-y center;}
#page 					{width:784px; min-height:250px; margin:0 auto 0 auto; background:url(../images/background.jpg) no-repeat center top; padding:1px 33px 0 33px;}
	#page #content		{float:left; width:585px;}
	#page #content img 	{border:solid 3px #DAE2F0; float:right; margin:15px 0 0px 10px;}
	#page #content img.gallery 	{border:solid 2px #DAE2F0; float:left; margin:15px 4px 0 0;}
	#page #content img.last 	{border:solid 2px #DAE2F0; float:left; margin:15px 0 0 0;}

	/* SKYSCRAPER ADVERT */
	#page #advert		{width:175px; height:350px; float:right; margin:58px 0 0 0;}
	#page #advert img	{border:none;}


/* FOOTER AREA */
#foot 			{width:784px; height:50px; margin:0 auto 0 auto; padding:30px 33px 0 33px; background:url(../images/footer.jpg) no-repeat top; clear:both;}
	#foot p 	{padding:0; margin:0; font-size:9px; float:left; color:#B3B3B3;}
	#foot a 	{color:#B3B3B3; text-decoration:underline;}
	#foot .me	{text-align:right; float:right}