/* ORDER

/* <link rel="stylesheet" type="text/css" href="http://juliuspaintings.co.uk/css/paintLayoutColumns.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/paintImages.css" />
/* <link rel="stylesheet" type="text/css" href="http://juliuspaintings.co.uk/css/paintFonts.css" />

/* collumn layout
*/

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: 3220px;*/
	width:5130px;
}

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 3000px wide and and for there to be a 10 pix interior
/* margin so that the content of the box is 2980 pix wide
*/
div.contentColumn {
/*	width:3000px;*/
	width:4900px;
	voice-family: "\"}\""; 
	voice-family:inherit;
/*	width:2980px; */
	width:4880px;
}
html>body .contentColumn {
/*  	width:2980px; */
	width:4880px;
}
/* end bug fix
*/

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

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

div.footer {
	width: 780px;
	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
*/

/*
/* LAYOUT CONTENT
*/

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

div.pictureTitle {
/*	text-align: center;*/
  	width:512px;
}

p {
	margin-top: 0.5em;
  	width:350px;
}

div.paragraphSequence {
	margin-top: 0.5em;
  	width:350px;
}

/*
/* 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;*/
}


/*  paintImages.css
*/
/* css for image appearance - non layout
*/


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;
}


.pictureTitle h2 {
	font-size:1.2em; 
	font-weight: 700;
	margin-top: 0.2em;
	margin-bottom:  0.0em;
}

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



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

}

#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   ;
}


/*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:hover img {
	border:1px;  
	border-color: #808080; 
	background-color:  #ffffff   ;
	border-style: solid
}



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


h1 {
	font-size:1.3em; 
	font-weight:700;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
}

h2 {
	font-size:1.2em; 
	font-weight:700;
	margin-top: 0.2em;
	margin-bottom:0.3em;
}

h3 {
	font-size:1.1em; 
	font-weight:700;
	margin-top: 0.2em;
	margin-bottom:  0.3em;
}


h1.centered {
	text-align:center;
	font-size:1.5em; 
	font-weight:700;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
}

h2.centered {
	text-align:center;
	font-size:1.4em; 
	font-weight:700;
	margin-top: 0.2em;
	margin-bottom:0.3em;
}

h3.centered {
	text-align:center;
	font-size:1.2em; 
	font-weight:700;
	margin-top: 0.2em;
	margin-bottom:  0.3em;
}