/********************** LAW SUBSITE  - CENTRE FOR HUMAN RIGHTS IN PRACTICE SPECIFIC CSS **********************/

/*** THEIR BOX STYLES FOR USE IN EDITOR, 20 JAN 2011, JM ***/

/***** NEW SITE DESIGN (but not of our choosing), JAN 2011, JM * ****/



/********************** GLOBAL MARKUP (contains headings) **********************/

body { color: black;}
h1 {
	color: #14316B;
}

h2 {
	color: #14316B;
}

h3 {
	color: #14316B;
}

h4 {
	color: #14316B;
}

h5 {
	color: #14316B;
}

h6 {
	color: #14316B;
}



/********************** DEPARTMENT BAR (contains search) **********************/

#departmentBar {
	background-color:#990708;
	border-bottom: 1px solid white;	
}

/*LEFT NAV BAR*/


#outerNavigation, .navigationBackground {
	background-color: #9bb9ad;
}

#navigation .rtop *,
#navigation .rbottom *,
#navigation div
{
background-color: #990708;
color: white;
}
#navigation .selected div
{
color: #990708;
}

#navigation li.selectedSection div,
#navigation li.selectedSection .rtop *,
#navigation li.selectedSection .rbottom *,
#navigation li.selectedSection ul
{
 background-color: #6e6b6b;
 }
 
#navigation .submenu li.selected div.children .rtop *,
#navigation .submenu li.selected div.children .rbottom *,
#navigation .submenu li.selected div.children ul
 {
 background-color: #c8c6c6;
 }
 
	/* Section links */
	#navigation li a:link,
	#navigation li a:visited
	{
	color: white;
}

/* selected section link */
#navigation .selectedSection a:link,
#navigation .selectedSection a:visited
 {
	color: white;
	}
	
	/* page children links */
	#navigation .children a:link,
	#navigation .children a:visited
	{
	color: #990708;
	}
	#main #navigation li a:link:hover, #main #navigation li a:visited:hover { color: white; }
	#main #navigation .selectedSection a:link:hover, #main #navigation .selectedSection a:visited:hover {color: white;}
	#main #navigation .children a:link:hover, #main #navigation .children a:visited:hover {color: #990708;} 
	#outerNavigation {
	background-image: url(bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	/* tweak repeat and position depending on how well image will tile */
	}
	/* enough padding to give space for the bottom image. You can make this amount less, if you want it to underlap the menus for an interesting effect*/
	#navigation {
	padding-bottom: 200px;
	}


/* site specific fancy styles */

#mainContent .content .stafflist h2 {
	background-color: #EEE9AF;
	color: #882514;
	font-size: 90%;
	padding: 0 0 0 5px;
	margin: 0 0 0 0;
}

#mainContent .content .stafflist td {
	border-bottom: dotted 1px #882514;
}

#mainContent .content .researchlist h2 {
	background-color: #EEE9AF;
	color: #882514;
	font-size: 90%;
	padding: 0 0 0 2px;
	margin: 0 0 0 0;
}

#mainContent .content .researchlist td {
	border-bottom: dotted 1px #882514;
}

#mainContent .content img {
	padding: 3px;
}

#mainContent .content .title1 {
	color: white;
	font-weight : bold;
	background-color: #62A3CD;
	padding: 2px 2px 2px 4px;
	margin-top: 10px;
}

#mainContent .content .title2 {
	color: #3B6492;
	font-weight : bold;
}

#mainContent .content .speciallinks a {
        font-weight : bold;
        color: #5B98C7;
}

#mainContent .content .speciallinks a:link {
        color: #5B98C7;
}

#mainContent .content .speciallinks a:visited {
        color: #5B98C7;
}

#mainContent .content .speciallinks a:active {
        color: #5B98C7;
}

#mainContent .content .speciallinks a:hover {
        color: #5B98C7;
        text-decoration : none;
}

#mainContent .content .redbox, #rhsContent .content .redbox {
	border: solid 1px #9797A1;
	background-color: #F6F3D2;
	width: 95%;
}

#mainContent .content .redbox h2, #rhsContent .content .redbox h2 {
	background-color: #990708;
	font-size: 90%;
	color: white;
	padding: 2px 2px 2px 4px;
}

#mainContent .content .redbox p, #rhsContent .content .redbox p {
	padding: 2px;
}

#mainContent .content .redbox a, #rhsContent .content .redbox a {
        display: block;
        font-size: 85%;
        font-weight : bold;
        text-decoration : none;
        color: #6C6B6D;
        padding: 5px 5px 5px 5px;
        line-height: 120%;
		margin: 0px;
}

#mainContent .content .redbox a:link, #rhsContent .content .redbox a:link {
        text-decoration : none;
        color: #6C6B6D;
}
#mainContent .content .redbox a:visited, #rhsContent .content .redbox a:visited {
        text-decoration : none;
        color: #6C6B6D;
}
#mainContent .content .redbox a:active, #rhsContent .content .redbox a:active {
        text-decoration : none;
        color: #6C6B6D;
}

#mainContent .content .redbox a:hover, #rhsContent .content .redbox a:hover {
        color: #6C6B6D;
        text-decoration : underline;
}

/**** SITE SPECIFIC BOX STYLES FOR USE FROM THE CONTENT EDITOR ****/

div.boxstyle_ div {zoom:1; }

.boxstyle_.box1 {background-color: #ccdbd4; border: 1px solid #CCDBD4;}
.boxstyle_.box1 div.b1 {background-image: url("mintygreentl.gif");}
.boxstyle_.box1 div.b2 {background-image: url("mintygreentr.gif");}
.boxstyle_.box1 div.b3 {background-image: url("mintygreenbl.gif");}
.boxstyle_.box1 div.b4 {background-image: url("mintygreenbr.gif");}
.boxstyle_.box1 div.b4 h2 {color: #990708;}
.boxstyle_.box1 div.b4 h3 {color: #990708;}
.boxstyle_.box1 div.b4 h4 {color: #990708;}
.boxstyle_.box1 div.b4 h5 {color: #990708;}
.boxstyle_.box1 div.b4 h6 {color: #990708;}
#bodyContent .boxstyle_.box1 div.b4 a {color: black;}
#bodyContent .boxstyle_.box1 div.b4 a:link {color: #990708;}
#bodyContent .boxstyle_.box1 div.b4 a:visited {color: #990708;}
#bodyContent .boxstyle_.box1 div.b4 a:hover {color: #990708;}
#bodyContent .boxstyle_.box1 div.b4 a:active {color: #990708;}


.boxstyle_.box2 {background-color: #cddfe9; border: 1px solid #CDDFE9;}
.boxstyle_.box2 div.b1 {background-image: url("lightbluetl.gif");}
.boxstyle_.box2 div.b2 {background-image: url("lightbluetr.gif");}
.boxstyle_.box2 div.b3 {background-image: url("lightbluebl.gif");}
.boxstyle_.box2 div.b4 {background-image: url("lightbluebr.gif");}
.boxstyle_.box2 div.b4 h2 {color: #990708;}
.boxstyle_.box2 div.b4 h3 {color: #990708;}
.boxstyle_.box2 div.b4 h4 {color: #990708;}
.boxstyle_.box2 div.b4 h5 {color: #990708;}
.boxstyle_.box2 div.b4 h6 {color: #990708;}
#bodyContent .boxstyle_.box2 div.b4 a {color: black;}
#bodyContent .boxstyle_.box2 div.b4 a:link {color: #990708;}
#bodyContent .boxstyle_.box2 div.b4 a:visited {color: #990708;}
#bodyContent .boxstyle_.box2 div.b4 a:hover {color: #990708;}
#bodyContent .boxstyle_.box2 div.b4 a:active {color: #990708;}

.boxstyle_.box3 {background-color: #d6aba4; border: 1px solid #d6aba4;}
.boxstyle_.box3 div.b1 {background-image: url("pinktl.gif");}
.boxstyle_.box3 div.b2 {background-image: url("pinktr.gif");}
.boxstyle_.box3 div.b3 {background-image: url("pinkbl.gif");}
.boxstyle_.box3 div.b4 {background-image: url("pinkbr.gif");}
.boxstyle_.box3 div.b4 h2 {color: #990708;}
.boxstyle_.box3 div.b4 h3 {color: #990708;}
.boxstyle_.box3 div.b4 h4 {color: #990708;}
.boxstyle_.box3 div.b4 h5 {color: #990708;}
.boxstyle_.box3 div.b4 h6 {color: #990708;}
#bodyContent .boxstyle_.box3 div.b4 a {color: black;}
#bodyContent .boxstyle_.box3 div.b4 a:link {color: #990708;}
#bodyContent .boxstyle_.box3 div.b4 a:visited {color: #990708;}
#bodyContent .boxstyle_.box3 div.b4 a:hover {color: #990708;}
#bodyContent .boxstyle_.box3 div.b4 a:active {color: #990708;}

.boxstyle_.box4 {background-color: #ded3e3; border: 1px solid #DED3E3;}
.boxstyle_.box4 div.b1 {background-image: url("purpletl.gif");}
.boxstyle_.box4 div.b2 {background-image: url("purpletr.gif");}
.boxstyle_.box4 div.b3 {background-image: url("purplebl.gif");}
.boxstyle_.box4 div.b4 {background-image: url("purplebr.gif");}
.boxstyle_.box4 div.b4 h2 {color: #990708;}
.boxstyle_.box4 div.b4 h3 {color: #990708;}
.boxstyle_.box4 div.b4 h4 {color: #990708;}
.boxstyle_.box4 div.b4 h5 {color: #990708;}
.boxstyle_.box4 div.b4 h6 {color: #990708;}
#bodyContent .boxstyle_.box4 div.b4 a {color: black;}
#bodyContent .boxstyle_.box4 div.b4 a:link {color: #990708;}
#bodyContent .boxstyle_.box4 div.b4 a:visited {color: #990708;}
#bodyContent .boxstyle_.box4 div.b4 a:hover {color: #990708;}
#bodyContent .boxstyle_.box4 div.b4 a:active {color: #990708;}





/********************** END OF CENTRE FOR HUMAN RIGHTS SPECIFIC CSS**********************/