/* --------------------------------------------------
CSS Document For LTTC
-------------------------------------------------- */

/* CONTAINER */

		#container {
			width: 900px;
			margin: 0 auto;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 80%;
			line-height: 1.6em;
			color: #000000;
			background-color: #FFF;
		}
#topright {
	float:right;
	padding:15px 0px 0px 0px;
}
#social {
	padding:0px 20px 7px 0px;
}
#social a {
	display:block;
	float:left;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 0px;
	color:#a5a5a5;
	text-decoration:none;
}
#social a:hover {color:#000;}

#social a.email {
	background:url(images/email.png) 0px 2px no-repeat;
	padding:3px 0px 8px 20px;
	margin:0px 0px 0px 10px;
}		
/* GENERAL MOJO AND MULA */
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 130%;
			text-align: center;
			margin-bottom: 10px;			
		}
		
		h2 {
			color: #000000;
			font-size: 100%;
			font-family: Arial, Helvetica, sans-serif;			
		}
		h3 {
			color: #000000;
			font-weight: normal;
			text-align: center;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 12px;
			margin-bottom: 0px;
								}
		h4 {
			color: #FF0000;
			text-align: center;
			font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
			font-size: 12px;
					}
		h5 {
			color: #000000;
			text-align: center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
					}
		a {
			color:#00008B;
			text-decoration: none;
		}

		a:hover {
			color:#CCCCCC;
			background-color: #FFFFFF;
			text-decoration: underline;
		}

		
		form {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
		.button {
			padding: 2px;
		}
		
		.table {
		border-collapse:collapse;
		}
		.tableheader {
		margin:5px; 
		padding: 8px;
		border:1px solid #D3D3D3;
		background-color:#D3D3D3;		
		color:#FF0000;	
		line-height: 1.6em;
		font-weight:bold;
		}

		.tablerow {
		margin:5px; 	
		padding: 5px;
		border:1px solid #808080;	
		background-color:#FFFFFF;	
		color:#000000;	
		line-height: 1.6em;
		}
		.tableheadernb {
		margin:5px; 
		padding: 10px;
		border:0px solid #D3D3D3;
		background-color:#FFFFFF;		
		color:#000000;	
		line-height: 1.6em;	
		font-weight:bold;
		text-align: left;
		}

		.tablerownb {
		margin:5px; 	
		padding: 10px;
		border:0px solid #808080;	
		background-color:#FFFFFF;	
		color:#000000;	
		line-height: 1.6em;		
		}
/* HEADER ELEMENTS */

		#header {			
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
		}
		

		/* the slogan */
		#header p { 
			margin-top: -20px;
			margin-left: 30px;
			color: #0000FF;
		}
		

/* CONTENT ELEMENTS */

		#content {
			width: 725px;
			margin-left: 20px;
			margin-right: 185px;
		}
		
		#content p {
			padding-bottom: 10px;
					}

/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 185px;
		}
		
		#sidebar p {
			padding-bottom: 10px;
					}
		#sidebar p.main {clear:both; margin:0 0 0px 0; padding:10px 1px 5px 1px;}			
		.border-green h1.green {clear:both; margin:0 0 0 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); color:rgb(255,255,255); font-weight:bold;}
		.border-blue h1.blue {clear:both; margin:0 0 0px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-weight:bold;}
		.border-orange h1.orange {clear:both; margin:0 0 0px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13);font-weight:bold;}
		.border-blue h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
		.border-blue p.main {clear:both;text-align:center;}
		.border-orange p.main {clear:both;text-align:center;}

		.border-green {width:184px; margin:0 0 0 0; padding:0 0 0 0; border:solid 0px rgb(160,214,81); background-color:rgb(217,239,185);}
		.border-blue  {width:184px; margin:0 0 1.0em 0; padding:0 0 1px 0; border:solid 0px rgb(137,170,214); background-color:rgb(213,225,240);}
		.border-orange {width:184px; margin:0 0 1.0em 0px; padding:0 0 1px 0; border:solid 0px rgb(232,177,13); background-color:rgb(248,224,150);}

		.round-border-topleft {	width:10px;	height:10px;position:absolute;z-index:100;background:url(images/bg_corner_topleft.gif) no-repeat;margin-top:-1px;margin-left:-1px;	}
		.round-border-topright {	width:10px;	height:10px;position:absolute;z-index:100;background:url(images/bg_corner_topright.gif) no-repeat;margin-top:-1px;	margin-left:174px;	}
	
	
	/*------------ menu -----------------*/

#menu {
	width:100%;
	height:28px;
	background:#004080;
	margin:0px;
}

#menu ul {
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
}

#menu ul li {
	display:block;
	float:left;
	list-style:none;
}

#menu li a {
	font:12px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:Bold;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;
	padding:0px 0px 0px 0px;
}

#menu li a span {
	display:block;
	float:left;
	padding:6px 20px;
}

#menu li a:hover {
	color:#FFFF00;
	background:#004080;
}
#menu ul.sub-menu {
	display: none;
	/*position: absolute;
	top: 20px;
	left: -10px;*/
	padding: 10px;
	z-index: 90;
}

#menu ul.sub-menu li {
	text-align: left;
}

#menu li:hover ul.sub-menu {
	display: block;
	border: 1px solid #ececec;
}
		
/* LINKS ELEMENTS */

		#contentlink {
			width: 340px;
			margin-left: 115px;
			margin-right: 345px;
			text-align: center;
		}
		
		#contentlink p {
			padding-bottom: 10px;
				}

		#sidebarlink {
			float: right;
			width: 345px;
			text-align: center;
		}
		
		#sidebarlink p {	padding-bottom: 10px;}
/* FIXTURES ELEMENTS */

		#contentfix {
			width: 880px;
			margin-left: 20px;
			float:left;
		}
		#contentfix p {padding-bottom: 10px;}
		#contentfix iframe {
			width:790px;
			height:685px;
			/*margin-left:-340px;
			 margin-top:-88px;  */
			border:0 solid;
			}	


.clear {
	clear:both;
	margin:0px;
	padding:0px;
}

	/* GALLERY ELEMENTS */

#container2 {
    position:relative; 
    width:930px; 
    height:430px;
    margin:20px auto 0 auto; 
    
    } 
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    } 
/* Remove the images and text from sight */
#container2 a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
/* Adding the thumbnail images */
#container2 a.gallery, #container a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
/* change the thumbnail border color */
#container2 a.gallery:hover {
    border:1px solid #fff; 
    }
/* Main image size */
#container2 a.gallery:hover span {
    position:absolute; 
    width:480px; 
    height:410px; 
    top:10px; 
    left:15px; 
    color:#000; 
    background:#fff;
    }
#container2 a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
#container2 a.slidea {
    background:url(images/image1t.jpg); 
    height:75px; 
    width:75px;
    }
#container2 a.slideb {
    background:url(images/imagebt.jpg); 
    height:75px; 
    width:75px;
    }
#container2 a.slidec {
    background:url(images/imagect.jpg); 
    height:75px; 
    width:75px;
    }
#container2 a.slided {
    background:url(images/imagedt.jpg); 
    height:75px; 
    width:75px;
    }
* html #container2 a.slided {
    width:91px; 
    w\idth:93px;
    }
#container2 a.slidee {
    background:url(images/image8t.jpg);
    height:75px; 
    width:75px;
    }
#container2 a.slidef {
    background:url(images/imageft.jpg); 
    height:75px; 
    width:75px;
    }
* html #container2 a.slidef {
    width:91px; 
    w\idth:93px;
    }
#container2 a.slideg {
    background:url(images/imagegt.jpg); 
    height:75px; 
    width:75px;
    }
#container2 a.slideh {
    background:url(images/imageht.jpg); 
    height:75px; 
    width:75px;
    }
#container2 a.slidei {
    background:url(images/imageit.png); 
    height:75px; 
    width:75px;
    }
	* html #container2 a.slidei {
    width:91px; 
    w\idth:93px;
    }
#container2 a.slidej {
    background:url(images/imagejt.jpg); 
    height:75px; 
    width:75px;
    }
#container2 a.slidek {
    background:url(images/image3t.jpg); 
    height:75px; 
    width:75px;
    }
* html #container2 a.slidek {
    width:91px; 
    w\idth:93px;
    }
	#container2 a.slidel {
    background:url(images/image5t.jpg); 
    height:75px; 
    width:75px;
    }
	#container2 a.slidem {
    background:url(images/image6t.jpg); 
    height:75px; 
    width:75px;
    }
	#container2 a.sliden {
    /*background:url(images/image6t.jpg); */
    height:75px; 
    width:75px;
    }
	#container2 a.slideo {
    /*background:url(images/image6t.jpg); */
    height:75px; 
    width:75px;
    }
	#container2 a.slidep {
    background:url(images/imagepT.jpg); 
    height:75px; 
    width:75px;
    }
/* set the size of the unordered list to neatly house the thumbnails */
#container2 ul {
   	width:350px;
    height:430px;
    margin:5px; 
    float:right;
    }
#container2 li {
    float:left;
    }