/***************************************************
             Building a Just Society 023/021
***************************************************/
body {
background-color: #333;
}


/*FOR NEW TEMPLATES WITH IMAGE IN BANNER*/
div.center h1 {
background-color:  #333;
padding: 8px;
margin: 8px;
text-align: left;
border: 1px solid #ffffff;
display: block;
font-size: 1.30em;

}


div.center h1 a {
color: #fff;
}

div.center h2  {
color: #990033;

}


div.center  h3, h4 
{
	background-color: #ffffff;
	color: #000000;
	
}

div.center h1 span
{
font-size: 75%;

}


/* LEFT MENU */

ul.nav {
width: 100%;
background-color: #ccccff;
}

ul.nav li {
background-color: #ccccff;
border: none;
margin: 0;
padding: 0;
display: block;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #ccccff;
margin: 0px;
padding: 4px 10px 4px 0px;
border: none;
border-left: 8px solid #ccccff;
color: #000000;
}

ul.nav li a.menulink:hover {
color: #ffffff;
background-color: #990033;
margin: 0px;
padding: 4px 10px 4px 0px;
border-left: 8px solid #990033;
}

ul.nav li span.on-state, a.on-state {
display: block;
background-color: #990033;
color: #ffffff;
text-decoration: none;
margin: 0px;
padding: 4px 10px 4px 0px;
border-left: 8px solid #990033;
font-weight: normal;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
display: block;
background-color: #990033;
margin: 0px;
padding: 4px 10px 4px 0px;
border-left: 8px solid #990033;
color: #ffffff;

}


/*LEFT SUB-MENU CLASSES*/

ul.nav3 {
width: auto;
margin: 0px;
padding: 0px;
background-color: #ccccff !important;

}

ul.nav3 li {
background-color: #ccccff;
margin: 0px;
padding: 0px;
display: inline;
font-size: .85em;
border: none;
border-bottom: 1px dashed #000000;
width: 100%;
}


ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
background-color: #ccccff;
display: block;
margin:  0px;
padding: 7px 5px 7px 10px;
border: none;
border-left: 8px solid #ccccff;
text-decoration: none;
width: 125px;
font-weight: normal;
}


ul.nav3 li span.on-state {
border: none;
display: block;
border-left: 8px solid #000;
padding: 7px 5px 7px 10px;
margin:  0px;
background-color: #ccccff;
color: #000000;

}

ul.nav3 li a.menulink:hover {
background-color: #ccccff;
border-left: 8px solid #000;
padding: 7px 5px 7px 10px;
margin: 0px;
display: block;
color: #000000;

}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
background-color: #ffcc33;
color: #000000;
padding: 7px 5px 7px 10px;
margin: 0px; 
border-left: 8px solid #000;
}



ul.nav3 a.on-state {
background-color: #ffcc33;
color: #000000;
border-left: 8px solid #000;

}

/*END OF LEFT SUB-MENU CLASSES*/

/*RIGHT NAVIGATION*/

.right-navigation {

border-bottom: none;

}

/*PROACTIVE FIX*/

div#procontainer a.menulink {
padding: 5px 10px ;
}



/* images - fixed by vl*/




.photoContainer {
width: 380px;
margin: 10px 0 0 10px;
padding: 10px 0 10px 0;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}

.photo-bg {
background-color:  #333;

}


.photo-bg img {
margin: 0px 0px 0px 50px;

}

.photoContainerLarge {
width: 380px;
margin: 10px 0px 0px 70px;
padding: 10px 0px 10px 0px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;

}

.photo-Large {
background-color:  #333;

}


.photo-Large img {
margin: 0px 0px 0px 50px;

}


.photo-caption {
font-size: 0.8em;
color: #000;
background-color: #fff;

}

.center .photo-caption a, .center .photo-caption a:link, .center .photo-caption a:active, .center .photo-caption a:visited, .center .photo-caption a:hover {
color: #990066;

}

/* thumbnail photos on index page*/

.thumbnails {
width: 380px;
margin: 15px 10px 15px 10px;
padding: 15px 0px 0px 0px;
border-top: 1px dotted #999999;
}

.thumbnails img {
float: left;
margin: 0px;
padding: 0px;


}

.thumbnailsLast {
width: 380px;
margin: 15px 10px 15px 10px;
padding: 15px 0px 15px 0px;
border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;

}

.thumbnailsLast img {
float: left;
margin: 0px;
padding: 0px;


}

.thumbnailsCaption1  {
width: 290px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption1 a, .center .thumbnailsCaption1 a:link, .center .thumbnailsCaption1 a:active, .center .thumbnailsCaption1 a:visited, .center .thumbnailsCaption1 a:hover {
color: #990066;

}

.thumbnailsCaption2  {
width: 240px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption2 a, .center .thumbnailsCaption2 a:link, .center .thumbnailsCaption2 a:active, .center .thumbnailsCaption2 a:visited, .center .thumbnailsCaption2 a:hover {
color: #990066;

}

.thumbnailsCaption3  {
width: 300px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption3 a, .center .thumbnailsCaption3 a:link, .center .thumbnailsCaption3 a:active, .center .thumbnailsCaption3 a:visited, .center .thumbnailsCaption3 a:hover {
color: #990066;

}

.thumbnailsCaption4  {
width: 225px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}


.center .thumbnailsCaption4 a, .center .thumbnailsCaption4 a:link, .center .thumbnailsCaption4 a:active, .center .thumbnailsCaption4 a:visited, .center .thumbnailsCaption4 a:hover {
color: #990066;

}

.thumbnailsCaption5  {
width: 275px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption5 a, .center .thumbnailsCaption5 a:link, .center .thumbnailsCaption5 a:active, .center .thumbnailsCaption5 a:visited, .center .thumbnailsCaption5 a:hover {
color: #990066;

}

/*END OF THUMBNAIL PHOTOS ON INDEX PAGE*/


/* THUMBNAIL PHOTOS ON 2 COLUMN PAGES */

.thumbnailsLG {
width: 480px;
margin: 15px 10px 15px 15px;
padding: 15px 0px 0px 15px;
border-top: 1px dotted #999999;

}

.thumbnailsLG img {
float: left;
margin: 0px;
padding: 0px;


}


.thumbnailsLastLG {
width: 480px;
margin: 15px 10px 15px 15px;
padding: 15px 0px 15px 15px;
border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;

}

.thumbnailsLastLG img {
float: left;
margin: 0px;
padding: 0px;


}

.thumbnailsCaption1LG  {
width: 390px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption1LG a, .center .thumbnailsCaption1LG a:link, .center .thumbnailsCaption1LG a:active, .center .thumbnailsCaption1LG a:visited, .center .thumbnailsCaption1LG a:hover {
color: #990066;

}

.thumbnailsCaption2LG  {
width: 325px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption2LG a, .center .thumbnailsCaption2LG a:link, .center .thumbnailsCaption2LG a:active, .center .thumbnailsCaption2LG a:visited, .center .thumbnailsCaption2LG a:hover {
color: #990066;

}

.thumbnailsCaption2aLG  {
width: 335px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;


}

.center .thumbnailsCaption2aLG a, .center .thumbnailsCaption2aLG a:link, .center .thumbnailsCaption2aLG a:active, .center .thumbnailsCaption2aLG a:visited, .center .thumbnailsCaption2aLG a:hover {
color: #990066;

}

.thumbnailsCaption3LG  {
width: 400px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption3LG a, .center .thumbnailsCaption3LG a:link, .center .thumbnailsCaption3LG a:active, .center .thumbnailsCaption3LG a:visited, .center .thumbnailsCaption3LG a:hover {
color: #990066;

}

.thumbnailsCaption3aLG  {
width: 100px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption3aLG a, .center .thumbnailsCaption3aLG a:link, .center .thumbnailsCaption3aLG a:active, .center .thumbnailsCaption3aLG a:visited, .center .thumbnailsCaption3aLG a:hover {
color: #990066;

}

.thumbnailsCaption3bLG  {
width: 363px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: left;

}

.center .thumbnailsCaption3bLG a, .center .thumbnailsCaption3bLG a:link, .center .thumbnailsCaption3bLG a:active, .center .thumbnailsCaption3bLG a:visited, .center .thumbnailsCaption3bLG a:hover {
color: #990066;

}


.thumbnailsCaption4LG  {
width: 350px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption4LG a, .center .thumbnailsCaption4LG a:link, .center .thumbnailsCaption4LG a:active, .center .thumbnailsCaption4LG a:visited, .center .thumbnailsCaption4LG a:hover {
color: #990066;

}

.thumbnailsCaption5LG  {
width: 375px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption5LG a, .center .thumbnailsCaption5LG a:link, .center .thumbnailsCaption5LG a:active, .center .thumbnailsCaption5LG a:visited, .center .thumbnailsCaption5LG a:hover {
color: #990066;

}

.thumbnailsCaption6LG  {
width: 225px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption6LG a, .center .thumbnailsCaption6LG a:link, .center .thumbnailsCaption6LG a:active, .center .thumbnailsCaption6LG a:visited, .center .thumbnailsCaption6LG a:hover {
color: #990066;

}

.thumbnailsCaption7LG  {
width: 250px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption7LG a, .center .thumbnailsCaption7LG a:link, .center .thumbnailsCaption7LG a:active, .center .thumbnailsCaption7LG a:visited, .center .thumbnailsCaption7LG a:hover {
color: #990066;

}

.thumbnailsCaption8LG  {
width: 170px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;


}

.center .thumbnailsCaption8LG a, .center .thumbnailsCaption8LG a:link, .center .thumbnailsCaption8LG a:active, .center .thumbnailsCaption8LG a:visited, .center .thumbnailsCaption8LG a:hover {
color: #990066;

}

.thumbnailsCaption9LG  {
width: 300px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;


}

.center .thumbnailsCaption9LG a, .center .thumbnailsCaption9LG a:link, .center .thumbnailsCaption9LG a:active, .center .thumbnailsCaption9LG a:visited, .center .thumbnailsCaption9LG a:hover {
color: #990066;

}

.thumbnailsCaption10LG  {
width: 275px;
margin: 0px;
padding: 0px;
font-size: 0.75em;
float: right;

}

.center .thumbnailsCaption10LG a, .center .thumbnailsCaption10LG a:link, .center .thumbnailsCaption10LG a:active, .center .thumbnailsCaption10LG a:visited, .center .thumbnailsCaption10LG a:hover {
color: #990066;

}

/*END OF THUMBNAIL PHOTOS ON 2 COLUMN PAGES */

/* FURTHER RESEARCH BOX */

.sites-outer {
width: 98%;
margin: 5px 0px 0px 3px;
padding: 5px 5px 15px 0px;
background-color: #ccc;
color: #000;
/*font-size: 0.85em;*/
text-align: left;

}

.sites-inner {
position: relative;
background-color: #ccc;

}

.sites-inner p {
position: relative;
width: auto;
background-color: #ccc;
color: #000;
padding: 0px 0px 0px 20px;
margin: 10px;
font-size: 0.9em;
}

.sites-inner .further p {
padding: 8px 8px 8px 8px;
margin: 10px 10px 10px 22px;
color: #fff;
background-color: #990066;

}


.sites-inner a, .sites-inner a:link, .sites-inner a:active, .sites-inner a:visited {
background-color: #ccc;
color: #000;
}


.sites-outer3Col {
width: 98%;
margin: 5px 0px 0px 2px;
padding: 5px 5px 15px 0px;
background-color: #ccc;
color: #000;
text-align: left;

}

.sites-inner3Col {
position: relative;
background-color: #ccc;

}

.sites-inner3Col p {
position: relative;
width: auto;
background-color: #ccc;
color: #000;
padding: 0px 0px 0px 20px;
margin: 10px;
font-size: 0.9em;
}


.sites-inner3Col a, .sites-inner3Col a:link, .sites-inner3Col a:active, .sites-inner3Col a:visited {
background-color: #ccc;
color: #000;
}

.sites-inner3Col .further3Col p {
padding: 8px 8px 8px 8px;
margin: 10px 10px 10px 22px;
color: #fff;
background-color: #990066;
}

/*END OF FURTHER RESEARCH BOX */

.clear {
clear: both;
}

/*for the source links for the essay*/

.essay-source  {
margin: 0px 30px 15px 0px;
text-align: right;
font-size: 0.75em;

}

span.essay-source a, span.essay-source a:link, span.essay-source a:active, span.essay-source a:visited, span.essay-source a:hover  {
background-color: #fff;
color: #990066;

}