/*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: 0.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) no-repeat top center;
}
#header UL LI.about_us A
{
	width: 114px;
	min-height: 89px;
	float: left;
	background: url(../images/about_us.png) no-repeat top center;
}
#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) repeat-x top center;
}
/*-------------------------------------------------
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) no-repeat bottom center;
}
#header UL LI.about_us_selected A
{
	width: 114px;
	min-height: 89px;
	float: left;
	background: url(../images/about_us.png) no-repeat bottom center;
}
#header UL LI.human_trafficking_selected A
{
	width: 184px;
	min-height: 89px;
	float: left;
	background: url(../images/human_trafficking.png) no-repeat bottom center;
}
#header UL LI.donate_selected A
{
	width: 118px;
	min-height: 89px;
	float: left;
	background: url(../images/donate.png) no-repeat bottom center;
}
#header UL LI.contact_selected A
{
	width: 114px;
	min-height: 89px;
	float: left;
	background: url(../images/contact.png) no-repeat bottom center;
}
#header UL LI.blog_menu_selected A
{
	width: 111px;
	min-height: 89px;
	float: left;
	background: url(../images/blog_menu.png) no-repeat bottom center;
}
/*-------------------------------------------------
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: 210px;
	font: 10px Arial;
	/*[disabled]color:#222;*/
}

