/* Child and Family Styles - http://www.childfamily.com
----------------------------- */

/*  =reset.css */
* {margin:0; padding:0;}

body { font-size:0.8125em; text-align:center; padding:20px 0 40px; background: #d5d2b9 url(Images/bg2.gif) no-repeat center top; }

/* =hx */
h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight : bold; color : #147c9a; margin : 0 5px; padding : .2em 0; letter-spacing:0.01em; }
ol, ul { list-style-type : none; }
img { border : 0; }

/* =blocktext */
p, ul {margin:0 5px; padding:1.5em 0 0 0; letter-spacing:0.01em;}

/* =navigation_links */
#navigation_links { float:right; border-left:15px solid #d3bd8e; padding:0.5em 0; background:url(Images/transparent.png); line-height : 2em;}
#navigation_links div {float : left; width : 150px;}
#navigation_links li { border-bottom : 1px dotted #99a8b7; }
#navigation_links a, a:visited { color : #013b81; text-decoration : none; padding : 2px 2px 2px 15px; background : url("Images/nav_supp_a.png") no-repeat 0 50%; }
#navigation_links a:hover, a:active, a:focus {background-color:#f4f2e4; text-decoration:underline;}

#width {width:962px;margin:0 auto;text-align:left;}
#main {background:#FFF url(Images/bkg_content2col.gif) 0 0 repeat-y; clear:both; width:100%; text-align: center;}
#flash {background:url(Images/bkg_contentTopFeat.gif) 0 0 no-repeat;padding:10px;min-height:230px;}
#logo { float:left; }
#header {width:958px;}
#maincontent { width:940px; margin:5px auto; overflow: none; text-align: left; }
#maincontainer { width:590px; float:left; padding:15px; background:url(Images/leftcontainerbg.gif) repeat-x;}

/* =mainArticles */
#mainArticles { padding:0; width:570px; margin:0 2px 60px 15px; }
#maincontainer H2, p { font-family:Georgia, "Times New Roman", Times, serif; }
#maincontainer p { font-size:1em; line-height: 1.5em; padding-top: 1em; }
.article {position:relative; margin:0px 0px 24px;}
.article H2 {padding:0 0 8px; margin:0px; background:url(Images/line_grey.gif) repeat-x 50% bottom; color: #8fcf13;	font-size: 1.3em;}
#mainArticles .article p {padding:0; margin:5px 0 4px; width:350px;}
.article a, a:visited {color:#147c9a; text-decoration:none; padding:0; font-style:italic; border:none;}
.article a:hover, a:active, a:focus {background-color:#f4f2e4; text-decoration : underline;}

/* =img */
#articleimg1, #articleimg2, #articleimg3, #articleimg4, #articleimg5, #articleimg6, #articleimg7, #articleimg10 {position: absolute; width: 166px; height: 85px; margin: -1px 0px 0px 380px;}
#articleimg1 {background: url(Images/hp_1.gif) no-repeat;}
#articleimg2 {background: url(Images/hp_2.gif) no-repeat;}
#articleimg3 {background: url(Images/hp_3.gif) no-repeat;}
#articleimg4 {background: url(Images/hp_4.gif) no-repeat;}
#articleimg5 {background: url(Images/hp_5.gif) no-repeat;}
#articleimg6 {background: url(Images/hp_6.gif) no-repeat;}
#articleimg7 {background: url(Images/hp_7.gif) no-repeat;}
#articleimg10 {background: url(Images/hp_10.gif) no-repeat;}

#subcontainer {width:295px; float:right; margin:0 4px 5px;}

/* ********************Start =actionstatements************************ */
#actionstatements {margin: 40px 0 50px 0; width: 294px;	float: left;}
#actionstatements a { text-decoration: none; width: 255px; display: block; outline: none; margin: 0; }
#actionstatements h2 { font-size: 1.1em; color: #666; margin: 0; border: none; }
#actionstatements h2 a { color: #444; padding: 5px 0 5px 35px; }
#actionstatements p { margin: 0; padding: 0; line-height: 150%; color: #999; font-size: .8em; }
#actionstatements p a { color: #555; padding: 0 0 8px 35px; }
#actionstatements ul { margin: 0; padding: 0; }
#actionstatements li { margin: 0; padding: 0; display:block; border-bottom:#CCC 3px inset; list-style: none;}
#actionstatements li:hover { background: url(Images/action-bg.png) #E8F0FD repeat-x;}
#actionstatements li:hover div.action-text:hover h2 a { color: #009; }
#actionstatements li:hover div.action-text:hover p a, #actionstatements li:hover div.action-text:hover p a:hover, #actionstatements div.action-download:hover #downloadbutton p.options a:hover { color: #03C;}
#actionstatements hr { display: block; width: 100%; border: none; border-top: 1px solid white; border-bottom: 1px solid #CCC; margin: 0px; padding: 0; background: #FFF; }
#actionstatements div.action-link:hover { background: url(Images/action-link.png) top right no-repeat; margin: 0 5px 0 0; }
#actionstatements div.action-expand:hover { background: url(Images/action-expand.png) top right no-repeat; margin: 0 5px 0 0; }
#actionstatements div.action-contract:hover { background: url(Images/action-contract.png) top right no-repeat; margin: 0 5px 0 0; }
#actionstatements div.action-info { background: url(Images/action-info.png) no-repeat; }
#actionstatements div.action-info:hover { background: url(Images/action-info.png) 0 -250px no-repeat; }
#actionstatements div.action-download { background: url(Images/action-download.png) no-repeat; }
#actionstatements div.action-download:hover { background: url(Images/action-download.png) 0 -250px no-repeat; }
#actionstatements div.action-download #action-download-extra a { display: inline; margin: 0; padding: 0; text-decoration: underline; }
#actionstatements div.action-help { background: url(Images/action-info.png) no-repeat; }
#actionstatements div.action-help:hover { background: url(Images/action-info.png) 0 -250px no-repeat; }
#actionstatements div.action-extend { background: url(Images/action-extend.png) no-repeat; }
#actionstatements div.action-extend:hover { background: url(Images/action-extend.png) 0 -250px no-repeat; }
#actionstatements div.action-participate { background: url(Images/action-participate.png) no-repeat; }
#actionstatements div.action-participate:hover { background: url(Images/action-participate.png) 0 -250px no-repeat; }
/* ********************The end of =actionstatements************************ */

/* =content_news */
#content_news {width:580px;	border-top:#d9d9d9 1px solid; background:url(Images/newsbg.gif) repeat-x; padding:0.5em; margin-top: 1em;}
#content_news a, a:visited {color:#147c9a; text-decoration:none; padding:0; background:none; border:none;}
#content_news a:hover, a:active, a:focus {background-color:#f4f2e4; text-decoration : underline;}
#content_news h2 {margin-top:-1.5em; font-size:2em;}
#content_news h3 { margin-bottom: .5em; border-bottom:#999 1px dotted; font-size: 1.3em; font-weight: normal; line-height:1.2em; }
#content_news P { font-size: .95em; font-style:normal; line-height:1.4em;}
#maincontainer #content_news UL {list-style:none; overflow: hidden;}
#maincontainer #content_news UL LI { width: 170px; border-bottom:#d9d9d9 1px dotted; border-left:#d9d9d9 1px dotted; display: block; float: left; margin-right: 5px; }

#footer {margin:0 5px; color:#CCC; font-weight:bold; text-align:center; background-color:#704627; clear:both;}
dt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.5em; font-style: italic; color: #147C9A; padding-top: 1em; }
dd { padding-left: 1em; padding-right: 1em; padding-top: 0.5em; }
dl dd a { color: #013b81; }
dl dd a:hover { background-color:#FAFAF5;}
#navigation_links div ul { padding: 0px; }
#maincontainer ul { padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; list-style: disc inside; }
#maincontainer h3 { padding-top: 1em; }
#maincontainer ul li { padding: .4em; }
#subcontainer img { padding: 0.5em 0.2em; }
#header #en_version { width: 15em; padding-left: 1em; clear: both; }
#logo_enlink { float: left; width: 21em; position: relative; }
#maincontainer ol { font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; list-style: decimal inside; }
#maincontainer ol li { padding-top: 1em; line-height: 1.5em; }
div.photo_large { width:580px; margin:.8em 0;}
div.photo_small_left { width:280px; float:left; margin:.8em .8em .8em 0;}
div.photo_small_right { width:280px; float:right; margin:.8em 0 .8em .8em;}
#maincontainer p.caption { padding:2px; margin:0; font:normal .8em/1.57em Arial, Helvetica, sans-serif; color:#888; text-align:left; background-color:#eee; }

LEGEND
{ padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; background: #147c9a 0% 50%; color:white; font-size: 120%; padding-top: 0.5em; 
}
LABEL
{
	font-weight: bold;
}
FIELDSET
{
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	border-bottom: #8cacbb 1px solid;
	border-left: #8cacbb 1px solid;
	padding-bottom: 1em;
	line-height: 1.5em;
	margin: 1em 0em;
	padding-left: 1em;
	width: auto;
	padding-right: 1em;
	border-top: #8cacbb 1px solid;
	border-right: #8cacbb 1px solid;
	padding-top: 0em;
}

fieldset:hover    {    border-color: #0ca0ff;    }

.field
{
	margin: 0pt 1em 1em 0pt;
	clear: both;
	top: 0pt;
	left: 0pt;
}
.fieldRequired
{
	padding-bottom: 0pt;
	padding-left: 8px;
	padding-right: 0pt;
	background: url(required.gif) no-repeat left center;
	color: red;
	padding-top: 0pt;
}
.context
{
	border-bottom: #8cacbb 1px solid;
	border-left: #8cacbb 1px solid;
	padding-bottom: 1px;
	text-transform: none;
	padding-left: 15px;
	padding-right: 1px;
	background: url(http://www.capetowndeclaration.org/linkTransparent.gif) no-repeat 9px 1px;
	color: black;
	font-size: 90%;
	border-top: #8cacbb 1px solid;
	cursor: pointer;
	border-right: #8cacbb 1px solid;
	padding-top: 1px;
}