﻿body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	background-color: #6b6b6b;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(images/bgcolor2.gif);
	background-image: url(images/intermix_body_bg.gif);
}
#container_outer
{
	width: 820px;
	margin: 0px auto;
	padding: 0px;
	background: url(images/header_bg_6.jpg) no-repeat center top;
}
#container_inner
{
	width: 760px;
	margin: 0px auto;
	padding: 0px;
	background: White;
}
/**************************** header ************************/
#header
{
	color: White;
	height: 206px;
	margin: 0px 7px 0px 7px;
	padding: 0px;
	background: url(images/header_bg_6.jpg) no-repeat center top;
}
#header h1
{
	float: left;
	display: none;
}
#header #header_info
{
	float: right;
	display: none;
}
#header #header_info a
{
	color: Black;
}

#logo
{
	margin-top: 50px;
	margin-left: 23px;
	float: left;
}

#tagline
{
	font-size: 10pt;
	font-weight: bold;
	margin-left: 50px;
	color:#fff;

	
	
}

/**************************** Nav ***************************/
#navigation
{
	height: 41px;
	line-height: 41px;
	background-image: url(images/main_menu_bg_5.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0px 7px;
	padding: 0px;
	background-color: #000066;
	color: White;
}
#navigation ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#navigation ul li
{
	float: left;
}
#navigation #menu ul li a
{
	float: left;
	text-decoration: none;
	height: 40px;
	padding: 0px 0.8em;
	line-height: 38px;
	margin: 0px;
	color: White;
	display: block; /* this causes the link to act like a div */
}
#navigation #menu ul li a:hover
{
	/* menu style when pointer is over item */
	color: Yellow;
}

#navigation #menu ul li a.sn_item_pressed
{
	/* menu style for the item representing the current page if there is one  the class must be the same as the one used in the navigation script */
	font-weight: bold;
}

/**************************** Content ***********************/

#content
{
	color: Gray;
	padding: 0px;
	line-height: 2.8ex;
	width: 756px; /* width is the intended footprint of the div minus padding and margin */
	margin: 0px 7px;
	padding: 0px;
}
#content .page_title, #content h4, #content h3
{
	color: #000066;
}
a img
{
	border: none;
}
#content p, #content ul, #content h3, #content h4
{
	padding-left: 14px;
	padding-right: 14px;
}
#sub_content
{
	margin: 1.5em;
}
#sub_content .special_text
{
	color: #99cc48;
}
li
{
	margin-left: 25px;
}
h3
{
	font-size: 18px;
}
.img_even
{
	float: left;
	margin: 1em;
	clear: both;
}
.img_even_special
{
	float: left;
	margin: 1.5em;
	margin-top: 120px;
	clear: both;
}
.img_alt
{
	float: right;
	margin: 1em;
}
.img_alt_x_pad
{
	float: right;
	margin: 1em 1em 70px 1.5em;
}
.img_alt_bord
{
	margin: 1em;
	float: right;
	border: solid 1px gray;
	padding: .5em;
}
.img_alt_bord2
{
	margin: 1em;
	float: right;
	border: solid 1px gray;
	padding: .5em;
	display: block;
}
.img_even_bord2
{
	margin: 1em;
	float: left;
	border: solid 1px gray;
	padding: .5em;
	display: block;
}
.no_buttons ul li h4
{
	list-style-type: none;
}

.numbers
{
	color: #000066;
	font-weight: bold;
}
.decoration
{
	padding-top: 1.5em;
	border-top: 1px solid #000066;
	clear: both;
}
.access
{
	clear: both;
}
.access p, .access h4, .access ul
{
	float: right;
	width: 56%;
	clear: right;
}
.small_images .access p, .small_images .access h4, .small_images .access ul
{
	float: right;
	width: 70%;
	clear: right;
}

#software img
{
	margin-top: 20px;
	margin-bottom: 20px;
}
.img_even_special
{
	padding: 0px;
	margin: 0px;
}
.PRLatestNews h6
{
    display: none;
}
/**************************** page by page styles ***********/
#splash_buttons
{
	height: 149px;
	margin: 0px;
	padding: 0px;
}
#splash_buttons a
{
	height: 30px;
	float: left;
	display: block;
	text-decoration: none;
	margin: 0px;
	padding: 119px 0px 0px 0px;
	text-align: center;
	color: #16315e;
	font-weight: bold;
	line-height: 30px;
}
#splash_buttons a.voice_btn
{
	background: url(images/four_boxes_phone_187_149.jpg) no-repeat left top;
	width: 187px;
}
#splash_buttons a.data_btn
{
	background: url(images/four_boxes_data_186_149.jpg) no-repeat left top;
	width: 186px;
}
#splash_buttons a.security_btn
{
	background: url(images/four_boxes_security_186_149.jpg) no-repeat left top;
	width: 186px;
}
#splash_buttons a.fleet_btn
{
	background: url(images/four_boxes_fleet_187_149.jpg) no-repeat left top;
	width: 187px;
}
#catalog
{
}
#splash
{
	text-align: center;
}
div .half_width
{
	width: 46%;
	float: left;
	padding-left: 7px;
	font-size: 10px;
	line-height: 16px;
	color: Gray;
	margin-bottom: 1em;
}
div .inset
{
	float: left;
	padding-right: 7px;
	padding-bottom: 6px;
}
div .half_width_alt
{
	color: Gray;
	border-left: 1px dotted gray;
	float: right;
	width: 44%;
	padding-right: 7px;
	padding-left: 7px;
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 1em;
}
.one_col
{
	padding-left: 20%;
	padding-right: 20%;
}
.one_col p
{
	padding-top: 1.5ex;
	padding-bottom: 1.5ex;
}
.one_col .file_list p
{
	padding-top: 1.5ex;
	padding-bottom: 1.5ex;
	width: 40%;
}
.file_list p
{
	float: left;
	width: 28%;
	padding: 18px 8px 18px 8px; /*clear:left;*/
}
.file_list strong
{
	color: Black;
}
.file_list p.alt
{
	/*     float:right;     width:25%;     padding-right:25%;     clear:right;*/
}
.file_list p a
{
	padding-top: 10px;
	display: block;
	padding-left: 26px;
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.subtext
{
	font-size: smaller;
}
.specialText
{
	text-align: center;
}
.specialDogs
{
	color: Maroon;
}
#signup
{
	margin: 1em;
}
.twoColumn
{
	width: 90%;
	margin: 0;
	padding: 0;
}
.twoColumn li
{
	float: left;
	width: 25%;
}
.twoColumn + p
{
	clear: left;
	padding-top: 1em;
}
#adoptedcara
{
    display: block;
    margin-left: 0;
}
#adoptedcara li
{
    list-style-type: none;
    width: 150px;
    float: left;
    text-align: center;
    margin: 10px;
}
#adoptedcara li img
{
    display: block;
}
#adoptedpaws
{
    display: block;
    margin-left: 0;
}
#adoptedpaws li
{
    list-style-type: none;
    width: 150px;
    float: left;
    text-align: center;
    margin: 10px;
}
#adoptedpaws li img
{
    display: block;
}
#adoptedarf
{
    display: block;
    margin-left: 0;
}
#adoptedarf li
{
    list-style-type: none;
    width: 150px;
    float: left;
    text-align: center;
    margin: 10px;
}
#adoptedarf li img
{
    display: block;
}
/**************************** footer ************************/
#footer
{
	clear: both;
	background-color: #000066;
	color: White;
	height: 74px;
	margin: 0px;
	padding: 0px;
	width: 760px;
	background-image: url(images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer p.footer_p_alt
{
	padding-top: 10px;
	padding-right: .5em;
	text-align: left;
	float: right;
}
#footer p span
{
	padding-right: .5em;
	padding-left: .5em;
	display: block;
	float: left;
}
#footer p.footer_p
{
	float: left;
	margin-top: 1.5em;
}


/********************* News Sidebar ************************/

#newsNav
{
	/*border-bottom: 1px solid #696969;*/
	float: right;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 10px;
	width: 250px;
}

#newsNav #newsHeader
{
	background-color: #696969;
	font-size: 1.3em;
	margin: 0px 0px 10px;
	padding: 10px;
	text-align: center;
}

#newsHeader h4
{
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}
#contact_img_right
{
	width: 400px;
	float: right;
}
#dogImgCol
{
	width: 300px;
	float: right;
}
.special_m
{
	margin-bottom: 50px;
	margin-left: 30px;
}

/********************

CONFERTEL CSS STYLES

Must be placed in main css file for 
site or linked to from masterpage.

********************/
#confertel h2
{
	line-height: 2.8ex;
	margin-top: 0.6ex;
	margin-bottom: 0.6ex;
}
#confertel .conf_box
{
	width: 25%;
	float: left;
	padding-bottom: 3ex;
}
#confertel .conf_box a, #confertel a
{
	text-decoration: none;
	font-size: 12px;
}
#confertel .conf_box a img
{
	/*border:1px solid #b68602;*/
	border: none;
}
#confertel .conf_box span.title
{
	color: #008800;
	font-weight: bold;
	display: block;
	margin: 0px auto;
	text-decoration: underline;
	line-height: 3.2ex;
}
#confertel .conf_box .text
{
	text-align: left;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	color: Black;
	line-height: 2.6ex;
}
#confertel .left_list
{
	text-align: left;
	float: left;
	color: #000088;
	list-style-image: url(http://ttdepot.com/images/conf_bullet.png);
}
#confertel .right_list
{
	text-align: left;
	float: right;
	color: #000088;
	list-style-image: url(http://ttdepot.com/images/conf_bullet.png);
}


#signup #container
{
	width: 771px;
	margin: 0px auto 0px auto;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 14px;
}

#signup h2, #signup h3, #signup h4
{
	color: #902F44;
	font-family: "Trebuchet MS" , Verdana, Arial, Helvetica;
}
#signup h2, #signup h3
{
	text-align: center;
}

#signup div#datestamp
{
	float: right;
	margin-top: -1em;
	margin-right: 0.25em;
	font-weight: bold;
	font-size: 14pt;
}
#signup div#footer
{
	font-size: 7pt;
	margin: 1em;
	text-align: center;
	color: #999999;
}
.clear_div
{
	clear: both;
	width: 100%;
}
a img
{
	border: none;
}
.clear
{
    clear: both;
}

#blockfooter {width:608px; padding:0px 0px 0px 5px; line-height:14px; height:66px; float:left;}
.block {border-right:1px solid gray; width:150px; height:54px; padding:10px 0px; float:left; text-align:center;}
.block a:link {color:#fff;}
