@charset "UTF-8";
/* CSS Document */

/***************************

GENERAL & CROSS-DIV STYLES

****************************/

body { margin: 0; font: 100%  "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif; background: #556267 url(../images/background-bleu.gif); }

.access-links { display: none; }

div, li { vertical-align: top; }

a { color: #1c88ac; font-weight: bold; }

.clearfloat { clear: both; height: 0 !important; margin: 0 !important; padding: 0 !important; }

.header, .main-container, .footer { width: 966px; padding: 0 24px; display: block; }


/***************************

ROUNDED CORNERS 

****************************/

.corner { position: absolute; width: 5px; height: 5px; background: url(../images/corners.gif) no-repeat; font-size: 0%; }

.buttons .corner, .button .corner, button .corner { position: absolute;  width: 5px; height: 5px; background-image: url(../images/corners-top-links.gif); background-repeat: no-repeat; font-size: 0%; }

.buttons li.current-location .corner { position: absolute;  width: 5px; height: 5px; background-image: url(../images/corners-depressed-button.gif); background-repeat: no-repeat; font-size: 0%; }

.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -5px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -5px; }
.BR { bottom: 0; right: 0; background-position: -5px -5px; }

/***************************

TEXTURED BUTTON

****************************/

a.read-more-button {
	 display:-moz-inline-box; display: inline-block; zoom: 1; *display: inline; width: 125px; height:28px; background: url(../images/read-more-button.png) no-repeat; position: relative; cursor: pointer; text-decoration: none; overflow: hidden; 
}
a.read-more-button span {
	display: inline-block; zoom: 1; *display: inline; width: 125px; height:28px; position: relative; cursor: pointer; text-indent: -9999px; 
}


/***************************

REGULAR BUTTON 

****************************/

.button { display: block; background: #3896b6;	text-decoration: none; color: #FFF; font-family: "Lucida Grande", "Lucida Sans Unicode"; font-size: 1em; text-transform: uppercase; font-weight: normal; cursor: pointer; }

.button { position: relative; display: inline-block; }

.button span { padding: 5px 15px 5px 10px; margin-right: 5px; background: url(../images/arrow-arrow-on-blue.gif) center right no-repeat; display: inline-block; }



/***************************

HEADER STYLES 

****************************/

.header { margin: 0 auto; background: #FFF; padding: 0 25px; }

.header h1 { float: left; margin-top: 50px; clear: none; width: 351px; height: 49px; overflow: hidden; font-size: 1em; position: relative; bottom: 10px; }

.header h1 a { background: url(../images/logo.gif);	display: block; width: 351px; height: 49px; text-indent: -9999px;  }

.header ul { float: right; clear: none; margin: 50px 0px 0 0; }

ul.buttons li { float: left; list-style-type: none; margin-left: 15px; position: relative; }

ul.buttons li a { display: block; background: #3896b6; text-decoration: none; color: #FFF; font-family: "Lucida Grande", "Lucida Sans Unicode"; font-size: 0.85em; text-transform: uppercase; font-weight: normal; padding: 5px 10px 4px 10px; }

ul.buttons li.current-location a { background: #eff5f5 url(../images/shim-depressed-button.gif) repeat-x; color: #3896b6; font-weight: bold;
}

ul.buttons a span {
	padding: 5px 5px 4px 4px;
}



/***************************

MAIN CONTAINER STYLES 

****************************/

.main-container { margin: 0 auto; border: 1px solid #FFF;	font-size: 0.73em; background: #FFF; padding: auto; padding-bottom: 20px; }

.content { margin: 0 23px; width: 580px; float: left;  }
.full-width { width: 870px !important; } /* Variation class to add to content div */

.sidebar { width: 280px; float: right; }

.content h2 { font-family: Georgia, serif; font-size: 2.6em; font-weight: normal; color: #1c88ac; margin-bottom: 0; margin-top: 12px; }

.content h3 { text-transform: uppercase; color: #8f1215; margin: 1em 0 0 0; }

.content p {}

.content li { list-style-type: disc; margin-left: 15px; margin-bottom: 0.5em; }

a.read-more-text-link { background: url(../images/arrow-arrow.gif) no-repeat; background-position: center right !important; padding-right: 0.9em; }

.sidebar a.read-more-text-link { margin-right: 0; } /* When in the sidebar, should be flush to the right */


/***************************

BREADCRUMB TRAIL

****************************/

ul.breadcrumb { margin: 1em 5px 1em 5px; float: left;  width: 950px;}

.breadcrumb li { float: left; list-style-type: none !important; margin: 0; font-size: 90%; }

.breadcrumb li a { font-weight: normal; color: #000; }

.breadcrumb li:after { content: " "; }

.breadcrumb li:last-child:after { content: none; }



/***************************

BIG FEATURE "INTRODUCTION" ON INDEX PAGE

****************************/

.website-intro { height: 272px; width: 966px; /* 931px, 288px; for original*/	background: #e6ebec url(../images/front-page-header-image3.jpg); margin-bottom: 20px; position: relative; text-align: bottom; display: block; vertical-align: baseline; zoom: 1; }

.website-intro .text-container { position: absolute; bottom: 5px; padding-left: 35px; width: 931px; background: url(../images/trans-fifty-pc.png); padding-bottom: 10px; vertical-align: bottom; display: block; vertical-align: baseline; zoom: 1; }


.website-intro h2 { font-family: Georgia, serif; font-size: 35px; margin-top: 18px; font-weight: normal; color: #1c88ac; margin-bottom: 0; }

.website-intro p { font-size: 1.2em; margin-top: 0; width: 781px; }

.website-intro .read-more-button { vertical-align: top; margin-top: 0; }

.level-two-page-topper { background: #e6ebec; margin-bottom: 20px; position: relative; height: 125px; background: #e6ebec url(../images/front-page-header-image3.jpg); }

.level-two-page-topper#contact-us { background: url(../images/contact-us-header-image.jpg); }

.main-container h4 { margin-bottom: -1em; }

.main-container ul { padding: 0; list-style: none; margin-left: 5px; }



/***************************

NEEDS AND GAPS SIDEBAR TEASER

****************************/

.needs-and-gaps-teaser { width: 280px; float: right; clear: none; border-top: 3px double #dcdcdc; border-bottom: 3px double #dcdcdc; padding: 20px 10px; margin-bottom: 20px; background: url(../images/line-graph-background.gif) center bottom no-repeat; }

.needs-and-gaps-teaser h3 { font-family: "Courier New", monospace; font-size: 1.5em; margin: 0; color: #8f1215; }

.needs-and-gaps-teaser ul {	padding-left: 1em; list-style: disc; margin: 1em 0; }

.needs-and-gaps-teaser li { margin-bottom: 0.7em; vertical-align: middle; line-height: 120%; }

.needs-and-gaps-teaser a { float:right; }



/***************************

FULL-WIDTH LINK TO MEMBER ORGS 'DIRECTORY'

****************************/

.link-to-directory { position: relative; display: block; height: 2.5em; width: 966px; clear: both; background: #bad0d7; text-transform: uppercase;	font-size: 120%; text-align: center; margin-bottom: 20px; text-align: center; }

.link-to-directory p { width: auto !important; display: inline-block; zoom: 1; *display: inline;  background: url(../images/australia.png) center left no-repeat; height: 80px; line-height: 80px; position: relative; top: -20px; text-indent: 100px; margin-bottom: -55px; margin-top: 0; padding: 0px 20px 1px 0px; }

.link-to-directory .read-more-text-link { background-image: url(../images/arrow-arrow-on-pale-blue.gif); }


/***************************

SPECIAL PRETTY OBJECTIVES LIST STYLES

****************************/

.objectives { width: 650px; float: left; }

.objectives h2 { text-transform: uppercase; clear: both; margin: 0.5em 0 0.9em 0; font-size: 1.2em;}

.objectives ul { margin: 0; }

.objectives li { list-style-type: none;	margin: 0; width: 315px; float: left; margin-right: 8px; clear: none; margin-bottom: 1em; }

.sidebar .objectives li { width: 280px; }

.objectives img { float: left; }

.objectives strong { display: block; font-family: Georgia, serif; font-size: 1.45em; font-weight: normal; }

.objectives a { float: right; margin-right: 2em;}

/* Override: When in the Content div (ie, not on front page) objectives just appear as a regular list */
.content .objectives { width: auto; }
.content .objectives li, .content .strategies li { list-style-type: disc !important; float: none; width: auto; }

/* Override: When in the sidebar, objectives are skinnier */
.sidebar .objectives { width: 280px; border-top: 3px double #dcdcdc; border-bottom: 3px double #dcdcdc; margin-top: 100px; display: block; padding: 1em 0 2em 0; }
.sidebar .objectives li { margin-left: 0; margin-bottom: 1em; }
.sidebar .objectives strong { font-size: 1.3em; color: #3b5063; }
.sidebar .objectives img { display: none; }
.sidebar .objectives strong {  font-weight: bold; font-family: Georgia, serif; }


/***************************

MEMBER ORGANISATIONS PAGES

****************************/

div.state { display: block; width: 870px; margin: 1.5em 0; border-bottom: 1px dotted #cbd7da; }

.state:last-child { background: none; border-bottom: none; }

.state h3 { text-transform: uppercase; clear: both; margin: 0 0 1.3em 0; color: #8f1215; }

div.org { width: 50%; float: left; padding-bottom: 40px; }

.org h4 { font-family: Georgia, serif; font-size: 1.5em; font-weight: normal; margin-bottom: -10px; margin-top: 0; }

dl.member-contact-details dt { float: left; clear: none; font-weight: bold; width: 5em; }

dl.member-contact-details dd { margin: 0; }

.member-contact-details .email { margin-top: 1em; }

.member-contact-details dt.address, .member-contact-details dt.phone { display: none; }

.link-to-member-site {
	font-weight: bold;
}
.members-info { width: 870px; } /* Content section is wider on this page as no sidebar is necessary. */


/***************************

CONTACT US PAGE

****************************/

address {
	font-style: normal;
	margin-top: 1em;
}
address strong {
	font-size: 120% !important;
}
.phone-no {
	font-weight: bold;
	display:inline-block;
	zoom:1;
	*display:inline;	
	font-size: 123% !important;
	margin-top: 1em;
	padding-left: 0;
}

.phone-no .icon {
	text-indent: 25px;
	vertical-align: top;
	width: 25px;
	height: 20px;
	background: url(../images/icon-speech-bubble-2.gif) 0 1px no-repeat;
	display:inline-block;
	zoom: 1;
	*display:inline;
	overflow: hidden !important;
}
.phone-no span {
	float: left;
	margin-right: 0.5em;
}


/***************************

FINE-PRINT (TERMS OF USE & PRIVACY POLICY) PAGES

****************************/

.fine-print-pages { width: 830px; }

.fine-print-pages h2 { text-transform: uppercase; font: bold 110% "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0.5em 0;  color: #000; }

.fine-print-pages p { margin-top: 0; margin-bottom: 1em; }


/***************************

FOOTER STYLES 

****************************/

.footer {	margin: 0 auto;	text-align: center;	background-color: #FFF;	border: 1px solid #FFF;	border-top: 1px solid #f1f2f3; font-size: 0.7em; min-height: 12em; }

.footer p {	margin-top: 0; text-align: center;	color: #666; display: block; clear: both; margin-bottom: 4em; }

.footer ul { list-style-type: none;	padding: 0;	  margin: 3em auto 0.5em auto; display: inline-block; clear: both; width: auto !Important; }

.footer li { display: inline; margin: 0 1em; }

.footer a {	color: #333; font-weight: bold; }

.footer a:hover { color: #333; }