/*--------------- Global Reset Start ------------------*/





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,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

}

/* remember to define focus styles! */

:focus {

	outline: none;

	outline: 0;

}



strong {

	font-weight: bold;

}



/*body {

	line-height: 1;

	color: black;

	background: white;

}

ol, ul {

	list-style: none;

}*/



/* tables still need 'cellspacing="0"' in the markup */

table {

	/*border-collapse: separate;

	border-spacing: 0;*/

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}





/*------------------------- Global Start -----------------------------*/





body {

	color: #494949;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	background-color: #f4f4f4;

}



ins, del { text-decoration: none; }



dl, dt, dd, .ulreset, .ulreset li { margin: 0px; padding: 0px; list-style: none; float: left; }



h1, h2, h3 { margin: 0px; padding: 0px; font-weight: bold; }



h1 {

	color: #003974;

	font-size: 24px;

	font-weight: normal;

}



h2 {

	font-size: 18px;

	color: #003974;

}



h3 {

	font-size: 14px;

}



:focus { outline: none; }



p { margin-top: 15px; line-height: 19px; padding: 0; }



a { text-decoration: none; }



a:hover { }



input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5f5f5f; }



.inputreset {

}





/*------------------------- Common Element Start -----------------------------*/





.centralizer {

	width: 960px;

	margin: 0 auto;

}





/*------------------------- Main Body Start -----------------------------*/





.header {

	float: left;

	height: 88px;

	background: url(../images/bg-menubar.gif);

	padding-top: 30px;

	width: 100%;

}



.header ins a {

	background: url(../images/logo.gif);

	width: 184px;

	height: 36px;

	display: block;

	float: left;

	text-indent: -9999px;

}



.menubar {

	float: right;

}



.menubar a {

	color: #99aec3;

	border-left: 1px solid #335c86;

	font-size: 11px;

	display: inline-block;

	float: left;

	margin-left: 17px;

	padding-left: 15px;

	line-height: 17px;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	text-transform: uppercase;

}



.menubar a:hover {

	color: #fff;

}





/*************************** Banner Satrt ***********************************/





.banner {

	float: left;

	width: 960px;	

	background: url(../images/slogan.gif) 0 0 no-repeat;

	padding: 65px 0 20px 0;

	border-bottom: 1px solid #dbdbdb;

	position: relative;

}



.banner span {

	display: block;

	width: 15px;

	height: 15px;

	position: absolute;

	z-index: 999;

}



.banner img {

	margin: 0;

	padding: 0;

}



.bannerlt { background: url(../images/bannercurve-lt.png); left: 0; bottom: 206px; }

.bannerrt { background: url(../images/bannercurve-rt.png); right: 0; bottom: 206px; }

.bannerlb { background: url(../images/bannercurve-lb.png); left: 0; bottom: 19px; }

.bannerrb { background: url(../images/bannercurve-rb.png); right: 0; bottom: 19px; }





/*************************** Index Highlight 3 Column Satrt ***********************************/





.highlight-3col {

	float: left;

	width: 960px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #dbdbdb;

	padding: 13px 0 18px 0;

}



.highlight-3col h2 {

	font-weight: normal;

}



.highlight-3col div {

	width: 306px;

	margin-right: 21px;

	float: left;

}



.highlight-3col div.divrt {

	margin: 0;

}



.highlight-3col p {

	margin-top: 13px;

}



.highlight-3col p a {

	font-weight: bold;

	color: #ec008c;

	padding-top: 3px;

	display: block;

}



.highlight-3col p a:hover {

	text-decoration: underline;

}



.highlight-3col p img {

	float: left;

	border: 5px solid #dbdbdb;

	background-color: #abacb3;

	padding: 1px;

	margin-right: 15px;

}





/*************************** Main Body Satrt ***********************************/





.mainbody {

	float: left;

	width: 960px;

	background: url(../images/bdr-vertical.gif) 674px 20px repeat-y;

	border-top: 1px solid #fff;

}





/*************************** Left Column Satrt ***********************************/





.leftcol {

	width: 650px;

	float: left;

}



.index-leftcol {

	width: 650px;

	float: left;

	position: relative;

	margin-top: 20px;

	background: url(../images/who-are-indigenous-peoples.gif) 0 0 no-repeat;

	padding-top: 230px;

}



.index-leftcol img {

	float: left;

	margin: 5px 10px 0px 0;

}



.index-leftcol div {

	position: absolute;

	font-style: italic;

	color: #003974;

	font-size: 14px;

	top: 50px;

	line-height: 22px;

	color: #003974;

	font-style: italic;

}



.index-leftcol .lt {

	left: 0;

	width: 255px;

}



.index-leftcol .rt {

	right: 0;

	width: 365px;

}





/*************************** Right Column Satrt ***********************************/





.rightcol {

	width: 260px;

	float: right;

}



.index-rightcol {

	width: 260px;

	float: left;

	font-size: 11px;

	margin-top: 6px;

}



.index-rightcol div {

	width: 260px;

	float: left;

	margin-top: 15px;

}



.index-rightcol h3 a {

	color: #ec008c;

}



.index-rightcol h3 a:hover {

	color: #003974;

}



.index-rightcol p {

	margin-top: 3px;

}



.index-rightcol p a {

	font-size: 11px;

	line-height: 15px;

	color: #494949;

}



.index-rightcol p a:hover {

	text-decoration: underline;

}



.index-rightcol a img {

	float: left;

	border: 3px solid #333;

	margin: 3px 13px 0 0;

}



.index-rightcol a:hover img {

	border: 3px solid #ec008c;

}





/*************************** Footer Satrt ***********************************/





.footer {

	float: left;

	width: 100%;

	background: url(../images/bg-footer.gif);

	height: 63px;

	padding-top: 45px;

	color: #c2c2c2;

	line-height: 18px;

	font-size: 11px;

}



.footer .centralizer div {

	float: left;

	background: url(../images/seperator-footer.gif) right top repeat-y;

	padding-right: 15px;

	margin-right: 15px;

	height: 40px;

}



.footer a {

	color: #c2c2c2;

}



.footer a:hover {

	color: #fff;

}



.footer a img {

	margin: 0 0 0 10px;

}





/*************************** Main Content Satrt ***********************************/





.main-content {

	width: 650px;

	float: left;

	margin-top: 20px;

}





/*************************** News Satrt ***********************************/





.news {

	border-top: 1px dotted #CCC;

	float: left;

	margin-top: 20px;

	width: 650px;

}



.news h2, .contact h2 {

	font-size: 18px;

	color: #ec008c;

	font-weight: normal;

	margin-top: 15px;

}



.news h3 {

	color: #003974;

	font-size: 11px;

	padding-top: 3px;

	font-weight: normal;

	text-transform: uppercase;

}



.news p {

	margin-top: 5px;

}



.news a {

	color: #000;

	font-weight: bold;

}



.news a:hover {

	text-decoration: underline;

}





/*************************** Gallery Satrt ***********************************/





.gallery {

	border-top: 1px dotted #CCC;

	border-left: 1px dotted #CCC; 

	float: left;

	margin-top: 20px;

	width: 648px;

}



.gallery li {

	border-bottom: 1px dotted #CCC;

	border-right: 1px dotted #CCC;

	width: 215px;

	float: left;

	display: inline;

}



.gallery li a {

	display: inline-block;

	width: 175px;

	padding: 20px;

}



.gallery li a:hover {

	background-color: #dbe1e7;

}



.gallery li a span {

	width: 165px;

	height: 120px;

	display: inline-block;

	padding: 5px 5px 9px 5px;

	background-color: #dbe1e7;

	overflow: hidden;

	cursor: pointer;

}



.gallery li a:hover span {

	background-color: #fff;

}



.gallery li a span img {

	width: 165px;

	cursor: pointer;

}





/*************************** Gallery Satrt ***********************************/





.contact { 

	float: left;

	margin-top: 20px;

	width: 650px;

}



.contact div {

	border-top: 5px solid #CCC;

	float: left;

	width: 230px;

}



.contact form {

	border-top: 5px solid #CCC;

	float: right;

	width: 400px;

}



.contact form span {

	margin-top: 15px;

	display: block;

	background-color: #003974;

	color: #fff;

	font-size: 11px;

	padding: 5px;

}



.contact form table {

	width: 400px;

	border-top: 1px solid #ddd;

	margin-top: 10px;

}



.contact form table th, .contact form table td {

	border-bottom: 1px solid #ddd;

	text-align: left;

	vertical-align: top;

}



.contact form table th {

	width: 165px;

	padding: 5px 0;

}



.contact form table td {

	width: 225px;

	padding: 5px 5px 5px 0;

}



.contact input, .contact textarea {

	font-size: 11px;

	color: #666;

}