/*
----------------------------------------
Name: TCC Marketing
Author:   Eric Eaton & Carter Stowell
Version:  Sept 2006
----------------------------------------



----------------------------------------
Color Guide

----------------------------------------
blue = 			4C87A6	(tagline)
blue = 			4080A0	(links)
dark blue = 	102F3F	(attribution text)



/* Imported Styles
----------------------------------------------- */
@import url(base.css);



/*
----------------------------------------
Essential Stuff (body, blocks etc.)
---------------------------------------- */




/*
----------------------------------------
Layout Containers
---------------------------------------- */


#masthead-bg		{height:24px;
					background: url(../images/fade_vert_blue_top.gif) 0 0 repeat-x; }



#logo				{width:307px; height:94px; top:20px; left:34px;  
					background: url(../images/logo_smaller.png) /* see png hack for ie */ 0 0 no-repeat;  }


#tagline-shell		{display:block; position:absolute; width:260px; height:18px; top: 0; left:435px;  color:#4C87A6; height:100px; 
					background: url(../images/fade_vert_blue_gray.gif) 0 0 repeat-x; }
#tagline			{position:absolute; width:300px; height:18px; top:60px; left:-20px;  color:#4C87A6; }
#tagline h3			{font-weight:normal; font-style:italic; font-size:100%; line-height:150%; }
#tagline span		{display:block; float:left; width:20px; height:1px; }

#tagline h4			{display:none;  }



/*
----------------------------------------
Navigation
---------------------------------------- */

#nav-wrapper					{margin-top:117px; position:relative; width:100%; }
#nav-horiz						{width:750px; padding:0 0 0 0; }

#blue-bar						{position:relative; height:24px; top:0;
								background: url(../images/cloudbar_blue.gif) 50% 0 repeat-x; }


#blue-header					{height:24px;
								background: url(../images/cloudbar_blue.gif) 0 0 repeat-x; }



/* end navigation */



/*
----------------------------------------
Content
---------------------------------------- */
#content-wrapper				{border-width:0;  margin-top:0; } 


#maincontent					{background: url(../images/main_content_bg_home.gif) 0 0 repeat-y; border:1px solid #4C87A6; border-width:0 0 2px 0; padding:0 0 0 0; 
								}
						
#maincontent h2, #maincontent h3
								{color:#000000; font-weight:bold; height:33px; font-size:95%; 
								background: url(../images/header_line.gif) 0 31px repeat-x; vertical-align:baseline; line-height:33px; }  

#maincontent h3					{color:#000000; font-weight:bold; height:33px; font-size:85%;  margin-top:2em;   margin-bottom:-.5em; 
								background: url(../images/header_line_orange.gif) 0 1px repeat-x; vertical-align:baseline; line-height:33px; }  


#maincontent h2, #maincontent h3, #maincontent p 
								{padding:0 18px 0 95px; margin-right:0; margin-left:0; }

#maincontent p					{padding-right: 320px; }

#maincontent #introheader		{width:100px; padding-right:15px; width:325px; }

.clip							{overflow:hidden; clipping:0 320px 0;}


#blueimage						{position:absolute; width:260px; height:92px; right:54px; top:68px;
								background: #DDDDDD url(../images/photo_home_blue_new.jpg)  0 33px no-repeat;  z-index:5; }  


#sidebar						{position:relative; width:259px; z-index:20; float:right; margin-right:55px; margin-bottom:2em; /* see IE Hacks below */    padding:15px 0 0 0; }
#sidebar p						{width:230px; padding:0 0 .7em 15px;  margin:0;  }
						
.right-sidebar					{float:right; } 
						
#promo-graphic					{margin-left:25px; }



#footer							{font-size:75%; margin:1.5em 0 0 0; padding:0 18px 0 80px; 
								background: url(../images/footer_bg_home.gif) 0 0 repeat-x; line-height:1.5em; }  


.clear							{clear:both; }

/*
----------------------------------------
Page ID level stuff
---------------------------------------- */




/*
----------------------------------------
Hacks for IE
---------------------------------------- */
* html #logo /* Will only be seen by IE */ 
								{background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/logo_smaller.png',sizingMethod='crop'); }