/* 
/* <link rel="stylesheet" type="text/css" href="http://juliuspaintings.co.uk/css/mainIndexLayoutColumns.css" />
/* <link rel="stylesheet" type="text/css" href="http://juliuspaintings.co.uk/css/paintLayoutListsEtc.css" />
/* <link rel="stylesheet" type="text/css" href="http://juliuspaintings.co.uk/css/mainIndexLayoutofContent.css" />
/* <link rel="stylesheet" type="text/css" href="http://juliuspaintings.co.uk/css/paintImages.css" />
/* <link rel="stylesheet" type="text/css" href="http://juliuspaintings.co.uk/css/paintFonts.css" />

*/

/* mainIndexLayoutColumns.css
*/
body {
	font-size: 100%;	/* historical to avoid IE wierdness when using ems 			*/
	background-color: white;
	font-family: helvetica,arial,sans-serif;
	font-weight: 400;
	margin:0px 5px 0px 10px;
}


div.header {
	width: 780px;
/*	background: #d7dabd;
*/
}

div.spacer {
	clear: both;
}
  
div.twoColumns {
	width: 784px;
/*	width: 760px;
*/
}

div.contentColumn {
	padding: 10px;
	/*background: #f1f2ea;*/
	float:right;
}

/* this is the ie 5 and be nice to opera bug fix
/* we want the box to be 500px wide and and for there to be a 10 pix interior
/* margin so that the content of the box is 480 pix wide
*/
div.contentColumn {
	width:540px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:520px; 
}
html>body .contentColumn {
  	width:520px;
}
/* end bug fix
*/

div.indexColumn {
	padding: 10px;
	float:left;
	/*background: #f1f2ea;*/
/*	background: #aaaa99;
*/
}

div.indexColumn {
	width:220px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:200px;
}
html>body .indexColumn {
  	width:200px;
}

div.footer {
	width: 760px;
	clear:both;
/*	background: #9999aa;
*/
}


/* layout of the two w3 images
*/

div.w3images {
	width: 240px;
}
div.footImg1 {
	padding: 10px;
	float:left;
}
div.footImg1 {
	width:120px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:100px;
}
html>body .footImg1 {
  	width:100px;
}

div.footImg2 {
	padding: 10px;
	float:right;
}
div.footImg2 {
	width:120px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:100px;
}
html>body .footImg2 {
  	width:100px;
}

/* paintLayoutListsEtc.css
*/

div.thePicture {
	margin-top: 0.5em;
	text-align: center;
}

div.pictureTitle {
	text-align: center;
}

/*
/* LAYOUT INDEX
*/

ul.constantIndexElements  {				/* ok */
	list-style-type:none;
	margin-top: -0.1em;
	font-size: 1em;
	margin-left: 0px;
	padding-left: 0px;
}

li.constantIndexElements {				/* ok */
	clear:both;
	margin-top: 0.5em;
}


ul.predAndSuccGroups  {				/* ok */
	list-style-type:none;
	margin-top: -0.1em;
	font-size: 1em;
	font-weight: 800;
	text-align:right;
	margin-left: 0px;
	padding-left: 0px;
}

li.predAndSuccGroups {				/* ok */
	clear:both;
	margin-top: 0.5em;
}


ul.indexElements  {				/* ok */
	list-style-type:none;
	/*margin-top: -0.1em;*/
	font-size: 1em;
	margin-left: 0px;
	padding-left: 0px;
}

li.indexElements {				/* ok */
	clear:both;
	/*margin-left: -40px; */
}

div .indexImg {
	margin-top: 0.5em;
	text-align: center;
}

ul.bigPrintList  {				/* ok */
	list-style-type:none;
	/*margin-top: -0.1em;*/
	margin-top: 0em;
	font-size: 1em;
	margin-left: 0px;
	padding-left: 0px;
}

li.bigPrintList {				/* ok */
	clear:both;
	margin-top: 0.5em;
	/*margin-left: -40px;*/
}

ul.commentList  {				/* ok */
	list-style-type:none;
	/*margin-top: -0.1em;*/
	margin-top: 0.2em;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;
}

li.commentList {				/* ok */
	clear:both;
	margin-top: 0.5em;
	/*margin-left: -40px;*/
}


/* mainIndexLayoutofContent.css
*/

div.myTable {
	/*clear:both;*/
	padding: 0px;
	margin:0px;
	border-style:solid;
	border-width:thin;
	border-color: #000000;
} 


img.imgMainIndex {
	border-width: thin;
	border-color:  #000000;
	border-style: solid;
}

/* paintImages.css
*/


img.idex {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}

.w3icon {
	border-width: 1px;
	border-color: #ffffff;
	border-style: solid;
}


img.contentImage {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}

/* paintFonts.css
*/
body {
	font-family:Arial,sans-serif;
}

.mainIndex {
	font-size: 1.0em;
	font-weight: 700;
	margin-top: -0.1em;
	margin-bottom:  0.2em;

}

h2.mainIndex  {
	font-size:1.2em; 
	font-weight: 900;
	margin-top: 0.5em;
	margin-bottom:  0.0em;
}

h3.mainIndex {
	font-size:1.0em; 
	font-weight: 700;
	margin-top: 0.2em;
	margin-bottom:  0.0em;
}

#siteTitle h1 {
	text-align:center;
	font-size:2.0em; 
	font-weight: 900;
	margin-top: 0.2em;
	margin-bottom:  0.0em;
}

#siteTitle h2 {
	text-align:center;
	font-size: 1.2em;
	font-weight: 700;
	color:black;
	margin-top: -0.1em;
	margin-bottom:  0.2em;

}

.constantIndexElements {
	text-align:right;
	font-size: 1.0em;
	font-weight: 600;
}

.bigPrintList {
	text-align:right;
	font-size: 1.0em;
	font-weight: 600;
}

#friendsEmailForm {
	font-size:1.0em; 
	font-weight: 500;
	margin-top: 0.2em;
	margin-bottom:  0.0em;
}

#friendsEmailForm h1 {
	font-size:1.3em; 
	font-weight: 900;
	margin-top: 0.5em;
	margin-bottom:  0.0em;
}

#friendsEmailForm h2 {
	font-size:1.2em; 
	font-weight: 900;
	margin-top: 0.5em;
	margin-bottom:  0.0em;
}


#friendsEmailForm .error{
	font-style: italic;
	background-color:  #ffff60 ;
}


#friendsEmailForm h2.error{
	font-style: normal;
	color: #ff0000;
	background-color:  #ffffff   ;
}

a:hover img {
	border:1px;  
	border-color: #808080; 
	border-style: solid
}

/*img.idex {
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
}
*/


a:link {
	color: #600000 ;
}
a:visited {
	color: #500060  ;
}
a:hover {
	/*font-style: italic;*/
	background-color:  #ffff00   ;
}


/*

a.footImg1:hover {
	border:none;
	background-color:  #ffffff   ;
}
a.footImg2:hover {
	border:none;
	background-color:  #ffffff   ;
}

*/