/*RESET!*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
/* /RESET!*/


html { height: 100%; }
body {
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:62.5%;
	line-height:130%;
	background:url(../images/bg/body-bg.jpg) repeat-x 0 0 #d7d7d7; 
	min-height: 100%; 
	height: 100%;
	color:#333;
	}
body.home {		
	background:url(../images/bg/body-bg-home.jpg) repeat-x 0 0 #d7d7d7; 
}
body.legacy {
	background:url(../images/bg/gallery-bg.jpg) repeat-x 0 0 #d7d7d7;
}


h1,h2,h3,h4,h5 { font-weight:bold; }

h1 { font-size:2em; text-indent: -5000em; }

h2 { font-size:1.8em;  letter-spacing:0; padding-bottom:6px; margin-bottom:12px; margin-top:10px; }

h3 { font-size:1.2em; margin-bottom:5px; margin-top:10px; }

h4 { font-size:1.2em;  margin-bottom:2px; margin-top:10px;}

p { font-size:1.3em; margin:0 0 24px 0; line-height: 1.4em;}

li { font-size:1.3em; line-height: 1.4em;}

li p { font-size:1em; }

a,a:hover { color:#333; }

sup { font-size:.8em; position:relative; top:-3px; }
sub { font-size:.8em; position:relative; bottom:-3px; }


/* !layout */
#container { 
	position: relative; 
	margin: 0 auto; 
	text-align: center;
	width: 900px;
}
#wrapper {
	background: transparent;
	width: 900px;
	margin:0 auto;
	text-align: left;
}
.head {
	background: url('../images/main-header.jpg') no-repeat 0 0 #d8d8d8;
	height: 614px; 
	width: 900px;
	overflow: auto;
}
.main { 
	width: 900px; 
	margin: 0; 
	padding: 0;
	overflow: hidden;
}

/* Generic */
.clear { clear:both; }

#backToTop {
	background: url(../images/back-to-top.gif) no-repeat;
	float: left;
	text-indent: -5000em;
	cursor: pointer;
	display: block;
	height: 33px;
	width: 100px; 
	margin-top: 2px;
}

#logo, #logo2 {
	float:left;
	width: 190px; 
	height: 63px;
	text-indent:-5000em; 
	background: url(../images/one-world-action-logo.gif) no-repeat transparent;
	margin-top:20px;
}

#bgnavigation, #bgnavigation2 {
	margin-top:20px;
	overflow: hidden;
	float: right;
	width: auto;
}

#bgnavigation li, #bgnavigation2 li {
	display: inline;
	float: left;
	width: auto;
}

#bgnavigation a, #bgnavigation2 a {
	color: #333333;
	font-family: Arial, sans-serif;	
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 1.4em;
	font-weight: bold;
}
.head #bgnavigation a{
	padding: 5px 10px;	
	line-height: 150%; 
	margin-right: 12px;
}
.head #bgnavigation li#nav4 a {	
	margin-right: 0;
}

.head #bgnavigation .current a,
.head #bgnavigation a:hover {
	background-color:#d3d3d3;
	-moz-border-radius:3px;
	border-radius:3px;
}
/* Main header images per page */
body.achievements .head,
body.campaign .head,
body.access-to-justice .head,
body.decent-work .head,
body.political-participation .head, 
body.legacy .head {
	background-position:0 0;
    background-repeat: no-repeat;
    height:509px;
}
body.achievements .head {background-image: url("../images/achievements-header.jpg");}
body.campaign .head {background-image: url("../images/campaign-header.jpg");}
body.access-to-justice .head{background-image: url("../images/justice-header.jpg");}
body.access-to-services .head{background-image: url("../images/services-header.jpg");}
body.decent-work .head{background-image: url("../images/decent-header.jpg");}
body.political-participation .head{background-image: url("../images/political-header.jpg");}
body.legacy .head{background-image: url("../images/legacy-header.jpg"); overflow:hidden;  height:380px;}

/*  Subnavigation */
.subnav ul {
	float: right;
	width: auto;
	overflow: hidden;
	margin-top: 10px;
}
.subnav ul li {
	display: inline;
	float: left;		
	text-align: right;	
	margin-left:10px;
	line-height: 20px;
}

.subnav ul li a, 
.subnav ul li a:hover {
	display:block;
	height:22px;
	margin-left:10px;
	padding-right:10px;
	text-decoration: none;
}
.subnav ul li.hover,
.subnav ul li.current, .subnav ul li.firstCurrent, .subnav ul li.lastCurrent { 
	background:url(../images/bg/corner-left-2.png) no-repeat left; 	

}
.subnav ul li.current a,
.subnav ul li.hover a, .subnav ul li.firstCurrent a, .subnav ul li.lastCurrent a {
	background:url(../images/bg/corner-right-2.png) no-repeat right;	
}
.column1,.column2 {
	float:left;
	width:450px;
}

.column1 .columnInner{
	margin-right:35px;	
}

.column2 .columnInner{
	margin-left:49px;
	margin-right:10px;
}
.columnInner {
	padding-top: 40px;
}
/* Add .longer to the column with longest content */
.longer {
	background-image: url("../images/bg/dash-vertical.gif");
    background-position: right center;
    background-repeat: repeat-y;
	padding-bottom:40px;
}	
.column2 {	
	display:inline;
	background-position: left center;
	margin:0;	
}
.twoColum {
	clear:both;
	width:100%;
}

p.signOff strong span {
	font-weight: normal;
	font-style: italic;
}

.textImages {
	position: relative; 
	background-repeat: no-repeat;
}

.textImages span{
	background-repeat: no-repeat;
	position: absolute;
	top:0;
	left:0;
	display:block;
	height: 100%;
	width:100%;
}

#textTwentyYears{height:143px;width:380px;text-indent:-5000em;}
#textThanks {height:75px;width:900px;text-indent:-5000em;}
#textDoors{background-image:url(../images/text/doors.gif); text-indent:-5000em;height:205px;width:900px;}
#textSnapshot {height:63px;width:900px;text-indent:-5000em;}

#textIndependent{background-image:url(../images/text/independent.gif); text-indent:-5000em;height:326px;width:900px;}
/*#textPartner{background-image:url(../images/text/partners.gif); text-indent:-5000em;height:179px;width:394px;}*/
#textPolitical{background-image:url(../images/text/just-politics.gif); text-indent:-5000em;height:140px;width:400px;}
#textApproach{background-image:url(../images/text/approach.gif); text-indent:-5000em;height:182px;width:400px;}
#textWorkers{background-image:url(../images/text/workers.gif); text-indent:-5000em;height:290px;width:404px;}
#textLegal{background-image:url(../images/text/legal.gif); text-indent:-5000em;height:287px;width:414px;}
#textCentral{background-image:url(../images/text/central.gif); text-indent:-5000em;height:278px;width:410px;}

#textProjects{background-image:url(../images/text/projects.gif); text-indent:-5000em;height:202px;width:330px;}
#textGroundbreaking{background-image:url(../images/text/groundbreaking.gif); text-indent:-5000em;height:140px;width:366px;}
#textResearch {height:108px;width:900px;text-indent:-5000em;}

#textLastYear {height:87px;width:900px;text-indent:-5000em; margin: 0; padding:0;}	

#textTwentyYears span{background-image:url(../images/text/twenty-years.gif);}	
#textThanks span{background-image:url(../images/text/hdr-thankyou.gif);}	
#textSnapshot span{background-image:url(../images/text/hdr-snapshot.gif);}
#textLastYear span{background-image:url(../images/text/hdr-in-the-last-year.gif);}	
#textResearch span{background-image:url(../images/text/hdr-research.gif);}	


/* Footer styles */
#footer #bgnavigation2 a{	
	font-family: Arial, sans-serif;	
	font-size: 14px;
	font-weight: bold;
	line-height: 130%;
	padding-right:10px;
	text-decoration:none;
	text-transform: capitalize;	
}
#footer {
	background:url(../images/bg/footer-top.gif) top repeat-x #cfcfcf;
	height:262px;
	color:#666;
	text-align:center;
	width:100%;
}
#footer p {
	clear: both;
	font-size: 1.2em;
}
#footer p.contact {
	margin: 0;
	font-weight: bold;
}
#footer p.contact a {
	text-decoration: none; 
	font-weight: bold;
	color: #666;
}
.footerInner{
	background:url(../images/bg/footer-generic-top.gif) top right no-repeat ;
	text-align:left;
	margin:0 auto;
	overflow: auto;
	padding-top:42px;
	width:900px;
}
#footer #logo2 {
	background: url(../images/one-world-grey-logo.gif) no-repeat transparent;
	float:right;
	height:40px;
	margin-top:14px;
	width:124px;
}
#footer #bgnavigation2 {
	float:left;
	margin:14px 0 0 0;
	width:399px;
}
#footer #bgnavigation2 li {
	border-right: 1px solid #838383;
	margin-right: 10px;
}

#footer #bgnavigation2 li#nav4 {
	border: none;
}

body.home .footerInner {
	background-image: none;
}
body.home #footer #logo2 {
	background: none;
	width: auto;
	height: auto;
}

/* Homepage */
#learnMore {
 	background-image: url("../images/learn-more-button.png");
    height: 32px;
    left: 785px;
    position: absolute;
    top: 550px;
    width: 112px;
	text-indent: -5000em;
}	
ul.snapshot{
	overflow:auto;
	width:auto;
	padding-bottom: 40px;
}
ul.snapshot li {
	display:inline;
	float:left;
	margin:0 15px 0 0;
	width:290px;
}
ul.snapshot li.last {
	margin-right:0;
}

/* Achievements */
body.achievements .main {
	padding: 0;
}
body.achievements .main ul {    
	margin-bottom: 22px;
}
body.achievements .main ul li {
    padding-left: 13px;
	background: url(../images/list-circle.png) no-repeat 0px 6px;
	margin-bottom: 5px;
	line-height: 1.4em;
	font-family: Helvetica, Arial, sans-serif;
}
body.achievements .main ul li a {
   text-decoration: underline;
}
body.achievements .main ul li span {
	clear: right;
    display: block;
    float: right;
    text-align: right;
}
body.achievements .main ul.nonStandard li {   
	margin-bottom: 22px;	
}
body.achievements .main p {
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 22px;
}

/* Campaign page */
body.campaign h2 {
	margin: -12px 0 0 0;
	padding: 0;
	text-indent: -5000em;
}

/* temporary styles for content flow gallery */
#ContentFlow{width: 900px; margin:auto; float:left;}
.imageflow{overflow:hidden; text-align:left; visibility:hidden; width:900px; height:280px !important;}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic; margin:0px; }
.imageflow p{margin:0 auto; text-align:center;}
.imageflow .loading{border:1px solid white; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px;}
.imageflow .loading_bar{background:#fff; height:15px; visibility:visible; width:1%;}
.imageflow .navigation{z-index:10000; height:40px !important; margin-top:-20px;}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10001; font-size:12px;}
.imageflow .scrollbar{ position:relative; visibility:hidden; z-index:10002; height:1px; width:100% !important;}
.imageflow .slider{ height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10003;}
.imageflow .images{overflow:hidden; white-space:nowrap;}
.imageflow .button{cursor:pointer; height:40px;  width:39px;}
.imageflow .previous{background:url(../images/button_left.png) top left no-repeat; bottom: 70px;  float: left;  left: -160px;  margin: -7px 0 0 -30px; position: absolute;}
.imageflow .next{background:url(../images/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px;  bottom: 70px; right:222px; position: absolute;}
/* end of temp styles*/