/* css Document :: Write Charlies Name :: F2B.co.uk ----------------------------------------------------------------------*/
@import url(nav.css);
/* main elements -------------------------------------------------------------------------------------------------------------*/
body 						                    {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; min-width:980px;background-color:#871F52;}
p 												    {padding: 0; margin: 0;margin: 0; font-size: 1.1em; line-height:1.3em; color:#fff;}
img 											    {border: 0; padding: 0; margin: 0;}
a, a:link, a:visited 						{text-decoration: none;}
a:hover 										{text-decoration: underline;}
a:active 									    {text-decoration: none;}
h1, h2, h3, h4, h5, h6, form, ul, li, img {padding: 0; margin: 0;}
select, input, textarea               {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em}
/* structural/layout elements ------------------------------------------------------------------------------------------------*/
#container                                  {width:980px; padding:0; border:1px solid white; text-align:left; margin-left:auto; margin-right:auto; background-color:#fff; font-size: 0.7em;line-height: 1.166}
#header										{width:980px;}
#scroller									 	{width:980px; height:22px; background: url(../images/scrollerBG.jpg); color:#871F52; font-weight:bold; padding:8px 0 0 0}
#charlie										{width:980px;}

#pageContent							    {width:980px; clear:both; margin:8px 0 8px 0;}
#pageContentAdmin					{width:960px; clear:both; margin:8px 0 8px 0;padding:0px 10px 0px 10px;}
#footer										{clear:both; width:980px; margin: 0px 0 0 0;}
#f2b 											{padding:5px 0; font-size:0.9em; color:#BF3C81; font-weight:bold; text-align:center;}
	#f2b a 									    {color:#871f52;font-size:0.9em; text-decoration:none}
	#f2b a:hover 							{color: #6d78bf;}

#leftCol										    {width:190px; float:left;}
	#writeCharliesName					{clear:left; width:170px; background-color:#871F52; margin:10px 0 10px 10px; height:256px;}
	#writeCharliesName h1			    {font-size:0.9em; color:#fff; padding:8px 6px 0.8em 8px;}
	#writeCharliesName p				{font-size:0.9em; font-weight:normal; color:#fff; padding:8px 6px 0.8em 8px;}
	#writeCharliesName a, #writeCharliesName a:link	{text-decoration:underline; color:#fff;}
	#writeCharliesName a:hover		{text-decoration:none; color:#fff;}	
	
	#sponsors								    {width:170px; float:left; background-color:#FFF; text-align:center; margin:10px 0 10px 10px; min-height:256px;}
	#sponsors h1							    {font-size:0.9em; color:#871F52; padding:8px 8px 0.8em 8px;}
	#sponsors p							    {font-size:0.9em; font-weight:normal; text-align:center; color:#871F52; padding:8px 8px 0.8em 8px;}
	#sponsors a, #sponsors a:link	{text-decoration:underline; color:#871F52;}
	#sponsors a:hover					    {text-decoration:none; color:#871F52;}
	#sponsors .rule						    {border-bottom: 1px solid #E5B2CD;}	

	.imageSpacer							    {margin:10px 0 0 10px;}
	.imageSpacerR						    {margin:0 0 10px 0;}

#centreCol									    {width:600px; float:left}
	#centreCol p							    {color:#000000; font-size:1em; padding:0px 8px 1em 8px;}
	#centreCol a							    {font-size:1em; color:#871F52;}
	#centreCol td							    {padding:0 0 0.26em 6px; margin:0}
	#centreCol td a						    {font-size:0.81em; color:#871F52}
	#centreCol td a:hover				{text-decoration:underline}
    #centreCol td.viewAll               {text-align:center; padding:0}
    #centreCol td.viewAll a             {border-top:1px solid #ffffff; font-size:1em; font-weight:bold; display:block;padding:7px 0}
	#centreCol td.viewAll a:hover	{text-decoration:none; color:white; background-color:#871f52}

	#centreCol #latestPic				{width:378px; float:left; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	#centreCol #latestPic p			{color:#55267B; font-weight:bold; font-size:1em; padding:4px 0 4px 5px}
	
	#centreCol #countryList			{width:221px; float:left; border-bottom:1px solid #fff;}
	#centreCol #countryList p		{color:#55267B; font-weight:bold; font-size:1em; padding:4px 0 4px 5px}
	#centreCol #imageHolder			{border-right:1px solid #fff; float:left; width:378px;}
	#centreCol #dlCountries		 	{float:left; width:221px; height:282px; padding:0;}
	#centreCol #dlCountries p       {font-size:0.8em; color:#871F52; margin:0 0 0 0; padding:1px 0 0 5px;}
	#centreCol h1							{font-size:1em; color:#871F52; padding:3px 8px 1em 8px;}
#rightColWhite							    {width:170px; float:left; background-color:#FFF; margin:0 0 0 10px;}

#rightCol									        {width:170px; float:left; margin:0 0 0 10px; height:306px;}
	#rightCol h1							    {color:#55267B; background-color:#e4b2cd; font-weight:bold; font-size:1em; padding:5px 0 5px 5px; border-bottom:1px solid white}
	#rightCol h2							    {font-size:0.9em; color:#fff; padding:0px 8px 0em 8px;}
	#rightCol h3							    {font-size:0.9em; color:#fff; padding:0px 8px 0em 8px;}
	#rightCol p								    {font-size:0.9em; font-weight:normal; color:#fff; padding:8px 8px 0.8em 8px;}
	#rightCol a, #rightCol a:link		{text-decoration:none; font-weight:bold; color:#E5B2CD}
	#rightCol a:hover					    {color:#fff;}
	#rightCol #blog                          {background: white url(images/blog_bg.jpg); height:372px}
#rightColMap								    {width:170px; float:left; background-color:#871F52; margin:0 0 0 10px; height:472px;}
	#rightColMap h1						{font-size:1em; color:#fff; padding:8px 8px 0.8em 8px;}
	#rightColMap p						    {font-size:1em; font-weight:normal; color:#fff; padding:8px 8px 0.8em 8px;}
	#rightColMap p.enlarge			    {background-color:#e5b2cd; border-top:1px solid white; border-bottom:1px solid white; text-align:center; padding:0}
	#rightColMap p.enlarge a	        {text-decoration:none; font-size:1.1em; font-weight:bold; color:#871f52; padding:8px 8px 0.8em 8px; display:block}
	#rightColMap p.enlarge a:hover	{text-decoration:none; color:white; background-color:#871f52;}
	#rightColMap a, #rightColMap a:link	{text-decoration:none; font-size:1.1em; font-weight:bold; color:#E5B2CD}
	#rightColMap a:hover				{text-decoration:none}
	#rightColMap a.button170		{background-color:#E5B2CD; display:block; width:170px; border-top:1px solid #fff; border-bottom:1px solid #fff; text-align:center; padding:5px 0 5px 0; font-size:1em; font-weight:bold; color:#871F52; text-decoration:none;}
	#rightColMap a.button170:hover	{color:#FFF; background-color:#871F52;text-decoration:none;}

#countrySelect							{width:460px; background-color:#E5B2CD; height:18px; padding:15px 0 11px 140px;font-size:0.9em; color:#871F52}
#mapHolder								{width:600px; margin:9px 0 0 0;}	
.country									    {width:220px; margin:11px 0 0 0;}

#thumbnailMap							{height:126px; width:170px;}
/* miscellaneous tags ------------------------------------------------------------------------------------------------------ */

.mauve										{color:#871F52;}
.fl 											    {float:left;}
.fr 										    {float:right;}
.cb											{clear:both;}
.white 										{color:#fff;}
.black										{color:#000;}
.bold											{font-weight:bold;}
.block										{display:block;}
.inline										{display:inline;}
.clearfix:after 								{content: "."; height:0; visibility: hidden; display: block; clear: both; }
.clearfix 									{display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix 							{height: 1%; display: block; }
/* End hide from IE-mac */