/* 	File: common.css
	Author: nicholas.defelice@gmail.com
	
	Color Key:
	Gold: ffb400
	Purple:560066
	links on white pages are color: #63057A
	links of black pages are color: #FF9900
	
*/

/*	Wrapper of entire webpage
----------------------------------------------------*/

body {
	margin: 0;
    padding: 0;
   	font-size: .8em;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
	width: 800px;
	font-family: Arial;
	margin-top: 20px;
}

.right {
	width: 800px;
	font-family: Arial;
}

.font_smaller{
	font-size: small;
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.textCenter{
	text-align: center;
}

#wrapper {
	margin: 8px auto;
	width: 1060px;	
	min-height: 601px;
/*	BACKGROUND IS DEFINED IN EACH SEPERATE CSS
	background-image: url("../images/content_main.jpg");
	background-repeat: no-repeat;
	background-position: 54% 50%;*/
}

/* -------------------------------------------------
		Top of Page: TAT URL and Slogan
----------------------------------------------------*/

#tat_url {
	float: left;
	width: 600px;
	min-height:35px;
	background: url("../images/tat_url.gif") no-repeat 35% 100%;

}

#slogan {
	float: right;
	width: 460px;
	min-height:35px;
	background: url("../images/slogan.gif") no-repeat 50% 100%;
}


/* -------------------------------------------------
		Header: contains top navigation
----------------------------------------------------*/


#left_header{
  float: left;
  width: 140px;
  min-height: 89px;
  background: url("../images/header_left_bgd.png") no-repeat;
}
/*
#header {
  	float: left;
  	width: 645px;
	min-height:89px;
  	background: url("../images/header_bgd.png") repeat-x;
}
*/
#right_header {
	z-index: 1;
	float: right;
	width: 81px;
	min-height: 89px;
	background: url("../images/header_right_bgd.png") no-repeat;
}

#header ul {
	margin: 0; 
	padding: 0; 
	list-style:none;
}

#header ul li {
	display: inline;
	text-indent:-9999px;
}

#header ul li.home a{
	width:109px;
	min-height:89px;
	float: left;
	background: url("../images/home.png") top center no-repeat;
}

#header ul li.about_us a{
	width:114px;
	min-height:89px;
	float: left;
	background: url("../images/about_us.png") top center no-repeat;
}

#header ul li.human_trafficking a{
	width:184px;
	min-height:89px;
	float: left;
	background: url("../images/human_trafficking.png") no-repeat;
}

#header ul li.donate a{
	width:118px;
	min-height:89px;
	float: left;
	background: url("../images/donate.png") no-repeat;
}

#header ul li.contact a{
	width:114px;
	min-height:89px;
	float: left;
	background: url("../images/contact.png") no-repeat;
	
}

#header ul li.blog_menu a {
	width:111px;
	min-height:89px;
	float: left;
	background: url("../images/blog_menu.png") no-repeat;
}

#header ul li.fill {
	width:89px;
	min-height:89px;
	float: left;
	background: url("../images/header_bgd.png") top center repeat-x;
}


/* -------------------------------------------------
		Header: Hover
----------------------------------------------------*/

#header ul li a:hover {
	background-position: bottom center;
}

/* -------------------------------------------------
		Header: When Page is Selected
----------------------------------------------------*/
#header ul li.home_selected a{
	width:109px;
	min-height:89px;
	float: left;
	background: url("../images/home.png") bottom center no-repeat;
}

#header ul li.about_us_selected a{
	width:114px;
	min-height:89px;
	float: left;
	background: url("../images/about_us.png") bottom center no-repeat;
}

#header ul li.human_trafficking_selected a{
	width:184px;
	min-height:89px;
	float: left;
	background: url("../images/human_trafficking.png") bottom center no-repeat;
}

#header ul li.donate_selected a{
	width:118px;
	min-height:89px;
	float: left;
	background: url("../images/donate.png") bottom center no-repeat;
}

#header ul li.contact_selected a{
	width:114px;
	min-height:89px;
	float: left;
	background: url("../images/contact.png") bottom center no-repeat;
}

#header ul li.blog_menu_selected a {
	width:111px;
	min-height:89px;
	float: left;
	background: url("../images/blog_menu.png") bottom center no-repeat;
}


/* -------------------------------------------------
		Content: middle content
----------------------------------------------------*/
#left_content {
	float: left;
	width: 131px;
	min-height: 490px;
	background: url("../images/content_left_bgd.png") no-repeat;
}

#content {
  	float: left;
  	width: 929px;
  	min-height:490px;
	background: url("../images/content_right_bgd.png") no-repeat bottom right;
}

/* -------------------------------------------------
		Footer: contains bottom bar 
----------------------------------------------------*/

#left_footer{
	float: left;
	width: 120px;
	min-height: 50px;
	background: url("../images/footer_left_bgd.gif") no-repeat;
}

#footer {
  	float: left;
  	width: 839px;
  	min-height:50px;
  	background: url("../images/footer_bgd.gif") repeat-x;
}

#right_footer {
	float: right;
	width: 101px;
	min-height: 50px;
	background: url("../images/footer_right_bgd.gif") no-repeat;
}

/* -------------------------------------------------
		Bottom Links: Bottom Links (Facebook, twitter, etc.) 
----------------------------------------------------*/



#bottom_links {
  	margin: -10px 0px 0px 90px;
  	float: left;
  	min-height: 42px;
}

#bottom_links ul {
	margin:  0; 
	padding: 0; 
	list-style:none;
}

#bottom_links ul li {
	display: inline;
	text-indent:-9999px;
}

#bottom_links ul li.spacer {
	width: 10px;
	min-height: 42px;
	float: left;
	background: url("../images/footer_small.png") no-repeat;
	background-position: 18% 50%;
}

#bottom_links ul li.twitter a{
	width:60px;
	min-height:42px;
	float: left;
	background: url("../images/footer_small.png") no-repeat;
	background-position: left center;
}
#bottom_links ul li.facebook a{
	width:75px;
	min-height:42px;
	float: left;
	background: url("../images/footer_small.png") no-repeat;
	background-position: 25% 50%;
}
#bottom_links ul li.donate_footer a{
	width:63px;
	min-height:42px;
	float: left;
	background: url("../images/footer_small.png") no-repeat;
	background-position: 55% 50%;
}
#bottom_links ul li.blog a{
	width:52px;
	min-height:42px;
	float: left;
	background: url("../images/footer_small.png") no-repeat;
	background-position: 77% 50%;
}
#bottom_links ul li.tat_photos a{
	width:60px;
	min-height:42px;
	float: left;
	background: url("../images/footer_small.png") no-repeat;
	background-position: right center;
}

#page_footer{
	min-height: 40px;
	
}

#copyright {
	float: right;
	margin: 0 110px 0 60px;
	width: 200px;
}