/*******************************************/
/* Argyll Online Homepage Override Styles */
/*****************************************/

h1 {
	font: bold 13px arial, verdana, sans-serif;
	color: #003B84;
	margin: 0px 0px 0px 0px;
	}

h2 {
	font: bold 14px 'Trebuchet MS', arial, verdana, sans-serif;
	color: #C65E2B;
	margin: 0px 0px 0px 0px;
	}

/**********************************************/
/* Argyll Online Homepage Override Framework */
/********************************************/

#mainArea {
	width: 100%;
	}
						
	#mainArea #leftArea { 
		width: 206px;
		font: 10px verdana, arial, sans-serif;
		}
		
		#mainArea #leftArea a {text-decoration: none; font: 10px verdana, arial, sans-serif;}
		#mainArea #leftArea a:hover {text-decoration: underline;}
		
		#mainArea #leftArea .accommodation {
		
			}
			
			#mainArea #leftArea .accommodation a.light {display: block; padding: 5px 0px 4px 7px; background-color: #F7F7FF; background-image: url(images/homepage/accommodation_arrow_light.gif); background-position: right top; background-repeat: no-repeat; border-bottom: 1px solid #205596; border-right: 1px solid white; color: #666876;}
			#mainArea #leftArea .accommodation a.light:visited {color: #666876;}
			#mainArea #leftArea .accommodation a.light:hover {color: #666876;}
			
			#mainArea #leftArea .accommodation a.dark {display: block; padding: 5px 0px 4px 7px; background-color: #E3EBFB; background-image: url(images/homepage/accommodation_arrow_dark.gif); background-position: right top; background-repeat: no-repeat; border-bottom: 1px solid #205596; border-right: 1px solid white; color: #666876;}
			#mainArea #leftArea .accommodation a.dark:visited {color: #666876;}
			#mainArea #leftArea .accommodation a.dark:hover {color: #666876;}
		
		#mainArea #leftArea .ecards {
			height: 90px;
			padding: 15px 14px 0px 0px;
			color: #C65E2B;
			background-image: url(images/homepage/left_ecardsbackground.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			text-align: right;
			}
			
			#mainArea #leftArea .ecards a {color: #C65E2B;}
			#mainArea #leftArea .ecards a:visited {color: #C65E2B;}
			#mainArea #leftArea .ecards a:hover {color: #C65E2B;}
		
		#mainArea #leftArea .newsletter {
			height: 105px;
			padding: 18px 0px 0px 7px;
			color: #6C8A47;
			background-image: url(images/homepage/left_newsletterbackground.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			}
	
	#mainArea #contentArea {
		width: 352px;
		}
		
		#mainArea #contentArea #search {
			height: 28px;
			padding: 0px 0px 0px 0px;
			background-image: url(images/homepage/background_search.gif);
			background-repeat: repeat-x;
			background-position: left top;
			}
		
		#mainArea #contentArea .contentHolder {
			clear: both;
			background-image: url(images/homepage/background_contentholder.gif);
			background-repeat: repeat-x;
			background-position: left top;
			padding: 5px 5px 5px 5px;
			}
				
	#mainArea #rightArea {
		width: 200px;
		font: 10px verdana, arial, sans-serif;
		color: #6C8A47;
		border-left: 1px solid white;
		}
		
		#mainArea #rightArea a {text-decoration: none; color: #6C8A47; font: 10px verdana, arial, sans-serif;}
		#mainArea #rightArea a:visited {color: #6C8A47;}
		#mainArea #rightArea a:hover {text-decoration: underline; color: #6C8A47;}
		
		#mainArea #rightArea .more {
			line-height: 20px;
			border-bottom: 1px solid white;
			background-color: #CAE0AF;
			}
			
			#mainArea #rightArea .more a {line-height: 20px;}
					
		#mainArea #rightArea .events {
			height: 86px;		
			padding: 30px 0px 0px 7px;
			border-bottom: 1px solid white;
			background-image: url(images/homepage/right_events.jpg);
			background-repeat: no-repeat;
			background-position: left top;
			}
				
			#mainArea #rightArea a.light {text-decoration: none; display: block; padding: 5px 0px 4px 7px; background-color: #FFFFF7; background-image: url(images/homepage/events_arrow_light.gif); background-position: right top; background-repeat: no-repeat; border-bottom: 1px solid white; color: #7A7A76; font: 10px verdana, arial, sans-serif;}
			#mainArea #rightArea a.light:visited {color: #7A7A76;}
			#mainArea #rightArea a.light:hover {text-decoration: underline; color: #7A7A76;}
			
			#mainArea #rightArea a.dark {text-decoration: none; display: block; padding: 5px 0px 4px 7px; background-color: #EFEFE7; background-image: url(images/homepage/events_arrow_dark.gif); background-position: right top; background-repeat: no-repeat; border-bottom: 1px solid white; color: #7A7A76; font: 10px verdana, arial, sans-serif;}
			#mainArea #rightArea a.dark:visited {color: #7A7A76;}
			#mainArea #rightArea a.dark:hover {text-decoration: underline; color: #7A7A76;}
		
		#mainArea #rightArea .news {
			padding: 0px 0px 8px 0px;
			background-color: white;
			background-image: url(images/homepage/right_newsbackground.jpg);
			background-repeat: no-repeat;
			background-position: left 15px;
			}
				
			#mainArea #rightArea .news h2 {
				margin: 8px 8px 0px 8px;
				font: bold 10px verdana, arial, sans-serif;
				color: #C65E2B;
				}
				
			#mainArea #rightArea .news a {text-decoration: none; display: block; margin: 0px 8px 0px 8px; color: #333332; font: 10px verdana, arial, sans-serif;}
			#mainArea #rightArea .news a:visited {color: #333332;}
			#mainArea #rightArea .news a:hover {text-decoration: underline; color: #333332;}