/* CSS Styles for humantrafficking.org
   A Declaration of Independence from old browser technology

   Developed by John Athayde and Justin B. Hankins at Meticulous
   www.meticulous.com
   
   Deployed: January 2006
   Redeployed: December 2007
*/

/* DEFAULT HTML STYLE SETUPS */
p { display: block; margin: 1.12em 0; }
i,em {font-style:italic;}
b,strong {font-weight:bold;}



body {
	font: 12px/19px Verdana, "Trebuchet MS", Arial, sans-serif;
	background-color: #e3d9ba;
	color: #333;
	padding: 0;
	margin: 0;
	text-align: center;
}

/* Default Link Style */
a 			{font-weight: bold; text-decoration: none;}
a:link 		{color: #0d8383;}
a:visited 	{color: #0d8383;}
a:hover 	{color: #0d8383; text-decoration: underline;}

/* Breadcrumb Link Style */
#breadcrumb a 			{font-weight: bold;}
#breadcrumb a:link 		{font-weight: bold;}
#breadcrumb a:visited 	{font-weight: bold;}
#breadcrumb a:hover 	{font-weight: bold;}

/* Top Nav Link Style */
#topnav a 			{font-weight: bold; color:#ddd;}
#topnav a:link 		{font-weight: bold; color:#ddd;}
#topnav a:visited 	{font-weight: bold; color:#ddd;}
#topnav a:hover 	{font-weight: bold; color:#ddd;}

/* Left Nav Link Style */
#leftnav a 			{font-size: 11px;}
#leftnav h4 a		{font-size: 12px;} /* For te h4 headers that are also links */

/* Masthead Style */
#mast_home {
	background: url(../images/globe_bkgnd.jpg) right no-repeat;
	height:120px;
	border: none;
}

#mast_inside {
	/* left, top */
	background: url(../images/globe_bkgnd_inside.jpg) 20px 0px no-repeat;
	height:102px;
	border: none;
}

#mast_home h1, #mast_inside h1 {
	margin: 0;
	padding: 0;
	position:relative;
	top:15px;
	left:10px;
}

h1 { font-size: 2em; margin: .67em 0 }


/* Controls the positioning of the "Web Resource For Combating" tagline */
#mast_home h2, #mast_inside h2 {
	text-transform: uppercase;
	font: 12px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
/*	position: relative;
	top: 16px;
	left: 13px; */
	margin-top: 16px;
	margin-left: 13px;
	/* width:80%; / * NO IDEA!? -- orig --> For inside page to prevent pushing off screen (but was throwing breadcrumbs off!?) */ 
	/* Ohh... pushing window off screen (horiz scroll) ... lets set the whole container width below */
	/* Nope, nevermind, forget rel positioning - use margininstead */
	
}
/*
#mast_home h2, #mast_inside {
	width:98%;
}
*/
	/* INSIDE PAGES */
	/* implemented because h2 was pushing breadcrumb too low */
	#tagline {
		text-transform: uppercase;
		font: 12px/18px "Trebuchet MS", Verdana, Arial, sans-serif;
		position: relative;
		top: 24px;
		left: 3px;
	}



/* Homepage Logo Image */
#homelogo {
	position: relative;
	top: 16px;
	left: 0;
}

/* Top Navigation Bar */
#topnav{
	text-align: right;
	padding: 3px 8px 0 0;
	color: #999; /* Defines color of vertical dividers */
	background: #26251f url(../images/topnav_bkgnd.gif) repeat-x;
	height: 22px;
	font-size: 9px;
}


/* Homepage Feature Graphics */
#home_feature_graphic {text-align:left; background:#4a473d  url(../images/featureimages_home_bg.jpg) repeat-x;}
#featurepix { margin: 0; padding: 0; border: 1px solid #444;}


/* Inside Pages Feature Graphics */
#featurepixsm {
	float: right;
	position: relative;
	top: 31px;
	margin: 0;
	padding: 0;
	border: 1px solid #444;
}


/* CURRENTLY PUSHING EVERYTHING OFF SCREEN */

#logo_right {
	text-align:left;
	text-transform: none;
	font: 18px/24px "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style:italic;
	font-weight:bold;
	position: relative;
	margin-top: 20px;
	margin-left: 10px;
	color:#3F5A5D;
}

/* Logotype Stuff -- set position then font style */
#logotype1{	position: relative;	left: 3px; }
#logotype2{	position: relative;	left: 90px; }
#logotype3{	position: relative;	left: 150px; }


/* Positioning items for the top masthead logo and logotypes */
#logo_left {
	width:450px;
	float:left;
}

#logo_right {
	width:300px;
	float:left;
}



/* BREADCRUMB STUFF */
#home_breadcrumb {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight:bold;
	border-top: 1px solid #333;
	background: #e3d9ba url(../images/breadcrumb_back.gif) top left repeat-x;
	position:relative;
	top: -6px;
}


/* ugh */
/* INSIDE BREADCRUMB */
#breadcrumb {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight:bold;
	border-top: 1px solid #333;
	background: #e3d9ba url(../images/breadcrumb_back.gif) top left repeat-x;
}

#breadcrumb p, #home_breadcrumb p {
	color: #666;
	margin: 0;
	padding: 5px;
}







/* Left navigation background style and width */
.leftbox {
	padding: 5px 10px 20px 10px;
	margin: 0 0 10px 0;
	width: 90%; /* Can't go 100% or wlse pushes into mid content */
	text-align: left;
	background-color: #d1c8ac;
}



/* Right navigation background style and width  for the boxes */
.rightbox {
	background-color: #d1c8ac;
	margin-bottom: 10px;
	padding: 5px 10px 20px 10px;
}



/* Javascript Showme Stuff */
.showme {
	display: none;
}

.showmehidden {
	display: none;
	font-weight: normal;
	font-size: 9px;
}





/* Expert Corner Image Styling */
.expertcorner 		{ border: 3px solid white; margin-left: 5px; float: right; }
.expertcorner_ins 	{ width:100px; height: 100px; border: 3px solid white; }



/* MAIN CONTENT STYLING */
/* homebodyleft & bodyleft = main content piece 
/* homebodyright & bodyright = right nav boxen 
*/

/* Main content HR to dotted line */
#homebodyleft hr {
	border-top: 1px dotted #666;
	margin: 10px;
}

/* Main content H2 headers - Recent Updates, Expert Corners, etc */
#homebodyleft h2, #bodyleft h2, #searchbody h2 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #0d8383;
	font: 19px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

/* Right content H2 headers - Recent Updates, Expert Corners, etc */
#homebodyright h2, #bodyright h2, #bodyright h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #0d8383;
	font: 19px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#bodyleft h3 {
	font-weight: bold;
	font-size: 13px;
}

h4 {
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin: 14px 0 2px 0;
	font-weight:bold;
}


/* Footer */
#ft {
	background: #26251f url(../images/bottom_bkgnd.gif) top repeat-x;
	margin: 0;
	padding: 10px;
	height: 45px;
	color: #999;
	font-size: 9px;
	text-align: center;
}





/* VARIOUS CONTENT PIECES */

/* Positioning for the pagination links */
div.pagination_line {
}

/* Download icon */
.download_icon {
	padding-top:2px;
}

/* Text that needs to float right next to the text */
.header_right {
	padding-top:2px;
	float:right;
}

/* Padding utility for the organizations page */
.org_padding {
	padding-left:10px;	
}

/* Style for the random left-hand image */
.rnd_img {
	border:2px solid #635F52;
}

/* Read more links on homepage */
.homepage_readmore {
	margin-top: -10px;
	margin-bottom: 35px;
	margin-right:20px;
	text-align: right;
}




/* UL list stuff -- CSS is reset -- need to compensate for main content */

/* Default margins */
#bodyleft ol, #errorExplanation ul, #bodyleft ul { display: block; margin: 1em 0; padding-left: 2.5em; }

/* Reset for nav stuff */
#nav ul, #bodyright ul {
	margin: 0;
	padding: 0;
}

/* Prob don't need unless Win is coughing
#nav ul li, #bodyright ul li {
	font-size: 9px;
	line-height: 12px;
}
*/

#navcountries {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.navother {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#navcountries {
	padding: 0;
	margin: 0;
}



ul.related_list li {padding:5px;margin-bottom:10px;}
ul.related_list li.related_list_row_0, .eventsrow_1 {
	background:#e3d9ba;
}

ul.related_list li.related_list_row_1, .eventsrow_0 {
	background:#d1c8ac;
}

/* For the inline edit link */
#inline_edit_button {
	float:right;
}

blockquote {
	margin: 1.33em 0;
	margin-left:40px;
	margin-right:40px;
}


p#public_flash_notice {
	width:90%;
	color:#fff;
	margin:20px auto;
	background:#3f5a5d;
	padding:10px;
	border:1px solid #111;
}

#errorExplanation {
  width: 90%;
  border: 2px solid #600;
  padding: 7px;
  padding-bottom: 12px;
  margin:20px auto;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #600;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}
.fieldWithErrors {
    display: inline;
}
.fieldWithErrors input, .fieldWithErrors select {
    background-color: #ffdfdf;
}

.validation-error {
	width:90%;
	color:#fff;
	margin:5px;
	background:#400;
	padding:5px;
	border:1px solid #fff;
}

p#email_link {
	display:inline;
	float:right;

	font-size:10px;
	width:120px;
	text-align:right;
}

th { font-weight:bolder;}


table.events_main_table td { padding:10px 5px;}
table#newsmember_table td { padding:10px 5px;}

p.higher_list {
	margin-bottom:30px;
}