/*
|
| TITLE:		Translink Master Style Sheet
| AUTHOR:		Eric Shiarla, emshiarla@gmail.com
|
| EMPLOYED:		PDG+creative, http://www.pdgcreative.com 	
| 
| CREATED:		May 22th 2008
| MODIFIED: 	-------------------
|
*/


html,body{ 
	margin: 0;
	padding: 0;
	font-family: Helvetica, sans-serif;
	font-size: small;
	background: #b4b3b3 url(../../images/bg_body.jpg) repeat-x top left;
	background-attachment: fixed;
	behavior: url(assets/css/csshover.htc);
}

img, div {
  behavior: url(iepngfix.htc);
}

#wrap {
	position: relative;
	margin: 0 auto;
	width: 900px;
}


/* GLOBAL ELEMENTS 
----------------------------------------------------*/
hr, span { display: none; }
form, div, p, h1, h2, h3, ul { margin: 0; }
h1, h2, p { color: #444; }
a { color: #3886d7; text-decoration: none; }
div.clear{ clear:left; }
td { padding: 8px;}

/* HEADER
----------------------------------------------------*/
#header {
	float: left;
	margin: 20px 0 0 0;
  padding:22px 30px 8px;
	width: 840px;
	display:inline;
	background: transparent url(../../images/bg_wrap-upper.png) no-repeat top left;
	height:56px;
	position:relative;
	z-index:1;
	overflow:hidden;
}

	#headerWrapper{
		z-index:2;
		float:left;
		position:relative;
		height:56px;
		width:840px;
	}

#header h1 {
	float: left;
	width: 353px;
	height: 41px;
	background: transparent url(../../images/logo.gif) no-repeat top left;
}

#header p {
	float: left;
	clear: left;
	font-size: 85%;
	color: #444;
}

#header	#contactInfo{
		font-size:12px;
		color:#444444;
		padding:4px 3px;
		font-weight:bold;

	}

#search_form {
	text-align: right;
}

	#search_form label { display: none; }
	#search_form input { margin-right: 5px; padding: .15em; font-style: italic; }
	
	/* BUTTONS */	
	#search_form button{
		margin:0 7px 0 0;
		padding: 3px 4px 4px 4px; 
		width:auto;
		overflow:visible;
		font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:90%;
		text-decoration:none;
		font-weight:bold;
		color:#fff;
		cursor:pointer;
		background-color:#d5d2d2;
		border:1px solid #bbb;
		border-top:1px solid #cecece;
		border-left:1px solid #cecece;
	}

	


			#navCont{
				position:absolute;
				top:113px;
				right:44px;
				height:25px;
				z-index:99;
				width:550px;

			}
			
				#navCont ul{
					height:30px;
					padding:0px;
					margin:0px;
					list-style:none;
					width:550px;
					position:relative;
					z-index:99;
					/* overflow:hidden; */

				}
				
				
					#navCont ul li{
						float:left;
						height:30px;
					}
						
						#navCont ul li a{
							display:block;
							padding:8px 11px 6px 11px;
							font-size:14px;
							color:#5f5f5f;
							text-decoration:none;
						}
						
						#navCont ul li a:hover{
							color:#878787;
						}
			          #navCont ul ul{
						   background: none;
						   width: 130px;
						   height: auto;
						   display: none;
						   position: absolute;
						   z-index: 999999999;
						   top: 27px;
						   float: none;
						   
						   clear: both;
						   margin-left: 0px;
						   margin-top: 2px;
						   padding-left: 0;
						   
						}  
						  #navCon ul ul li {
						    height: 26px;
						  }
						
						  #navCont ul ul li a {
						     font-size: 12px
						  }
						
						  #navCont ul ul ul {
						    margin-left: 150px;
						    width: 160px;
						   height: auto;
						   display: none;
						   position: relative;
						   z-index: 999999999;
						   top: -28px;
						   left: auto;
						   margin-top: 0px;
						   padding-left: 0;
						  }
						    #navCont ul ul ul a {
						      width: 160px;
						      border-left: 1px solid #DFDFDF;
						    }
					      
					      #navCont ul li:hover ul ul {
					         display: none;
					       }
					      
					       #navCont ul li:hover ul, #navCont ul ul li:hover ul {
					         display: block; 
					       }	
					       
					        
					       
					       #navCont ul ul a {
					         width: 130px;
					         position: relative;
					         z-index: 99999999;
					         background: #D5D2D2;
					         border-top: 1px solid #DFDFDF;
					       }						
					#navCont ul li.cParent, #navCont ul li:hover{
						background:#D5D2D2 url(../../images/bg_nav-current-leftdoor.gif) no-repeat scroll left top;
					}
					
						#navCont ul li.cParent a, #navCont ul li a:hover, #navCont ul li:hover a{
							background:transparent url(../../images/bg_nav-current-rightdoor.gif) no-repeat scroll right top;
						}
						#navCont ul ul li, #navCont ul ul a, #navCont ul ul li:hover, #navCont ul ul a:hover, #navCont ul li.cParent ul a, #navCont ul li.cParent ul li, #navCont ul li:hover ul li a {
					         background: #D5D2D2;
					         background-image: none;
					       }
	
/* CONTENT
----------------------------------------------------*/
#content {
	clear: both;
	margin: 0;
	width: 900px;
	z-index:90;

	background: transparent url(../../images/bg_wrap-middle.png) top left repeat-y;
}

#content_innerwrap {
	margin: 0 auto;
	width: 880px;
	background-color: #fff;height:100%; 
}




	/*--[Home Stylee]------*/
	#home #content_innerwrap { height: 740px; xposition:relative; }
	
	#home #primary_content {
		position: relative;
		padding: 55px 0 0 0;
		height: 360px;
		background-position: top center;
		background-repeat: no-repeat;
	   /* background: transparent url(../../images/home_rotation/1.jpg) no-repeat top center;*/
	}
	
	#rotator img {
 position: absolute;
 top: 0px;
 left: 15px;
 z-index: 0;
}

#rotator {
  position: absolute;
  z-index: 0;
  top: 0px;
}
	
	#home #primary_content p {
		margin-right: 47px;
		float: right;
		width: 429px;
		font-size: 22px;
		line-height:130%;
		text-align: right;
		display:inline;
		position: relative;
		z-index: 2;
	}
	
	   #home #primary_content strong {
	     text-transform: uppercase;
	   }
	
	#primary_actions {
		float: right;
		clear: right;
		margin: 5px 40px 0 0;
		list-style: none;
		font-size: 14px;
		display:inline;
		position: relative;
		z-index: 2;
	}
	
		#primary_actions li {
			width: 195px;
			height: 36px;
			margin: 0;
			padding: 15px 0 0 65px;
		}

			#primary_actions .haul { background: transparent url(../../images/bg_primaryactions-haul.png) no-repeat top left; }			
			#primary_actions .latest_news { background: transparent url(../../images/bg_primaryactions-news.png) no-repeat top left; }			
			#primary_actions .contact_us { background: transparent url(../../images/bg_primaryactions-contact.png) no-repeat top left; }
			
		#primary_actions a { color: #6c6b6b; text-decoration: none; }
		
	#news {
		position: absolute;
		top: 451px;
		right: 15px;
		width: 580px;
		z-index: 10;
	}	
	
		#news h2, #events h2 {
			margin-top: 20px;
			padding: 13px 0 0 25px;
			width: 555px;
			font-size: 130%;
			background: transparent url(../../images/bg_events-upper.png) no-repeat top left;
		}
		
		#news_entries {
			background: transparent url(../../images/bg_events-middle.png) repeat-y top left;
			min-height:275px;
		}
		
		.news_entry {
			margin-left: 25px;
			padding: 15px;
			width: 503px;
			border-top: 1px solid #bbb7b7;
		}
		
			.news_entry h3{ margin-left: 110px; color: #3886d7; font-size:12px; }
			.events_entry h3 { margin-left: 110px; color: #3886d7; font-size:12px; }
			
			.news_entry p { margin-left: 110px; font-size: 12px; line-height:135%; }
			.news_entry img {
				float: left;
				padding: 6px;
				border: 1px solid #dedede;
			}
		
		#news span, #events span {
			display: inline;
			text-transform: uppercase;
		}
		
		.link_all { 
			display: block;
			margin-left: 25px;
			width: 533px;
			padding:7px 0px;
			text-align: right; 
			border-top: 1px solid #bbb7b7;
		}
		
		.spanish {
			position: absolute;
			top: 30px;
			right: 15px;
			width:183px;
			background-image:url('../../images/spanish.png');
			height:229px;
			border: none;
		}
		
			.spanish span{
				display:none !important;
			}
		
		#secondary_actions {
			margin: 0;
			width: 580px;
			height: 58px;
			background: transparent url(../../images/bg_events-lower.png) no-repeat top left;
		}
			
			#secondary_actions ul { margin: 0; padding: 25px 0 0 25px; list-style: none; }		
			#secondary_actions a { color: #fff; text-decoration: underline; }
			#secondary_actions img { vertical-align: middle; }

			#secondary_actions li { 
				display: inline; 
				margin: 0;
				padding: 0 10px; 
				text-transform: lowercase;
				background: transparent url(../../images/bg_events-li.gif) no-repeat top right;
			}
			
				#secondary_actions li.last { background: none; }
		
		#events {
			position:relative;
			top:-33px;
			left: 32px;
			padding-bottom: 20px;
			width: 285px;
			background: transparent url(../../images/bg_news-lower.png) no-repeat bottom left;
			z-index: 5;
		}
		
		#events h2 {
			padding-left: 21px;
			width: 275px;
			background: transparent url(../../images/bg_news-middle.png) repeat-y top left;
		}

		#events_entries {
			margin: 0;
			background: transparent url(../../images/bg_news-middle.png) repeat-y top left;
		}
		
		.event_entry {
			margin: 0 auto;
			padding: 8px 0;
			width: 245px;
			border-top: 1px solid #bbb7b7;
		}
		
			.event_entry h3 { 
				float: left;
				margin-left: 5px;
				width: 25px;
				color: #444;
				font-size: 12px;
				text-align: right;
			}	
				
			.event_entry p {
				margin-left: 15px;
				padding: 0 5px;
				color: #444;
			}
		
		#events .link_all {
			margin: 0 15px -5px 10px;
			padding: 7px 0; 
			width: 250px;
		}

						#events_entries  a{
							color:#3786d7;
							text-decoration:none;
						}
					
	          #events_entries p.etitle {
	          					font-size:12px;
							font-weight:bold;
							color:#444444;
							padding:0 4%;
							}	
		
						#events_entries p.date{
							font-size:12px;
							color:#444444;					
							padding:0 4%;

						}
			
						#events_entries p.description{
							font-size:12px;
							color:#444444;
							padding:0 4%;
							width:80%;
						}
						
						#events_entries p.newsDescription{
							width:80%;
							margin-left:20%;
							color:#444444;
							font-size:12px;
							padding:0 4%;
						}
		
		
		#logos {
		 position:relative;
		 top:-32px;
		 left: 30px;		 
		}

/* FOOTER
----------------------------------------------------*/
#footer {
	margin: 0;
	width: 900px;
	height: 55px;
	color: #4a4a4a;
	text-align: center;
	font-size: 85%;
	background: transparent url(../../images/bg_wrap-lower.png) no-repeat bottom left;
}
	#footer p {
		color:#444444;
		font-size:11px;
		padding:30px 0 0;
		text-align:center;
		}