/*
Overall Amnesty Site Styles

!!! NOTE BEFORE EDITING !!!

1. No HTML may appear in this file.  Not even HTML style comments.
2. Comments MUST BE in the format this notice uses.
2a. Begin comment with 'forward-slash & asterisk', and end comment with 'asterisk & forward-slash'.
2b. No // style comments are allowed in this file.

*/

/* mf - incorporating overall rules into this common stylesheet */

body {
	margin: 0;
	padding: 0;
	border: 0;
	width: 772px;
	font-size: 12px;  /* or font-size: 12px to set due to client requirements */
	font-family: Verdana, Helvetica, sans-serif;
}


/* mf - left hand navigation panels here and content rules when left nav appears */
#leftnav-column {
	float: left;
	width: 155px;
	margin: 0;
	padding: 0;
	clear: both;
}

#leftnav-column p {
	font-size: 9px;
	margin: 5px 0 5px 0;
	padding: 5px;
}

#leftnav-column p.divided {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

ul.leftnav {
	list-style-type: none;
	margin: 5px 0 10px 0;
	padding: 0;
}

ul.leftnav li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul.leftnav li a, ul.leftnav li a:link, ul.leftnav li a:visited, ul.leftnav li a:active {
	display: block;
	padding: 3px 2px 3px 7px;
	margin: 0;
	color: #333;
	border: 1px solid #f7f7f7;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.1em;
}

ul.leftnav li a:hover {
	display: block;
	color: #004147;
	background: #fefefe;
	border-right: 2px solid #004147;
	padding: 3px 2px 3px 7px;
	margin: 0;
	text-decoration: underline;
	line-height: 1.1em;
}

ul.leftnav li.nolink {
	display: block;
	padding: 7px 1px 7px 7px;
	background: #f7f7f7;
	color: #004147;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
}

ul.leftnav li.nolink2 {
	display: block;
	padding: 9px 1px 5px 7px;
	background: #fff;
	border-top: 1px solid #004147;
	color: #004147;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
}

ul.leftnav ul {
	margin: 0;
	padding: 0;
}

ul.leftnav ul li {
	margin: 0;
	padding: 0;
}

ul.leftnav ul li a, ul.leftnav ul li a:link, ul.leftnav ul li a:visited, ul.leftnav ul li a:active {
	padding: 3px 2px 3px 25px;
	display: block;
	color: #cd5806;
}

ul.leftnav ul li a:hover {
	padding: 3px 2px 3px 25px;
	display: block;
}

/* MF - added Nov 9, 2007 - special random banners to show up when a user is within a specific directory */

#banner-special {
	margin: -9px 0 5px 0;
	padding: 0;
	border: 1px solid #000;
}


/* add this within templated pages to take care of interior tables when there IS A LEFT NAV */
#main-content-withleft {
	margin: 10px 0 10px 170px;
	padding: 0;
	width: 590px;
	line-height: 1.4em;
}

/* add this within templated pages to take care of interior tables when there is NO LEFT NAV */
#main-content {
	width: 772px;
	margin: 20px 10px 10px 10px;
	padding: 0;
}

#main-content h1 {
	font-size: 24px;
	font-weight: normal;
	font-family: verdana, arial, sans-serif;
	color: #000;
}

#main-content-withleft #breadcrumb {
	padding: 0 0 5px 0;
}

/* mf - fix line-height for particular html elements throughout */
ul, ol, blockquote {
  line-height: 	11pt;
}

/* try to use h1 throughout - phase out font class below */
h1.largemaintitle {
	font-size: 200%;
	color: #000;
	margin: 0;
	padding: 5px 0 7px 0;
	font-weight: normal;
	line-height: 30px;
}

/* 2nd level heading inside content area */
h2.themesubhead {
	font-weight: bold;
	font-size: 100%;
	padding-left: 12px;
	margin: 30px 0 0 0;
}

.largemaintitle
{
  font-family:	Arial, Helvetica, sans-serif;
  font-size:	14pt;
  font-weight:	bold;
  color: #A60000;
  line-height:	13pt;
}



table, tr, td {
  font-family:	Verdana, Helvetica, sans-serif;
  font-size:	9pt;
  color:		#000000;
  line-height:	11pt;
}

/* HTML TAGS end */

/* ABSTRACT CLASSES BEGIN */

.smalltext {
	font-size:	8pt;
  	color:		#000000;
  	line-height:	10pt;
}

.minitext {
	font-size:	7pt;
  	color:		#000000;
 	line-height:	9pt;
}


.brickcolour {
color:		#A60000;
  font-size:	8pt;
  line-height:	10pt;
}

.plannedgiving { 
	color:		#000000;
	font-weight: normal; 
	font-size: 13pt;
	line-height:	15pt; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	margin-top: 5px; margin-bottom: 5px; 
}


/* ABSTRACT CLASSES end */

/* HEADERS begin */


h2 {
  font-size:	10pt;
  font-weight:	bold;
  color:		#000000;
  margin-bottom:	0;
  margin-top:	0;
}

h1 {
	font-size:	11.5pt;
 	font-weight:	bold;
  	color:	#F77100;
  	margin-bottom:	5px;
  	margin-top:  5px;
}

h1.database {
  font-size: 11.5pt;
  font-weight:	normal;
  color: #F77100;
  margin-bottom: 5px;
  margin-top:  5px;
}



A.small:link
{
  color: #000000;
  text-decoration: underline;
  font-size:	8pt;

}

A.small:visited
{
  color: #808080;
  text-decoration: underline;
  font-size:	8pt;

}

A.small:hover
{
  color: #0000FF;
  text-decoration: underline;
  font-size:	8pt;

}

A.smalltextlink:link
{
  color: #000000;
 text-decoration: underline;
  font-size:	8pt;
  font-weight: bold;
}

A.smalltextlink:visited
{
  color: #808080;
  text-decoration: underline;
  font-size:	8pt;
  font-weight: bold;
}

A.smalltextlink:hover
{
  color: #0000FF;
  text-decoration: underline;
  font-size:	8pt;
  font-weight: bold;

}

A.minitextlink:link
{
  color: #000000;
 text-decoration: underline;
  font-size:	7pt;
}

A.minitextlink:visited
{
  color: #808080;
  text-decoration: underline;
  font-size:	7pt;
}

A.minitextlink:hover
{
  color: #0000FF;
  text-decoration: underline;
  font-size:	7pt;
}

A.subnavlink:link
{
 color:		#000000;;
 text-decoration: none;
  font-size:	8pt;
}

A.subnavlink:visited
{
  color: #F78600;
  text-decoration: none;
  font-size:	8pt;
}

A.subnavlink:hover
{
  color: #F77100;
  text-decoration: none;
  font-size:	8pt;
}

A.sitemaplink:link
{
 color:		#000000;
 text-decoration: none;
  font-size:	9pt;
  font-weight: bold;
}

A.sitemaplink:visited
{
  color: #F78600;
  text-decoration: none;
  font-size:	9pt;
  font-weight: bold;
}

A.sitemaplink:hover
{
  color: #F77100;
  text-decoration: none;
  font-size:	9pt;
  font-weight: bold;
}


A.super:link
{
  font-size: 70%;	
  position: relative;
  top: -5px;
  color:		#000000;
  background:	transparent;
}

A.super:visited
{
  font-size: 70%;	
  position: relative;
  top: -5px;
  color:	#808080;
  background:	transparent;
}

A.super:hover
{
  font-size: 70%;	
  position: relative;
  top: -5px;
  color:	#0000FF;
  background:	transparent;
}

A.super:active
{
  font-size: 70%;	
  position: relative;
  top: -5px;
  color:	#0000FF;
  background:	transparent;
}



A.plannedgivinglink:link 
{ 
	color:		#000000; 
	font-weight: normal; 
	font-size: 13pt; 
	line-height:	15pt;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: underline 
}

A.plannedgivinglink:visited 
{ 
	color: #808080; 
	font-weight: normal; 
	font-size: 13pt; 
	line-height:	15pt;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: underline 
}

A.plannedgivinglink:hover 
{ 
	color: #0000ff; 
	font-weight: normal; 
	font-size: 13pt; 
	line-height:	15pt;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	text-decoration: underline 
}

A.youthlink:link
{
  color:		#000000;
  font-size: 10pt;
  font-weight: normal;
   background:	transparent;
}

A.youthlink:visited
{
  color: #9CCF63; 
  font-size:	10pt;
  font-weight: normal;
   background:	transparent;
}

A.youthlink:hover
{
  color: #FFA600;
  font-size:	10pt;
  font-weight: normal;
   background:	transparent;
}

A.youthlink:active
{
  font-size: 10pt;	
  font-weight: normal;
  color:	#9CCF63;
  background:	transparent;
}



A.youthtextlink:link
{
  color:		#000000;
  font-size: 10pt;
  font-weight: normal;
   background:	transparent;
}

A.youthtextlink:visited
{
  color: #9CCF63; 
  font-size:	10pt;
  font-weight: normal;
   background:	transparent;
}

A.youthtextlink:hover
{
  color: #9CCF63;
  font-size:	10pt;
  font-weight: normal;
   background:	transparent;
}

A.youthtextlink:active
{
  font-size: 10pt;	
  font-weight: normal;
  color:	#FFA600;
  background:	transparent;
}


/* LINKS end */

/* mf - styles added September 18th for /members/newsletter display */
/* this month in the campaign - content boxes - whats_new.php */
.content-box {
	background: url(http://www.amnesty.ca/images/content_box_bg.jpg) top left repeat-y;
	width: 517px;
	min-height: 200px; /* remove this or set to height of image once determined for the newsletter section */
	margin: 4px 0 0 0px;
	padding: 0;
}

.content-box-top {
	background: url(http://www.amnesty.ca/images/content_box_top.jpg) no-repeat;
	height: 10px;
	width: 517px;
	margin: 0;
	padding: 0;
}

.content-box-bottom {
	margin: 0;
	height: 12px;
	width: 517px;
	padding: 0;
	background: url(http://www.amnesty.ca/images/content_box_bottom.jpg) top left no-repeat;
}

.content-box h2 {
	margin: 0;
	padding: 5px 5px 0 15px;
}

img.box-pic {
	float: left;
	margin: 12px 12px 12px 15px;
	border: 1px solid #000;
}

.content-box p {
	margin: 0;
	padding: 8px 20px 10px 15px;
}

h2.between-boxes {
	padding: 10px 0 5px 0;
}