/************************************************************************/
/* This is the style sheet for the GTN website. The contents are as 	*/
/* follows:																*/
/* <> Basic formatting elements											*/
/* <> Styles used on the homepage										*/
/* <> Styles for paragraph text used to give instructions 				*/
/* <> Styles for pages with alphabetical indexes						*/
/* <> Styles for elements in a form										*/
/* <> Styles for issue and country pages								*/
/* <> Styles for Current News and Current Papers pages					*/
/************************************************************************/

/************************************************************************/
/*	BASIC FORMATTING ELEMENTS											*/
/************************************************************************/

body {background: #ffffff}

/* Main table, within which all content is contained. 					*/
table.mainPanel{
background-color: white;
padding: 5px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px
}

/* Empty cell on left of page, to make main table more central. 		*/
td.spacer{
background-color: #ffffff
}

/* Links:																*/
a:link {color: #1C0D81}
a:visited {color: #808080}
a:active {color: #1C0D81}
a:hover {color: #990000}

/* Font style for ordinary text paragraphs (eg, on issue pages): 		*/
p.body {
text-align: justify;
color: black;
font-family: "Times";
font-size: 11pt
} 

/* Hyperlink style for links that are just words in the middle of a		*/
/* paragraph of text:													*/
a.inText:link {color: #1C0D81}
a.inText:visited {color: #1C0D81}
a.inText:active {color: #1C0D81}
a.inText:hover {color: #990000}

/* Header styles:														*/
h1 {
font-family: "Tahoma", "Arial", sans-serif;
font-weight: bold;
font-size: 95%;
line-height: 150%;
color: #990000
}


/************************************************************************/
/*		STYLES USED ON THE HOMEPAGE										*/
/************************************************************************/
/* Here are the cell formats for the layout on the homepage: 			*/
td.titlebar {
border: 1px solid rgb(153,0,0);
font-family: "Tahoma", sans-serif;
font-size: 100%
}


/************************************************************************/
/*	STYLES FOR PARAGRAPH TEXT USED TO GIVE INSTRUCTIONS					*/
/*		(AT THE TOP OF A PAGE, JUST UNDER THE BANNER)					*/
/************************************************************************/
/* Used for the cell at the top of a page, containing a paragraph which	*/
/* gives instructions about how to use the rest of the page contents.	*/
/* (For example, "Click on the country name for more information.") 	*/
/* PLEASE NOTE THAT THIS IS THE STYLE THAT ENSURES THE CORRECT SPACING	*/
/* BETWEEN THE HEADER AND THE TEXT THAT FOLLOWS IT!!!					*/
td.directions{
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 10px
}


/************************************************************************/
/*	STYLES FOR PAGES WITH ALPHABETICAL INDEXES (eg NGOs, Int'l Orgs)	*/
/************************************************************************/
/* This is the font style for the alphabetical index itself: 			*/
tr.index{
color: #990000;
font-weight: bold;
line-height: 150%
}
/* Here is the hyperlink style for those indices: 						*/
a.index:link {color: #990000} 
a.index:visited {color: #990000} 
a.index:active {color: #990000} 
a.index:hover {color: #990000}
/* Here is the font for the links linked-to by the indices: 			*/
td.smallerLinks{
font-family: "Times";
line-height: 100%;
font-weight: normal
}
/* And the hyperlink style for the links linked-to by the indices:		*/
a.smallerLinks:link {color: #1C0D81; text-decoration: none}
a.smallerLinks:visited {color: #808080; text-decoration: none}
a.smallerLinks:active {color: #1C0D81; text-decoration: none}
a.smallerLinks:hover {color: #990000; text-decoration: none}


/************************************************************************/
/*		STYLES FOR ELEMENTS IN A FORM									*/
/************************************************************************/
/* The table used for the form's layout: 								*/
table.form {
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
border-collapse: collapse; 
line-height: 150%; 
margin-right: 0
}
/* The labels of fields in a form: 										*/
td.form {
line-height: 200%;
font-family: "Tahoma", sans-serif; 
font-size: 10pt; 
text-align: left; 
color: #1C0D81;
padding-left: 0px
}


/************************************************************************/
/*		STYLES FOR THE ISSUE and COUNTRY PAGES							*/
/************************************************************************/
/* The style of the text in the table at the top of the page: 			*/
table.issue {
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
border-collapse: collapse; 
line-height: 100%; 
color: #990000;
font-family: "Tahoma", sans-serif;
font-size: 12pt
}
/* Used for the cell at the top of a page, containing the picture and 	*/
/* the three links.														*/
/* PLEASE NOTE THAT THIS IS THE STYLE THAT ENSURES THE CORRECT SPACING	*/
/* BETWEEN THE HEADER AND THE TEXT THAT FOLLOWS IT!!!					*/
td.issue{
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
padding-right: 10px
}
/* The stye of the links in the table at the top of the page:			*/
a.issue:link {color: #990000; text-decoration: none}
a.issue:visited {color: #990000; text-decoration: none}
a.issue:active {color: #990000; text-decoration: none}
a.issue:hover {color: #990000; text-decoration: underline}


/************************************************************************/
/*		STYLES FOR CURRENT NEWS AND CURRENT PAPERS PAGES				*/
/************************************************************************/
/* The style for the dates:												*/
p.date {
line-height: 100%;
color: #1C0D81;
font-family: sans-serif;
font-size: 90%;
font-weight: bold
}
/* The style for the ordinary text (NOTE THE 20px PADDING!!)			*/
td.current {
line-height: 150%;
color: black;
font-family: "times";
font-size: 80%;
font-weight: normal;
padding-left: 20px
}