/*	Name: George Munton
	Date: 2009 01 06 */

/* default elements */

html 				{background-color: #999999;
					/* main border colour outside page area */
					padding:10px;
					overflow-y: scroll;
					/* forces right scrollbar - maintain page layout */
					}
				
body 				{font:11pt Geneva, Arial, Helvetica, sans-serif;
					background-color:#666666;
					color:#808080;
					padding:30px;
					margin:10px;
					text-align: center;
					}
					/* padding = white gap between background border colour and banner - from AB site - currently being used?*/



#entirecontent		{width: 900px;
					margin: 0 auto;
					text-align: left;
					}


p					{margin:15px;
					padding-left:10px;
					padding-right:10px;
					color:#999999;
					line-height:16pt;
					text-align:justify;}

ul					{list-style-type:none;}

.bold				{font-weight:bold;}


a:link							{color:#333333;
								text-decoration:none;}
a:hover							{color:#333333;
								text-decoration:underline;}
a:visited						{color:#333333;
								text-decoration:none;}
								/* previously 483a1a */
							
.topmenu a:link					{color:#4f4f4f;
								text-decoration:none;}
.topmenu a:hover				{color:#4f4f4f;
								text-decoration:none;}
.topmenu a:visited				{color:#4f4f4f;
								text-decoration:none;}
				
.topmenularge a:link			{color:#4f4f4f;
								text-decoration:none;}
.topmenularge a:hover			{color:#4f4f4f;
								text-decoration:none;}
.topmenularge a:visited			{color:#4f4f4f;
								text-decoration:none;}
		
#menubottom a:link 				{color: #c0c0c0;
								text-decoration:none;}
#menubottom a:hover				{color: #c0c0c0;
								text-decoration:underline;}
#menubottom a:visited		 	{color: #c0c0c0;
								text-decoration:none;}
						/* used for email link at bottom - grey was #c0c0c0 */

.ccwdlink	a:link					{color: #999999;
								text-decoration:none;}
.ccwdlink a:hover		{color: #999999;
								text-decoration:underline;}
.ccwdlink a:visited		{color: #999999;
								text-decoration:none;}
						
					
.ccwdlink			{text-align:center;
							margin-top:20px;
							color:#999999;
							}
							
.navigationbottom a:link		{color: #483a1a;
								text-decoration:none;}
.navigationbottom a:hover		{color: #483a1a;
								text-decoration:none;}
.navigationbottom a:visited		{color: #483a1a;
								text-decoration:none;}
						

.towncountryoptions a:link		{color: #999999;
								text-decoration:none;}
.towncountryoptions a:hover		{color: #999999;
								text-decoration:none;}
.towncountryoptions a:visited	{color: #999999;
								text-decoration:none;}

			
.contactdetails a:link			{color: #999999;
								text-decoration:none;}
.contactdetails a:hover			{color: #999999;
								text-decoration:underline;}
.contactdetails a:visited		{color: #999999;
								text-decoration:none;}			
			

.arrowleft a:link 				{color:#999999;
								text-decoration:none;}
.arrowleft a:hover				{color:#999999;
								text-decoration:none;}
.arrowleft a:visited		 	{color:#999999;
								text-decoration:none;}

						
.arrowright a:link 				{color:#999999;
								text-decoration:none;}
.arrowright a:hover				{color:#999999;
								text-decoration:none;}
.arrowright a:visited 			{color:#999999;
								text-decoration:none;}

.arrowleftlargeimage a:link		{color:#999999;
								text-decoration:none;}
.arrowleftlargeimage a:hover	{color:#999999;
								text-decoration:none;}
.arrowleftlargeimage a:visited 	{color:#999999;
								text-decoration:none;}

.arrowrightlargeimage a:link	{color:#999999;
								text-decoration:none;}
.arrowrightlargeimage a:hover	{color:#999999;
								text-decoration:none;}
.arrowrightlargeimage a:visited {color:#999999;
								text-decoration:none;}
								


.patrons a:link 				{color:#999999;
								text-decoration:none;}
.patrons a:hover				{color:#999999;
								text-decoration:none;}
.patrons a:visited 				{color:#999999;
								text-decoration:none;}

				
							
.gmtop				{font: 22pt copperplate gothic light;
					font-variant:small-caps;
					padding-left:20px;
					padding-right:20px;
					padding-bottom:10px;
					padding-top:5px;
					margin-top:0px;
					margin-bottom:5px;
					color:#c0c0c0;
					background-color:#808080;
					}

.topmenulargeimages	{color:#483a1a;
					background-color:#808080;
					font: 10pt copperplate gothic light;
					font-weight:bold;
					text-align:right;
					padding-left:20px;
					padding-right:20px;
					padding-bottom:14px;
					padding-top:14px;
					margin-top:0px;
					}
					
.topmenularge		{float:right;
					color:#4f4f4f;
					font-size:10pt;
					font-weight:bold;
					padding-right:20px;
					margin-top:-25px;
					}
										
.tagline			{color:#cccccc;
					font-size:9pt;
					padding-bottom:0px;
					}

.topmenu			{float:right;
					color:#f4f4f;
					font-size:10pt;
					font-weight:bold;
					padding-left:10px;
					margin-top:8px;
					}
					/* margin-top to move top links up and down */
					
.topmenuactive		{
					}				
					/* state color only - ECM thinks unnec now Portfolio intro page deleted */

#menubottom			{font: 11px verdana;
					color: #c0c0c0;
					background-color: #808080;
					margin-bottom:10px;
					line-height:40px;
					padding-left:20px;
					width:880px;
					text-align:left;
					}
					/* fix width to sort MI screen? */

h1 					{font: 14pt copperplate gothic light;
					font-weight:bold;
					margin-bottom:0px;
					color:#999999;
					padding-left:10px;
					margin-left:15px;
					}
				
h2 					{font: 12pt copperplate gothic light;
					font-weight:bold;
					margin-top:20px;
					color:#999999;
					padding-left:10px;
					margin-left:15px;
					}
				
h3 					{font: 15pt copperplate gothic light;
					margin-top:20px;
					color:#999999;
					text-align:center;}
					/* not being used - prev T & C centered headings */
				
h4 					{font:15pt candara;
					font-weight:normal;
					text-align:center;
					margin-top:30px;
					color:#808080;
					padding-left:10px;
					margin-left:15px;
					}

h5  				{font-size: 10pt;
					color:#999999;}
	


ul					{list-style-type:none;}

.gmaboutchat		{font:13pt garamond;
					color:#999999;
					text-align:justify;
					border:1px solid;
					border-color:#808080;
					margin:25px;
					padding:20px;
					line-height:16pt;
					}

.aboutimages		{float:right;
					margin-right:25px;
					margin-left:25px;
					padding:25px;
					width:250px;
					border:1px solid;
					border-color:#808080;
					}
		
.exhibyear			{font-size:11pt;
					color:#999999;
					margin-left:15px;
					line-height:24px;}

.exhibnoyear		{font-size:11pt;
					color:#999999;
					margin-left:101px;
					line-height:24px;}
				
.exhibtitle			{font-size:11pt;
					color:#999999;
					margin-left:50px;
					line-height:22px;}

.forthcomingexhib	{margin-left:25px;
									margin-top:25px;
									margin-bottom:-10px;
									font-weight:bold;
									color:#999999;
									}
									
.patrons			{font-size:11pt;
					color:#999999;
					margin-left:30px;
					line-height:22px;}				
					/* list of patrons on patrons page - li class */

#menubottomlargeimages
					{font: 11px verdana;
					color: #c0c0c0;
					background-color: #808080;
					margin-bottom:10px;
					line-height:40px;
					padding-left:20px;
					float:right;
					}
					/* not being used - for enlarged image pages */

.copyright			{font: 11px verdana;
					color: #c0c0c0;
					line-height:40px;
					margin-bottom:10px;
					float:left;
					}

.nextpage			{float:right;
					font: 9pt copperplate gothic light;
					font-weight:bold;
					margin-top:10px;
					margin-right:14px;
					}

												
.navigationbottom	{font: 10pt copperplate gothic light;
					text-align:right;
					padding-left:10px;
					background-color: #808080;	
					margin-bottom:10px;
					line-height:40px;
					padding-right:20px;
					}

.bannerimage		{margin-top:10px;
					margin-bottom:8px;}	
					/* top banner and for paintings.html page */

.clearleft			{clear: left;}				
		
.comingsoon			{font: 24pt copperplate gothic light;
					text-align:center;
					padding-top:20px;
					color:#999999;}		

.towncountryoptions	{font:10pt copperplate gothic light;
					font-weight:bold;
					padding-top:0;
					margin-top:-45px;
					padding-bottom:75px;
					padding-left:20px;
					}

.towncountryactive	{color:#4a4a4a;
					font-weight:bold;
					}		

.exhibimageone		{border:10px solid;
					border-color:#4f4f4f;
					}

.patronsimage		{float:right;
					padding-right:75px;
					margin-right:75px;
					padding-left:25px;
					}

.patronsimagebox	{float:right;
					margin-top:-15px;
					margin-right:55px;
					margin-left:25px;
					padding:25px;
					width:310px;
					border:1px solid;
					border-color:#808080;
					}
					
.patronsimagetext	{font:9pt copperplate gothic light;
					font-weight:bold;
					color:#999999;
					text-align:center;
					padding-top:10px;
					padding-bottom:0px;
					}
					
.patronsimageone	{border:10px solid;
					border-color:#4f4f4f;
					}
					
.patronsimagetwo	{border:10px solid;
					border-color:#4f4f4f;
					}

.pricestext			{float:left;
					width:500px;}
					
.pricesimageleft	{float:left;
					margin-right:55px;
					margin-left:25px;
					margin-top:20px;
					padding:25px;
					width:295px;
					border:1px solid;
					border-color:#808080;
					}
					/* outer border - light grey */
					
.pricesimageright	{float:right;
					margin-right:25px;
					margin-left:55px;
					margin-top:-310px;
					padding:25px;
					width:295px;
					border:1px solid;
					border-color:#808080;
					}
					/* outer border - light grey */
					
.pricesimageone		{border:10px solid;
					border-color:#4f4f4f;
					}
					
.pricesimagetwo		{border:10px solid;
					border-color:#4f4f4f;
					}
								
.pricesimagetext	{font:9pt copperplate gothic light;
					font-weight:bold;
					color:#999999;
					text-align:center;
					padding-top:10px;
					padding-bottom:0px;
					}
					
.pricesprices		{float:right;
					color:#333333;
					text-align:center;
					margin-right:25px;
					margin-left:55px;
					margin-top:-300px;
					padding:25px;
					border:1px solid;
					border-color:#808080;
					}
					
.pricessizetitle	{font:13pt candara;
					font-variant:small-caps;
					width:100px;
					font-weight:bold;
					line-height:40px;
					}
												
.pricessize			{font:12pt candara;
					line-height:25px;
					}
					
.pricesoiltitle		{font:13pt candara;
					font-variant:small-caps;
					width:150px;
					font-weight:bold;
					}
										
.pricesoil			{font:12pt candara;
					}
					
					
.pricesstudytitle	{font:13pt candara;
					font-variant:small-caps;
					width:150px;
					font-weight:bold;
					}
										
.pricesstudy		{font:12pt candara;
					}			
											
.contactimageone	{border:10px solid;
					border-color:#4f4f4f;
					}
										
					
/* HORIZONTAL RULES & BREAKS */		
		
.brmini				{line-height:8px;}

.hrtop				{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:15px;
					margin-bottom:70px;}

.hrtoplargeimage	{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:15px;
					margin-bottom:0px;}

.hrtoptandc			{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:15px;
					margin-bottom:70px;}
					/* for Town and Country pages only */

.hrbottom			{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:70px;
					margin-bottom:15px;}

.hrlargeimages		{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:25px;
					margin-bottom:15px;}

.hrtoptext			{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:15px;
					margin-bottom:25px;}
					/* for About, Exhibitions, Patrons, Contact */
				
.hrbottomtext		{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:25px;
					margin-bottom:15px;}

.hrtopportfolio		{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:15px;
					margin-bottom:87px;}
	
.hrbottomportfolio	{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:88px;
					margin-bottom:15px;}

.hrbottomlargeimages	
					{border-bottom:1px;				
					border-style:inset;
					color:#808080;
					border-color:#808080;
					background-color:#666666;
					margin-top:40px;
					margin-bottom:15px;}
					/* check which hr tags are being used */

.hrgreyline			{margin-top:15px;
					margin-bottom:15px;
					}
				
.hrbottomarrows		{border-bottom:1px solid;
					color:#808080;
					background-color:#808080;
					margin-top:69px;
					margin-bottom:15px;}

					/* for town and country pages only x 4 */




				
/* IMAGES */

.imagelarge			{margin: 15px 63px 10px 10px;
					}
					/* for pages with large paintings - ALL EXCEPT diptychs and stand alone large image pages - about, patrons, contact */


.imagelargetext 	{font:10pt copperplate gothic light;
					font-variant:small-caps;
					text-align:center;
					line-height:16px;
					margin-top:20px;
					margin-right:63px;
					margin-left:10px;
					color:#c0c0c0;
					}
					/* for pages with enlarged paintings */

.imagelargenoloop	{margin: 15px 0px 10px 0px;
					}
					/* for enlarged image pages not on loop - contact, patrons, about */
					
.imagelargetextnoloop	
					{font:10pt copperplate gothic light;
					font-variant:small-caps;
					text-align:center;
					line-height:16px;
					margin-top:20px;
					color:#c0c0c0;
					}
					/* text for enlarged image pages not on loop - contact, patrons, about */


.imagesplash		{}
					
.imageright			{float:right;
					width:200px;
					padding-right:25px;
					margin-right:25px;
					margin-top:10px;
					margin-bottom:10px;}
					/* Not currently being used */

.imageleft			{float:right;
					width:200px;
					margin-left:25px;
					margin-top:10px;
					margin-bottom:10px;}
					/* about page */

.imageabout			{float:right;
					margin-right:25px;
					margin-left:25px;
					}
				
.aboutimageleft		{float:left;
					margin-right:25px;
					margin-bottom:10px;
					border:10px solid;
					border-color:#333333;
					}

.imageaboutright	{float:right;
					margin-right:25px;
					padding-left:50px;
					}
					/* not being used? */
									
.aboutimagegm		{float:right;
					margin-right:25px;
					margin-left:40px;
					margin-top:20px;
					border-style:solid;
					border-width:10px;
					border-color:#333333;

					}
					/* GM Isle of Lewis portrait */

.imagelargebambone	{float:left;
					margin-top:15px;
					margin-right:5px;
					margin-bottom:0px;
					margin-left:-42px;
					}
					
.imagelargebambtwo	{float:right;
					margin-top:15px;
					margin-right:22px;
					margin-bottom:0px;
					margin-left:0px;
					}

.imagelargeturnerone	
					{float:left;
					margin-top:15px;
					margin-right:5px;
					margin-bottom:0px;
					margin-left:-10px;
					}
					
.imagelargeturnertwo
					{float:right;
					margin-top:15px;
					margin-right:52px;
					margin-bottom:0px;
					margin-left:0px;
					}

					
					
.exhibimageosg		{border:10px solid;
					border-color:#808080;
					padding-left:0;
					padding-right:0;
					}
					
.exhibosgbox		{float:right;
					margin-top:35px;
					margin-right:25px;
					margin-left:25px;
					padding-top:20px;
					padding-bottom:10px;
					padding-left:30px;
					padding-right:30px;
					width:240px;
					border:1px solid;
					border-color:#808080;
					}

.exhibosgtext		{font: 11pt garamond, serif;
					color:#999999;
					text-align:center;
					padding-top:2px;
					padding-bottom:2px;
					}

.exhibosgsmalltext	{font-size:9pt;
					color:#999999;
					}
					
.contactdetails		{float:right;
					margin-right:25px;
					margin-left:25px;
					margin-top:-230px;
					width:500px;
					font: 12pt candara;
					color:#999999;
					text-align:center;
					line-height:18pt;
					}
					
.contactimage		{margin-left:50px;
					margin-right:25px;
					padding:25px;
					width:270px;
					border:1px solid;
					border-color:#808080;
					}
					
.contactimagetext	{font:9pt copperplate gothic light;
					font-weight:bold;
					color:#999999;
					text-align:center;
					padding-bottom:0px;
					}
																	
img 				{vertical-align:middle;}
					/* Not currently being used */

active				{color: #CCCCCC;
					background-color:#003300;}
					/* Not currently being used */

.town				{width: 100px;
					float: left;
					margin: 10px;}
					

.country			{width: 100px;
					float: right;
					margin: 10px;}
	
.imagebanner		{text-align: center;				
					}
				
.indivimages		{width:260px;
					height:153px;
					margin-right:10px;
					}
					/* currently being used for paintings3.html only */
				
.indivimagesright	{width: 260px;
					margin:0px;}
					/* currently being used for paintings3.html only */

				
.imagebanner4		{width:240px;
					padding:5px;}
					/* Not currently being used */

.imagebreak			{padding-bottom:15px;
					text-align:center;}

.imagenobreak		{text-align:center;}

				

					
				
				
/* ARROWS */

.arrowleft			{float:left;
					padding-top:20px;
					padding-left:15px;
					font:9pt copperplate gothic light;}

.arrowright			{float:right;
					padding-top:20px;
					padding-right:15px;
					font:9pt copperplate gothic light;}

					
.arrowleftlargeimage
					{float:left;
					font:9pt copperplate gothic light;
					margin-top:385px;
					}
					/* p-t:408px; */
					
.arrowrightlargeimage
					{float:right;
					font:9pt copperplate gothic light;
					margin-top:-42px;}
					/* line-height:-180px; */
					
.imageandarrows		{}					
					

.clickgoback		{font: 10pt arial;
					color:#c0c0c0;
					text-align:center;
					margin-top:10px;
					margin-right:0px;
					}					

					
					
/* CONTACT FORM */

.contactformlabel	{margin-left: 40px;
					}
					
label  				{float: left;
					margin-left:40px;
					width: 250px;
					font-weight: bold;
					}

input, textarea		{width: 180px;
	   				margin-bottom: 5px;
					margin-left:40px;}

textarea			{width: 250px;
					height: 150px;
					margin-left:40px;}

.boxes				{width: 1em;
					}

#submitbutton		{margin-left: 120px;
					margin-top: 5px;
					width: 90px;
					}

				
				
				
							 
.clearleft			{clear: left;
					}
				 
				 
.clearright			{clear: right;}

.clearboth			{clear: both;}