@charset "UTF-8";

/* Screen Styles                                    */
/* Copyright(C)2008 Source Internet Development Ltd */

/* Common Styles */

html {margin: 0;}
body {overflow: visible; background: #f7f7f6; margin: 0; text-align: center;}

p, span, h1, h2, h3, h4, h5, h6, a, label, ul, table	{font-family: Arial, Helvetica, sans-serif; font-size: 1em;}

#toppanel					{display: none;}

#header100					{width: 100%; margin: 0; text-align: left; padding: 0; clear: both; overflow: visible;}
#headerWater				{margin: 0 auto; text-align: left; padding: 0;}
#headerArea					{margin: 0 auto; text-align: left; padding: 0;}
#headerArea #logo			{float: left; width: 126px; padding: 0; margin: 0;}
#headerArea #logo img		{border: none;}
#headerArea #txt			{margin: 0; width: 75%; padding: 0 0 0 25px; float: left;}
#headerArea #txt h1			{color: #213995; font-size: 1.0em; margin: 0;}
#headerArea #txt h2			{color: #a6a5a5; font-size: 0.8em; font-weight: normal; margin: 0 0 13px 0;}
#headerArea #txt p			{color: #c45446; font-size: 0.9em; font-weight: normal; margin: 0;}
#headerArea #txt p strong	{color: #c3190b; font-weight: bold; padding: 0 20px 0 0;}
#headerArea #txt p a		{color: #c3190b; font-weight: bold; font-size: 100%; text-decoration: none;}

#menuArea					{display: none;}

#footer100					{width: 100%; margin: 0; text-align: left; padding: 0;}
#footerContent				{border: 3px solid #ccc; margin: 0; padding: 10px; text-align: left; overflow: hidden;}
#footerContent p			{font-size: 0.7em; color: #555; margin: 0 0 2px 0; line-height: 110%;}
#footerContent p strong		{font-weight: bold; color: #333; margin: 0;}
#footerContent p a			{color: #555; margin: 0 12px 0 0;}
#footerLeft					{float: left; padding: 0 0 0 10px;}
#footerRight				{float: right; text-align: left; padding: 0 10px 0 0;}
#footerLogo					{display: none;}

#bread100					{display: none;}

#mainContent100				{margin: 0 0 50px 0; text-align: left; padding: 0; clear: both; width: auto;}
#mainContentTop				{display: none;}
#mainContentBot				{display: none;}

#mainContent				{margin: 0; padding: 0; text-align: left; width: 90%;}
#mainContent h2				{font-size: 140%; color: #357dd7; font-weight: bold; margin: 0;}
#mainContent h3				{font-size: 140%; color: #357dd7; font-weight: bold; margin: 0 0 15px 0;}
#mainContent h4				{clear: both; font-size: 130%; color: #357dd7; font-weight: bold; margin: 35px 0 0 0; padding: 0;}
#mainContent h5				{font-size: 110%; color: #333; font-weight: bold; margin: 45px 0 8px 0;}
#mainContent p				{color: #777; font-size: 90%; margin: 0 0 20px 0; line-height: 120%;}
#mainContent p strong		{font-weight: bold; font-size: 100%; color: #555;}
#mainContent p a			{font-size: 100%; color: #357dd7; margin: 0;}
#mainContent ul				{margin: 0 0 30px 0;}
#mainContent li				{color: #777; font-size: 90%; margin: 0 0 12px 0; padding: 0; line-height: 120%;}

#mainContent .backTopLink			{clear: both; font-size: 80%; color: #357dd7; margin: 40px 0 40px 0;}
#mainContent .backTopLink a			{font-size: 100%; color: #357dd7; margin: 0;}

#waterMarkA					{margin: 0; padding: 0;}
#waterMarkPres				{margin: 0; padding: 0;}
#waterMarkStaff				{margin: 0; padding: 0;}
#waterMarkLogo				{margin: 0; padding: 0;}
#waterMarkMembers			{margin: 0; padding: 0;}
#waterMarkHS				{margin: 0; padding: 0;}
#waterMarkTrain				{margin: 0; padding: 0;}

#TwoColPageLeft				{width: auto; padding: 35px 0 0 0; margin: 0;}
#TwoColPageRight			{display: none;}

#OneColLeft					{text-align: left; width: 90%; padding: 35px 0 0 0; margin: 0;}

#featuredBoxTop				{display: none;}
#featuredBoxBot				{display: none;}

#featuredBox				{background: white; padding: 10px 25px 15px 10px; width: 85%; margin: 0;}
#featuredBox h4				{font-weight: bold; font-size: 120%; color: #333; margin: 0 0 15px 0; padding: 0;}
#featuredBox ul				{color: #666; margin: 0; padding: 0 0 0 28px;}
#featuredBox li				{color: #666; margin: 0 0 16px 0;}
#featuredBox li	strong		{color: #666; font-size: 1.2em; line-height: 110%; margin: 0;}
#featuredBox li p			{font-size: 1.2em; margin: 0;}
#featuredBox li a			{font-size: 1.2em margin: 0; color: #666;}


#leftImage					{float: left; margin: 0 20px 12px 0;}
#leftImage #img				{margin: 0 0 3px 0; border: 1px solid #c3c1bf; background: white; padding: 4px;}
#leftImage p				{font-size: 75%; color: #999; margin: 0;}

#rightImage					{float: right; text-align: left; margin: 0 0 12px 20px; clear: both;}
#rightImage #img			{margin: 0 0 3px 0; border: 1px solid #c3c1bf; background: white; padding: 4px;}
#rightImage p				{font-size: 75%; color: #999; margin: 0;}

#fullImage					{text-align: right; margin: 0 0 25px 0;}
#fullImage #image			{margin: 0 0 3px 0; border: 1px solid #c3c1bf; background: white; padding: 4px;}
#fullImage p				{font-size: 75%; color: #999; margin: 0;}




/* Home styles */
#homeContent100				{width: 100%; margin: 0; text-align: left; padding: 0;}
#homeContent				{margin: 0 auto; overflow: hidden; padding: 0; text-align: left; clear: both;}
#homeFeature				{margin: 40px 0 0 0; border: 3px solid #ccc; padding: 30px 30px 10px 30px;}
#homeFeatureText			{text-align: left; color: #000;}
#homeFeatureText h2			{font-size: 1.4em; margin: 0 0 7px 0;}
#homeFeatureText p			{font-size: 1.1em; margin: 0 0 15px 0;}
#homeFeatureText a			{display: none;}

#homeBoxesTop				{width: 100%; margin: 0 0 30px 0; overflow: hidden;}
#homeBoxesTop h3			{color: #354252; font-size: 1.0em; margin: 0 0 10px 0;}
#homeBoxesTop h5			{font-size: 0.8em; margin: 0 0 2px 0; clear: left;}
#homeBoxesTop h5 a			{color: #528cd4;}
#homeBoxesTop p				{color: #a6a5a5; clear: left; font-size: 0.8em; margin: 0 0 15px 0; line-height: 120%;}

#homeChoices				{color: #b6cee4; margin: 0; padding: 0 0 0 17px;}
#homeChoices li				{font-size: 0.75em; list-style-type: disc; padding: 0 0 3px 0;}
#homeChoices li	a			{color: #528cd4; font-weight: bold;}

#homeLeftBox				{float: left; width: 28%; margin: 0 0 10px 0; padding: 28px 16px 0 0;}
#homeMidBox					{float: left; width: 28%; margin: 0 0 10px 25px; padding: 28px 16px 0 0;}
#homeRightBox				{float: left; width: 28%; margin: 0 0 10px 25px; padding: 28px 16px 0 0;}

#homeBoxesBot				{display: none;}
#homeIcon					{float: left; padding: 0 7px 0 0; margin: -2px 0 0 0;}




/* Search Page styles */
#keySearchBox				{background: #357dd7; margin: 0 0 15px 0; padding: 15px 20px 20px 20px; overflow: hidden;}
#keySearchBox p				{font-weight: bold; color: #fff; font-size: 110%; margin: 0 0 5px 0;}

#keySearchForm						{margin: 0;}
#keySearchForm #field				{float: left; margin: 0; padding: 0;}
#keySearchForm #field .keyField		{font-size: 95%; font-weight: bold; border: 2px solid #255796; color: #000; padding: 2px; width: 250px;}
#keySearchForm #btn					{float: left; margin: 0; padding: 0 0 0 10px;}
#keySearchForm #btn .keyBTN			{padding: 0; margin: 0;}
#keySearchForm #showall				{float: right; padding: 3px 0 0 0; margin: 0;}
#keySearchForm #showall	p			{padding: 0; margin: 0; font-size: 90%;}
#keySearchForm #showall	a			{padding: 0; margin: 0; font-size: 100%; color: #fff; font-weight: bold;}

#advSearchBox				{background: #fff; clear: both; margin: 0 0 35px 0; border: 1px solid #dddbd9; padding: 15px 20px 30px 20px; overflow: hidden;}
#advSearchBox h3			{font-size: 110%; font-weight: bold; margin: 0 0 10px 0; color: #255796;}

#advSearchForm				{margin: 0; padding: 0; text-align: left;}
#advSearchForm label		{font-weight: bold; font-size: 80%; color: #357dd7; margin: 0 0 2px 0;}
#advSearchForm .rolldown	{margin: 2px 0 0 0; width: 220px; font-size: 90%; color: #333;}

TABLE.advSearchUpper		{border: none; width: 100%; margin: 0 0 15px 0; padding: 0;}
TABLE.advSearchUpper TD		{width: 50%; margin: 0; vertical-align: top;}

TABLE.advSearchMid			{border: none; width: 100%; margin: 4px 0 15px 0; padding: 0;}
TABLE.advSearchMid TD		{margin: 0; padding: 0 35px 0 0; vertical-align: top;}

TABLE.advSearchLower		{border: none; width: 100%; margin: 4px 0 15px 0; padding: 0;}
TABLE.advSearchLower TD		{margin: 0; padding: 0; vertical-align: top;}

#checks						{padding: 0; margin: 0; list-style: none;}
#checks li					{padding: 0; margin: 0 0 7px 0; font-size: 90%; color: #777;}
#checks .chBox				{float: left; margin: 0 5px 0 0; padding: 0;}





/* Search Results styles */
#searchRefineArea				{border-top: 1px solid #dddbd9; padding: 8px 0 4px 0; border-bottom: 3px solid #357dd7; margin: 0 0 12px 0;}

#searchRefineLinks				{width: 90%; overflow: hidden;}
#searchRefineLinks ul			{list-style: none; margin: 0; padding: 0;}
#searchRefineLinks li			{float: left; margin: 0 15px 0 0; width: 140px; padding: 0; font-weight: bold; font-size: 80%;}
#searchRefineLinks li p			{padding: 3px 0 0 0; margin: 0;}
#searchRefineLinks li a			{color: #255796;}
#searchRefineLinks li a:hover	{color: #000;}

#searchRefineLinks #refineSearchIcon	{float: left; margin: 0 4px 0 0; padding: 0;}
#searchRefineLinks #startSearchIcon		{float: left; margin: 0 4px 0 0; padding: 0;}

TABLE.searchResults					{margin: 0; padding: 0;}
TABLE.searchResults TH				{border-bottom: 1px solid #ccc; margin: 0; padding: 25px 20px 28px 0; vertical-align: top; text-align: left;}
TABLE.searchResults TD				{border-bottom: 1px solid #ccc; margin: 0; padding: 25px 0 28px 0; vertical-align: top; text-align: left;}

#searchRes							{margin: 0; width: 90%; padding: 0;}
#searchRes h3						{color: #255796; font-size: 100%; margin: 0;}
#searchRes h5						{margin: 0; font-weight: bold; color: #357dd7; font-size: 80%;}
#searchRes h6						{color: #777; font-size: 80%; font-weight: normal; margin: 0;}
#searchRes p						{color: #777; font-size: 80%; font-weight: normal; margin: 0 0 12px 0;}
#searchRes a						{font-size: 100%; color: #357dd7; margin: 0;}
#searchRes a:hover					{color: #000;}
#searchRes .companyLogo				{float: right; margin: 0 0 20px 20px; padding: 0; border: 1px solid #dddbd9; padding: 8px;}
#searchRes #searchTickItem			{margin: 0 0 15px 0;}
#searchRes #searchTickItem p		{font-weight: bold; color: #357dd7; font-size: 80%; padding: 3px 0 0 0;}
#searchRes #searchTickItem #icon	{float: left; clear: both; margin: 0 5px 0 0;}

TABLE.searchResMatrix				{margin: 15px 0 0 0; padding: 0; text-align: left;}
TABLE.searchResMatrix TH			{border: none; vertical-align: top; padding: 0 10px 1px 0; font-size: 80%; color: #777; font-weight: normal; margin: 0;}
TABLE.searchResMatrix TD			{border: none; vertical-align: top; padding: 0 20px 1px 0; font-size: 80%; color: #357dd7; font-weight: bold; margin: 0;}

#resultsPaging						{margin: 15px 0 25px 0; padding: 0; text-align: left; clear: both; overflow: hidden;}
#resultsPaging p					{font-size: 80%; margin: 0 0 8px 0;}
#resultsPaging p strong				{color: white; font-weight: normal; font-size: 100%; margin: 0 0 8px 0; padding: 4px 12px 4px 12px; background: #0063c5; border: 1px solid #0063c5}
#resultsPaging p a					{border: 1px solid #d9d9d9; padding: 4px 12px 4px 12px; margin: 0 0 5px 0; background: #f8f8f8; color: #0063c5; text-decoration: none;}
#resultsPaging p a:hover			{background-color: #0063c5; color: #fff; border: 1px solid #0063c5;; margin: 0 0 5px 0;}




/* About styles */
TABLE.presidentsTable				{padding: 0; margin: 0 0 35px 0;}
TABLE.presidentsTable TR			{}
TABLE.presidentsTable TD			{text-align: left; font-size: 90%; vertical-align: top; margin: 0; border-bottom: 1px solid #b0aead;}
TABLE.presidentsTable TD.name		{padding: 4px 12px 4px 0; color: #444;}
TABLE.presidentsTable TD.comp		{padding: 4px 15px 4px 0; color: #888; font-style: italic;}
TABLE.presidentsTable TD.date		{padding: 4px 17px 4px 0; color: #357dd7;}			

#peopleLinks						{border-bottom: 1px solid #ddd8d9; padding: 10px 0 10px 0; margin: 0; clear: both;}
#peopleLinks p						{font-size: 90%; margin: 0;}
#peopleLinks p a					{margin: 0; color: #357dd7;}
#peopleLinks p a:hover				{}
#peopleLinks p a:selected			{text-decoration: none;}




/* Membership styles */
#memColLeft				{float: left; width: 260px; margin: 0 40px 35px 0;}
#memColRight			{float: left; width: 260px; margin: 0 0 35px 0;}
#memberBenefits			{margin: 0 0 20px 0; padding: 0;}
#memberBenefits h3		{margin: 0; font-size: 100%; color: #333; font-weight: bold;}
#memberBenefits	p		{margin: 0 0 5px 0; color: #777; font-size: 80%; line-height: 120%;}
#memberBenefits	ul		{margin: 0; padding: 3px 0 0 25px;}
#memberBenefits	li		{margin: 0 0 7px 0; color: #777; font-size: 80%; line-height: 120%;}
#memberBenefits	li a	{margin: 0; color: #357dd7; font-size: 100%;}




/* News and Publications styles */
#newsPageHeader			{margin: 0; border-bottom: 1px solid #e6e4e3; padding: 0 0 25px 0; overflow: hidden;}
#newsPageHeader h3		{font-size: 130%; color: #357dd7; font-weight: bold; margin: 0; padding: 0;}
#newsPageHeader p		{margin: 0;}

#newsArticle			{margin: 38px 0 0 0; border-bottom: 1px solid #e6e4e3; padding: 0 0 20px 0; overflow: hidden;}
#newsArticle h1 		{font-size: 140%; color: #357dd7; font-weight: bold; margin: 0;}
#newsArticle h1 a		{font-size: 100%; color: #357dd7; margin: 0; text-decoration: none;}

#newsArticle h2 		{font-size: 110%; color: #357dd7; font-weight: bold; margin: 45px 0 3px 0;}
#newsArticle h3 		{font-size: 90%; color: #357dd7; font-weight: bold; margin: 45px 0 3px 0;}

#newsArticle h5 		{font-size: 80%; color: #93b6db; font-weight: normal; margin: 0 0 8px 0;}
#newsArticle h5 a		{font-size: 100%; color: #779cc4; font-weight: bold; margin: 0;}

#newsArticle p			{color: #777; font-size: 90%; margin: 0 0 20px 0; line-height: 120%;}
#newsArticle p strong	{font-weight: bold; font-size: 100%; color: #555;}
#newsArticle p a		{font-size: 100%; color: #357dd7; margin: 0;}
#newsArticle p img 		{margin: 0 20px 12px 0; border: 1px solid #c3c1bf; padding: 4px; float: left;}

#newsArticle ul	 		{margin: 0 0 30px 0; color: #555; font-size: 90%; font-weight: bold;}
#newsArticle li	 		{padding: 0;}

#newsArchiveCatsTop		{background: top left no-repeat url(http://www.atlas.org.uk/images/bg-newsarchive-top.png); padding: 0; width: 211px; height: 15px; margin: 35px 0 0 0;}
#newsArchiveCatsBot		{background: top left no-repeat url(http://www.atlas.org.uk/images/bg-newsarchive-bot.png); padding: 0 0 250px 0; width: 211px; height: 15px; margin: 0;}

#newsArchiveCats		{background: #377ce5; padding: 10px 22px 15px 22px; width: 167px; margin: 0;}	
#newsArchiveCats h6		{font-weight: bold; font-size: 80%; color: #fff; margin: 0 0 4px 0;}

#nav_categories				{list-style-type: disc; margin: 0 0 25px 0; padding: 0 0 0 20px;}
#nav_categories li			{font-size: 85%; color: #ebf7fc; padding: 0 0 3px 0; margin: 0;}
#nav_categories li a		{font-size: 100%; color: #ebf7fc; padding: 0;}

#publicationArea		{margin: 0 0 25px 0; padding-top: 20px;}
#publicationArea h5		{font-size: 110%; color: #333; font-weight: bold; margin: 0;}
#publicationArea p 		{margin: 0 0 10px 0;}

#pubForm				{margin: 50px 0 45px 0; padding: 23px 35px 23px 25px; width: 500px; background: white; border: 1px solid #dddbd9;}
#pubForm h5				{font-size: 130%; color: #357dd7; font-weight: bold; margin: 0; padding: 0;}
#pubForm p				{color: #777; font-size: 90%; margin: 0 0 14px 0; line-height: 120%;}
#pubForm ul				{margin: 10px 0 0 0; padding: 0; list-style: none;}
#pubForm li				{margin: 0; padding: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #777;}
#pubForm li.box			{margin: 0 0 10px 0; padding: 0;}

#contactFormFloat	{float: right; padding: 20px 10px 0 0; margin: 0; width: 160px;}
#contactFormFloat p	{color: #777; font-size: 90%; margin: 0; line-height: 120%; font-style: italic;}

.contactFormBox, .contactRolldown {width: 300px; margin: 1px 0 0 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;}
.contactFormArea 	{width: 480px; border: 1px solid #b4b4b4; margin: 1px 0 5px 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;}
.contactTickbox		{float: left; margin: 0 10px 10px 0;}
.contactBTN			{margin: 0 0 10px 0;}





/* Committee styles */

#committeeLatest		{margin: 10px 0 0 0; padding: 0 0 4px 0;}
#committeeLatest h6		{margin: 0; font-size: 100%; color: #357dd7; padding: 0; font-weight: bold;}
#committeeLatest p		{margin: 0 0 20px 0;}
#committeeLatest p a	{margin: 0; font-size: 80%;}




/* Contact styles */
#rightAddy					{margin: 0 0 20px 0; padding: 0;}
#rightAddy h6				{font-size: 70%; color: #888; font-weight: normal; margin: 0 0 9px 0; padding: 0;}
#rightAddy p				{color: #777; font-size: 90%; margin: 0; line-height: 120%;}

#rightContact					{margin: 0 0 20px 0; padding: 0;}
#rightContact .contTable		{padding: 0; vertical-align: top; text-align: left; border: none;}
#rightContact .contTable TH		{color: #777; font-weight: normal; text-align: left; font-size: 90%; padding: 0 10px 0 0;}
#rightContact .contTable TD		{font-weight: bold; color: #357dd7; font-size: 90%; padding: 0 0 0 0;}
#rightContact .contTable TD a	{font-weight: bold; color: #357dd7; font-size: 100%;}

#googleMap						{margin: 0 0 15px 0; border: 1px solid #dddbd9; width: 560px; height: 390px; background: #ececec;}

#contactForm		{margin: 0 0 45px 0; padding: 20px 25px; width: 510px; background: white; border: 1px solid #dddbd9;}
#contactForm h5		{font-size: 130%; color: #357dd7; font-weight: bold; margin: 0; padding: 0;}
#contactForm p		{color: #777; font-size: 90%; margin: 0 0 14px 0; line-height: 120%;}
#contactForm ul		{margin: 10px 0 0 0; padding: 0; list-style: none;}
#contactForm li		{margin: 0; padding: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #777;}
#contactForm li.box	{margin: 0 0 10px 0; padding: 0;}

#contactFormFloat	{float: right; padding: 20px 10px 0 0; margin: 0; width: 160px;}
#contactFormFloat p	{color: #777; font-size: 90%; margin: 0; line-height: 120%; font-style: italic;}

.contactFormBox, .contactRolldown {width: 300px; margin: 1px 0 0 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;}
.contactFormArea 	{width: 480px; border: 1px solid #b4b4b4; margin: 1px 0 5px 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold;}
.contactTickbox		{float: left; margin: 0 10px 10px 0;}
.contactBTN			{margin: 0 0 10px 0;}

#directionsBox			{margin: 0 0 45px 0; padding-left: 10px;}
#directionsBox #icon	{float: left; margin: 0 7px 0 0; padding: 0;}
#directionsBox p		{padding: 2px 0 0 0;}




/* Useful Links styles */
#linkContainer		{margin: 0 0 32px 0; width: 750px; overflow: hidden; clear: both; text-align: left;}

#linkText			{float: right; margin: 0; width: 530px;}
#linkText h1		{font-size: 110%; color: #333; font-weight: bold; margin: 0;}
#linkText p			{color: #777; font-size: 90%; margin: 0 0 5px 0; line-height: 120%;}
#linkText p a		{font-size: 100%; color: #357dd7; margin: 0;}

#linkLogo			{float: left; margin: 0; text-align: center; width: 210px;}
#linkLogo img		{border: none;}





/* Sitemap styles */
#sitemapRow				{margin: 0; padding: 0; clear: both; overflow: hidden;}
#sitemapBox				{padding: 0; text-align: left; float: left; margin: 0 35px 0 0;}
#sitemapBox h5			{color: #fff; font-size: 100%; margin: 0 0 12px 0;}
#sitemapBox h5 a		{margin: 0; color: #357dd7;}
#sitemapBox ul			{margin: 3px 0 35px 0; padding: 0 0 0 20px; list-style: disc;}
#sitemapBox li			{margin: 0 0 6px 0; color: #aaa; padding: 0; font-size: 80%;}
#sitemapBox li a		{margin: 0; padding: 0; font-size: 100%; color: #357dd7;}