@charset "utf-8";
/* CSS Document */

body 	{ 	
	background:url(../images/template/background.png) repeat-x; 
	background-color:#EEEEEE; 
	margin:0; 
	font-family:Helvetica, Geneva, Verdana, sans-serif;
	text-align:center;
}
a	{text-decoration:none; color:#0066A8;}
a.hover	{color:#00CCFF; text-decoration:underline;}
p	{font-size:12px;}
h1	{font-size:18px; font-weight:bold;}
h2	{font-size:16px; font-weight:bold;}
h3	{font-size:14px; font-weight:bold; color: #0066A8;}
h4	{font-size:12px; font-weight:bold;}

#Banner {
	width:100%; 
	height:149px;
	background:url(../images/template/bannerBackground.jpg) repeat-x;
	float:left;
}

#BannerHolder {
	width:802px;
	height:95px;
	margin:0 auto;
	top:54px;
	position:relative;

}

#BannerNav {
	width:511px;
	height:95px;
	margin:0 auto;
	background:url(../images/template/banner.jpg) no-repeat;

}

	/*Code for styling and controlling the horizontal navigation menu at the top of each webpage*/
	.HorizontalMenu 				{	height:32px; text-align:center; float:left;
										position:relative; left:5px; top:63px; width:502px; }
										
	ul.HorizontalMenu				{ 	margin:0; border:0; padding:0; list-style:none;}
										
	ul.HorizontalMenu li			{	display:inline; line-height:2.3em; margin:0; padding:0;	border:0; float:left;}
										
	ul.HorizontalMenu li a			{	display:block; text-decoration:none; margin:auto; border:0; 
										padding:0; font-weight:bold; height:32px;}
										
	ul.HorizontalMenu li a:hover	{	text-decoration:none;}
	
	#Home #HomeButton a				{	background:url(../images/template/home.jpg) no-repeat;}
	#Home #HomeButton a:hover		{	background:url(../images/template/home.jpg) no-repeat;}
	
	#Paintings #PaintingsButton a				{	background:url(../images/template/paintings.jpg) no-repeat;}
	#Paintings #PaintingsButton a:hover		{	background:url(../images/template/paintings.jpg) no-repeat;}
	
	#Statement #StatementButton a				{	background:url(../images/template/statement.jpg) no-repeat;}
	#Statement #StatementButton a:hover		{	background:url(../images/template/statement.jpg) no-repeat;}
	
	#Gallery #GalleryButton a				{	background:url(../images/template/gallery.jpg) no-repeat;}
	#Gallery #GalleryButton a:hover		{	background:url(../images/template/gallery.jpg) no-repeat;}
	


	#HomeButton a:hover							{	background:url(../images/template/home.jpg) no-repeat;}

	#PaintingsButton a:hover			{	background:url(../images/template/paintings.jpg) no-repeat;}

	#StatementButton a:hover					{	background:url(../images/template/statement.jpg) no-repeat;}

	#GalleryButton a:hover			{	background:url(../images/template/gallery.jpg) no-repeat;}
	

#MainContent {
	width:802px;
	height:100%;
	margin:0 auto;
	background:url(../images/template/contentHolder.png) repeat-y;
	clear:both;
	
}

#Content {
	width:700px;
	height:100%;
	margin-left:26px;
	margin-right:36px;
	text-align:left;
	padding:10px 10px 10px 20px;
}

#Footer {
	width:100%; 
	height:48px;
	background:url(../images/template/footerBackground.jpg) repeat-x;
	float:left;
}

.clearBoth	{clear:both;}

/*Gallery*/
.GalleryRoll	{width:700px;}

.GalleryRoll a					{	display:block; width:auto; padding:1px; background-color: #999999; 
										float:left; margin-right:10px; margin-left:24px; margin-bottom:10px;}
.GalleryRoll a:hover			{	background-color:#00468A;}