/*	freedominfo.org
---------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; /*background:transparent;*/ }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:'';content:none; }
/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse;border-spacing:0; }
cite { font-style:normal; }

/*	=Generics
------------------------------------ */
body { 
	font-size:62.5%;		/*10 pixel text*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.125em;	
	background-color:#fffee6;
	text-align: center;
	}

#skiplinks { position:absolute; width:100%; z-index:101; }
#skiplinks a { position:absolute; top:-9999px; left:-9999px; }
abbr { border:none; }
.clear { clear:both; }
.importance, strong { font-weight:bold; }
.emphasis, em { font-style:italic; }
.hide, .for-print { display:none; }
.left { float:left; margin-right:7px; }
.right { float:right; margin-left:7px; }
.upper { text-transform:uppercase; }
.structural { position:absolute; left:-9999px; }
sup { vertical-align:0.5em; font-size:0.9em; }
sub { vertical-align:-0.5em; font-size:0.9em; }

.clearfix { display: inline-block; }
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*	=Links
------------------------------------ */
a { color:#ec7501; }
a:link, a:visited { text-decoration:underline; }
a:hover, a:active, a:focus { text-decoration:none; }
#skiplinks a:active, #skiplinks a:focus { left:3px; top:3px; background-color:#fdd139; color:#030a40; font-size:0.625em; padding:0 5px; border:1px solid #030a40; z-index:100; }

/* =CONTAINER
----------------------------------------------- */
div#container {
	width: 960px;
	margin:0 auto;
	padding: 0 9px;
	position: relative;
	background: transparent url(../images/template/bg.gif) repeat-y;
	text-align: left;
	}
/* =HEADER
----------------------------------------------- */
div#header {
	border-top: 4px solid #d02a00;
	height:146px;
	position: relative;
	width: 960px;
	background: #fff;
	}
div#header h1 {
	background: url(../images/template/title.gif) no-repeat top left;
	height: 77px;
	left:0;
	position: absolute;
	text-indent: -999em;
	top:35px;
	width: 639px;
	}
div#header h1 a {
	display: block;
	height: 77px;
	width: 639px;
	outline: none;
	}
div#header h2 {
	background: url(../images/template/tagline.gif) no-repeat top left;
	height: 19px;
	text-indent: -999em;
	width: 506px;
	position: absolute;
	top:98px;
	left:103px;
	}
div#header ul {
	position: absolute;
	top: 17px;
	right:21px;
	}
div#header ul li {
	display: inline;
	font-size: 1.2em; /* 12px */
	line-height: 1.05
	}
div#header ul li a {
	color: #d02a00;
	text-decoration:none;
	}
div#header ul li a:hover,div#header ul li a:active {
	text-decoration:underline;
	}
div#header ul li a.rss {
	background: url(../images/template/feed-icon-14x14.png) no-repeat top left;
	padding-left: 16px;
	}
/* =PRIMARY NAV
----------------------------------------------- */
ul#primaryNav {
background: #f97b00 url(../images/template/nav4.png) no-repeat;
	height:30px;
	width:960px;
 xoverflow: hidden;
	top:40px;
	left:0;
	}
ul#primaryNav li {
	display: block;
	float: left;
	width: 129px;
	border-right: 1px solid #fff;
	height: 30px;
	position: relative;
	}
ul#primaryNav a {
	color: #fff;
display: block;
	width: 129px;
	height: 30px;
	text-indent: -999em;

	}
ul#primaryNav li#about a {

	background-position: 0 0;
	}
ul#primaryNav li#regions a {

	background-position:  -134px 0;
	}
ul#primaryNav li#news a {
	background-position: -259px 0;
	}
ul#primaryNav li#ifti a {
	background-position: -397px 0;
	}
ul#primaryNav li#resources a {
	background-position: -516px 0;
	}
ul#primaryNav a:hover {
	background-color: #FFBD80;
	}
/* =sub nav
----------------------------------------------- */
ul#primaryNav li ul {
	display: block;
	position: absolute;
	top:30px;
	left:-9999em;
	margin:0;
	padding:0;
	}
ul#primaryNav li:hover ul {
	top:30px;
	left:0;
	}
ul#primaryNav li ul li {
	margin:0;
	padding:0;
	height: auto;
	}
ul#primaryNav li ul li a {
	background: none;
	text-indent:0;
	color: #fff;
	background-color: #FB9C40;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border:0;
	width: 109px;
	padding: 5px 10px;
	height: auto;
	}
ul#primaryNav li ul li a:hover {
	background-color: #FDBE80;
	color: #F97B00;
	}
/* =SEARCH FORM
----------------------------------------------- */
form#searchform .screen-reader-text {
	display:none;	
	}
form#searchform {
	width: 310px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top:153px;
	right:0;
	}
form#searchform input#s {
	width: 234px;
	height: 17px;
	color: #4c4441;
	padding:0;
	line-height: 1;
	}
input#searchsubmit {
	width: 48px;
	height: 20px;
	background: url(../images/template/search-trans.png) no-repeat center center;
	border:0;
	text-indent: -999em;
	}
form#searchform input#searchsubmit:hover,
form#searchform input#searchsubmit:focus {
	cursor: pointer;
	}
/* =CONTENT
----------------------------------------------- */
div#content {
	width: 960px;
	clear: both;
	padding-bottom: 25px;
	}

/* =PRIMARY CONTENT
----------------------------------------------- */
div#primaryContent {
	width: 650px;
	float: left;
	}
/* =home page modules
----------------------------------------------- */
div#whats_new { width: 324px; float: left; border-right: 1px solid #a5a29f;}
div#ifti_watch { width: 325px; float: left;}	
div#features { width: 650px; clear: both;}

div#primaryContent div.module h2 {
	background-color: #d02a00;
	background-repeat: no-repeat;
	color: #fff;
	height: 30px;
	overflow: hidden;
	text-indent: -999em;
	background-position: 20px 0;
	}
div#whats_new h2 {background-image: url(../images/template/head-whats-new.png)}
div#ifti_watch h2 {background-image: url(../images/template/head-ifti-watch.png)}
div#features h2 {background-image: url(../images/template/head-features.png)}
div#home-map {
	height: 270px;
	}
div#primaryContent div.module p {
	font-size: 1.3em;
	margin-bottom: 20px;
	}
div#primaryContent div.module ul {
	padding: 15px 20px 0 20px;
	}
div#primaryContent div.module ul li {
	padding: 0 0 20px 0;
	line-height: 1.25;
	}
div#primaryContent div.module ul li p {
	font-size: 1.1em;
/*	text-transform: uppercase; */
	color: #4b4440;
	display: block;
	margin:0;
	}
div#primaryContent div.module ul li p.date {
  text-transform: uppercase;
  font-weight: bold;
  color: #D02D27;
}	
	
	
div#primaryContent div.module ul li h3 a {
	font-size: 1.3em;
	font-weight: normal;
	text-decoration: none;
	display: block;
	}
div#primaryContent div.module ul li h3 a:hover,
div#primaryContent div.module ul li h3 a:active {
	text-decoration: underline;
	}
div#primaryContent div.module ul li h4 {
	font-size: 1.3em;
	font-weight: normal;
	color: #4b4440;
	display: block;
	}
div#primaryContent div.module ul li img {
	float: left;
	border: 1px solid gray;
	padding: 4px;
	margin-right: 10px;
	display: block;
	}
div#primaryContent div#features p,
div#primaryContent div#features h3,
div#primaryContent div#features h4 {
	padding-left: 155px;
	}

/* ="more" links
----------------------------------------------- */
p.more {
	padding: 0 20px 10px 20px;
	}
/* p.more a {
	font-weight: bold;
	text-decoration: none;
	background: #ccc url(../images/template/arrow-bullet.gif) no-repeat 4px right;
	border: 1px solid red;
	} */
p.more a { 
	text-decoration: none; 
	background: transparent url(../images/template/arrow-bullet.gif) no-repeat right 6px; 
	padding-right: 13px;
	font-weight: bold
	}
div#secondaryContent p.more a { background-image: url(../images/template/arrow-bullet-gr.gif);}
p.more a:hover,p.more a:active {
	text-decoration: underline;
	}
div#primaryContent div#features p.more { padding-left: 175px !important;}

/* =PRIMARY CONTENT > SUB PAGES
----------------------------------------------- */
body.sub div#primaryContent h1 { 
	font-weight: normal;
	font-size: 2.4em; 
	color: #D02A00; 
	line-height: 1.3;
	margin: 5px 20px 10px 20px; 
	}
body.sub div#primaryContent h2 { 
	font-size: 2.1em; 
	font-family: 'courier new', courier, monospace; 
	line-height: 1.3;
	color: #D02A00; 
	margin: 0 20px 10px 20px; 
	text-transform: lowercase;
	clear: both;
	}
body.sub div#primaryContent h3,
body.sub div#primaryContent h4,
body.sub div#primaryContent h5,
body.sub div#primaryContent h6 { 
	font-weight: normal;
	color: #D02A00; 
	margin: 0 20px 10px 20px; 
	line-height: 1.3;
	}
body.sub div#primaryContent h3 { font-size: 1.75em; }
body.sub div#primaryContent h4 { font-size: 1.55em; }
body.sub div#primaryContent h5 { font-size: 1.35em; }
body.sub div#primaryContent h6 { font-size: 1.3em; }
body.sub div#primaryContent p, 
body.sub div#primaryContent ul, 
body.sub div#primaryContent ol { font-size: 1.2em;color: #4b4440; margin: 0 20px 20px 20px; line-height: 1.5; }

body.sub div#primaryContent ul, body.sub div#primaryContent ol { margin: 30px 70px 30px 70px; }
body.sub div#primaryContent li ul, body.sub div#primaryContent li ol { margin-bottom:0 !important; font-size: 1em;}
body.sub div#primaryContent ul li { list-style: disc;}
body.sub div#primaryContent li ul li { list-style: circle;}
body.sub div#primaryContent li li ul li { list-style: square;}
body.sub div#primaryContent ol li { list-style: decimal;}
body.sub div#primaryContent li ol li { list-style: lower-alpha;}
body.sub div#primaryContent li li ol li { list-style: lower-roman;}


body.sub div#primaryContent blockquote { margin: 0 40px 20px 40px; }
body.sub div#primaryContent blockquote p { font-size: 1.2em; }

body.sub div#primaryContent p.filed-under, body.sub div#primaryContent p.tags { font-size: 1.1em; color: #999; margin: .5em 20px;}
body.sub div#primaryContent p.filed-under a, body.sub div#primaryContent p.tags a { color: #F19841; }
body.sub div#primaryContent p.date { text-transform: uppercase; font-weight:bold; font-size: 1.1em; margin: .5em 20px; color: #D02D27;}
body.sub div#primaryContent table { padding:0;margin: 0 20px 20px 20px; border:0; background: #E9E8E7; }
body.sub div#primaryContent table tr td,
body.sub div#primaryContent table tr th { font-size: 1.1em; line-height: 1.5; margin:0 !important; padding:.25em 0 !important; border-bottom: 1px solid #bababa;}
body.sub div#primaryContent table tr td li,
body.sub div#primaryContent table tr td p,
body.sub div#primaryContent table tr td blockquote {font-size: 100% !important; margin:0 !important; padding:0 !important;}
body.sub div#primaryContent table tr th { background: #F97B00; color: #fff;}
body.sub div#primaryContent table tr.alt td { background: #E9E8E7;}

body.sub div#primaryContent hr { border: 1px solid #bfbfbf; height: 0px; margin: 0 20px 20px 20px; }

body.sub div#primaryContent pre { font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; white-space: normal !important; } 
body.sub div#primaryContent pre li { font-size: 1em !important;}

/* =breadcrumbs
----------------------------------------------- */
body.sub div#primaryContent ul#breadcrumb { font-size: 1em; width: 610px; /* height: 30px; */border-bottom: 1px solid #bfbfbf; margin: 10px 20px 20px 20px; padding:0 0 10px 0;}
body.sub div#primaryContent ul#breadcrumb li { display: inline; list-style: none; text-transform: uppercase; padding-right: 4px; margin-right: 2px;}
body.sub div#primaryContent ul#breadcrumb li a { text-decoration: none; text-transform: uppercase;}
body.sub div#primaryContent ul#breadcrumb li a:hover, body.sub div#primaryContent ul#breadcrumb li a:active { text-decoration: underline;text-transform: uppercase; }



/* =share tools
----------------------------------------------- */
body.sub div#primaryContent ul#share { font-size: 1em; width: 180px;height: 20px; float: right;margin-top: -5px;margin-right: 20px; padding:0;}
/* body.sub div#primaryContent ul#share { font-size: 1em; width: 180px;height: 20px; padding:0; position: absolute; top:30px; right:-50px; background: #333;} */
body.sub div#primaryContent ul#share li { display: block; float: left; text-transform: uppercase; padding-right: 5px; margin-right: 5px;}
body.sub div#primaryContent ul#share li a { display: block; width: 56px; height: 15px; text-indent: -999em; background: url(../images/template/share-icons.gif) no-repeat 0 0; }
body.sub div#primaryContent ul#share li#email {margin-right:0; padding-right:0;}
body.sub div#primaryContent ul#share li#email a { background-position: 0 -32px;width: 52px;}
body.sub div#primaryContent ul#share li#sharelink a {background-position: 0 -16px;}
body.sub div#primaryContent ul#share li#print a {background-position: 0 0; width: 52px;}

body.sub div#primaryContent ul#share li#sharelink { position: relative;}
body.sub div#primaryContent ul#share li#sharelink .sociable_tagline { display: none; }
body.sub div#primaryContent ul#share li#sharelink div.sociable { background: #FFEEDF; display:none; left: 0; padding: 5px 5px 0; position: absolute; top: -1px; width: 70px; z-index: 1000; }
body.sub div#primaryContent ul#share li#sharelink:hover div.sociable { display: block}
body.sub div#primaryContent ul#share li#sharelink div.sociable ul { float: left; list-style: none; margin: 0; width: 70px; }
body.sub div#primaryContent ul#share li#sharelink div.sociable ul li { float: left; padding-bottom: 5px; width: 50%; }
body.sub div#primaryContent ul#share li#sharelink div.sociable ul a, 
body.sub div#primaryContent ul#share li#sharelink div.sociable ul a:hover { background: none; padding: 0; text-align: center; text-indent:0; }


/* =content links
----------------------------------------------- */
body.sub div#primaryContent ul#links { }
body.sub div#primaryContent ul#links li { list-style: none; }
body.sub div#primaryContent ul#links a { text-decoration: none; background: transparent url(../images/template/arrow-bullet.gif) no-repeat 0 4px; padding-left: 13px;}
body.sub div#primaryContent ul#links a:hover,body.sub div#primaryContent ul#links a:active { text-decoration: underline; }

/* =flag
----------------------------------------------- */
img.flag { float: left; margin: 0 10px 10px 20px; border: 1px solid #babdb2;}

/* =whatsnew
----------------------------------------------- */
/* body.sub div#primaryContent ul.whats_new { margin:0 20px; padding:0;}
body.sub div#primaryContent ul.whats_new li { margin: 0 0 1em 0 !important; padding:0; list-style: none !important; }
body.sub div#primaryContent ul.whats_new li p { margin:0 !important; padding:0 !important; font-size: 1em;}
body.sub div#primaryContent ul.whats_new li h3 { margin:0 !important; padding:0 !important; font-size: 1em;}
 */
 
body.sub div#primaryContent ul.whats_new {
	margin:0 20px; padding:0;
	}
body.sub div#primaryContent ul.whats_new li {
	margin: 0 0 2em 0 !important; padding:0;
	line-height: 1.1;
	list-style: none;
	}
body.sub div#primaryContent ul.whats_new li p {
	font-size: 1.1em;
/*	text-transform: uppercase; */
	color: #4b4440;
	display: block;
	margin:0;
	}
body.sub div#primaryContent ul.whats_new li p.date {
  text-transform: uppercase;
  font-size: .9em;
  font-weight: bold;
  color: #D02D27;
}
body.sub div#primaryContent ul.whats_new li p.postmetadata {
	font-size: .9em;
	color: #999;
	}
body.sub div#primaryContent ul.whats_new li p.postmetadata a {
	color: #F19841;
	}
body.sub div#primaryContent ul.whats_new li h3 { 
	margin:0 !important; 
	padding:0 !important; 
	font-size: 1.3em;
	}	
	
body.sub div#primaryContent ul.whats_new li h3 a {
	font-weight: normal;
	text-decoration: none;
	}
body.sub div#primaryContent ul.whats_new li h3 a:hover,
body.sub div#primaryContent ul.whats_new li h3 a:active {
	text-decoration: underline;
	}
 
 
 
/* =SECONDARY CONTENT
----------------------------------------------- */
div#secondaryContent {
	width: 270px;
	float: left;
	background: #e9e8e7;
	padding: 10px 20px 10px 20px;
}
div#secondaryContent img.map { margin-left:-20px}
div#secondaryContent p, 
div#secondaryContent ul, 
div#secondaryContent ol, div#secondaryContent { font-size: 1.2em; color: #4b4440;	line-height: 1.5; /*padding: 0 20px 10px 20px;*/ }	
div#secondaryContent ul ul,
div#secondaryContent ul ol,
div#secondaryContent ol ol
div#secondaryContent ol ul { font-size: 1em; }

div#secondaryContent table.borderTable { border: none; }

div#secondaryContent table table { color: #4b4440; margin: 0px 0px 10px 0px;/*margin: 0px 20px 10px 20px;*/  font-size: 1.2em; line-height: 1.5}

div#secondaryContent table table p,
div#secondaryContent table table ul,
div#secondaryContent table table ol { font-size: 100%; padding: 0 0 10px 0; }
	
div#secondaryContent div.module {
	padding: 20px 0;
	clear: both;
	border-bottom: 1px solid #9f9c99;
	width: 270px;
	}
/* body.home div#secondaryContent div#twitter {
	border-bottom: 0;
	} */
div#secondaryContent h2 {
/*	width: 170px;
	height: 29px;
	background: transparent url(../images/template/head-stay-informed.gif) no-repeat top left;   
  text-indent: -999em;*/
	font-size: 2.1em; 
	font-family: 'courier new', courier, monospace; 
	line-height: 1.0;
	color: #D02A00; 
	margin: 0 0px 10px 0px;/*margin: 0px 20px 10px 20px;*/ 
	text-transform: lowercase  
	}
div#secondaryContent div#email_update h2 {
/*	background-image: url(../images/template/head-stay-informed.gif)   */
	}
div#secondaryContent div#social_media h2 {
/*	background-image: url(../images/template/head-follow-us.gif) */
	}
div#secondaryContent div#tags h2 {
/*	background-image: url(../images/template/head-latest-tags.gif) */
	}
div#secondaryContent div#flickr h2 {
/*	background-image: url(../images/template/head-recent-flickr.gif) */
	}
div#secondaryContent div#twitter h2 {
/*	background-image: url(../images/template/head-latest-tweet.gif)    */
	}
/* ="stay informed!"
----------------------------------------------- */
form#email { padding: 0 0 0 20px; }
form#email .screen-reader-text { display:none; }
form#email input#e {
	width: 214px;
	height: 20px;
	color: #4c4441;
	padding:0;
	line-height: 1;
	}
form#email input#emailsubmit {
	width: 40px;
	height: 20px;
	background: url(../images/template/email-submit.gif) no-repeat center center;
	border:0;
	}
form#email input#emailsubmit:hover,
form#email input#emailsubmit:focus {
	cursor: pointer;
	}
/* ="follow us on"
----------------------------------------------- */
div#secondaryContent div#social_media ul {
	height:35px;
	padding-left: 20px;
	padding-right: 20px;
	}
div#secondaryContent div#social_media ul li {
	display: block;
	width: 36px;
	height: 35px;
	padding-right: 3px;
	float: left;
	overflow: hidden;
	}
div#secondaryContent div#social_media li a {
	display: block;
	width: 36px;
	height: 35px;
	overflow: hidden;
	background: url(../images/template/sm-icon-fb.gif) no-repeat top left;
	text-indent: -999em;
	}
div#secondaryContent div#social_media li a#fb {
	background-image: url(../images/template/sm-icon-fb.gif)
	}
div#secondaryContent div#social_media li a#yt {
	background-image: url(../images/template/sm-icon-yt.gif)
	}
div#secondaryContent div#social_media li a#tw {
	background-image: url(../images/template/sm-icon-tw.gif)
	}
	
/* ="recent flickr"
----------------------------------------------- */
div#flickr ul { list-style: none; float: left; margin-top: 10px; width: 100%;}
div#flickr ul li { float: left; margin-right: 10px; }
div#flickr ul li:last-child { margin-right: 0; }
div#flickr ul img, div#flickr ul img { display: block; }
div#flickr ul img { display: block; border: 2px solid #fff; }
div#flickr ul img:hover { border-color:#F97B00}

/* ="latest tags"
----------------------------------------------- */
div#tags p { color: #ec7501; line-height: 1.4; }
div#tags a {text-decoration: none; }
div#tags a:hover, div#tags a:active { text-decoration: underline; }

/* =SECONDARY CONTENT > SUB PAGES
----------------------------------------------- */
/* body.sub div#secondaryContent h2 { 
	font-size: 2.1em; 
	text-transform: lowercase; 
	font-family: 'courier new', courier, monospace; 
	color: #D02A00; 
  padding: 0 20px 10px 20px; 
	text-indent:0; 
	background: none; 
	width: 270px; 
	line-height: 1.2;
	} */

/* =map
----------------------------------------------- */
body.sub div#secondaryContent div#map.module {
	margin:0 !important;
	padding:0 !important;
	border:0;
	}
body.sub div#secondaryContent div#map.module img {
	border-left: 1px solid #f1f0ef;
	margin:0 !important;
	padding:0 !important;
	width: 308px;
	height: 180px;
	}
/* =contributor
----------------------------------------------- */
body.sub div#secondaryContent div#contributor.module {
	border-bottom:0;
	}
	
/* =FOOTER
----------------------------------------------- */
div#footer{
	clear: both;
	background: #4c4441;
	padding: 20px 0;
	width: 960px;
	}
div#footer p {
	margin: 0 20px;
	color: #fff;
	font-size: 13px;
	line-height: 1.3;
	}
div#footer p.createdby { margin-top: 1em !important;}
div#footer a { color: #fef258; text-decoration: none;}
div#footer a:hover, div#footer a:active {text-decoration: underline;}


.borderTable {
border:1px solid #000000;
}

div.navigation {
color:#4B4440;
font-size:1.2em;
line-height:1.5;
margin:0 20px 0;
clear: both;
height: 50px;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

span#validation-messages {
color: red;
margin: 5px;
}