/* --------------------------------------------------
CSS Document For LTTC
-------------------------------------------------- */
/*body 
{background-color: #CCCFFF;}
*/

/* CONTAINER */

		#container {
			width: 800px;
			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;
		}
		
/* 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 {
			border-bottom: 4px solid #CCCCCC;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
		}
		

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

/* NAVIGATION ELEMENTS */
	
		 #navigation ul {
			margin-left: 0;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			width: 100px;
		}

		#navigation a {
			display: block;
			padding: 5px;
			width: 100px;			
		}

		#navigation a:link, #navlist a:visited {
			color:#0000FF;
			text-decoration: none;
		}
		
		#navigation a:hover {
			text-decoration: underline;

		}

/* THE SMALL BOX BELOW NAV */

		#navigation p {
			margin-top: 40px;
			padding: 5px;
			color: #0000FF;
			float: left;
		}
		
/* CONTENT ELEMENTS */

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

/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 185px;
		}
		
		#sidebar p {
			padding-bottom: 10px;
					}
					
		.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 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-weight:bold;}
		.border-orange h1.orange {clear:both; margin:0 0 5px 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;	}
		
/* 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: 685px;
			margin-left: 115px;
			
		}
		#contentfix p {padding-bottom: 10px;}
			

#info1 {width:750px; background:#fff; float:left; border:1px solid #ddd;}
#info {width:80%; background:#fff; float:left; border:1px solid #ddd;}
#info p {line-height:1.5em;}
#info1 p.info {margin-left:10px;}
#info p.info {margin-left:15%;}
#info h2 {padding:10px 0 5px 10px; margin:0; font-size:15px; color:#151;}
#info h3 {padding:5px 0 10px 10px; margin:0; font-size:12px; color:#048; font-weight:normal;}
#contentphoto1 {padding-top:20px; width:775px; float:left;}
#contentphoto {padding-top:20px; width:80%; float:left;}
#info p {margin-left:15px;}

/*a, a:visited, a:hover {color:#000;}*/

#containerphoto1 {padding:0; margin:0; list-style:none; position:relative; z-index:10; width:600px; height:800px; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}
#containerphoto {padding:0; margin:0; list-style:none; position:relative; z-index:10; width:600px; height:800px; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}
#containerphoto table {border-collapse:collapse; margin:-1px -10px;}

#containerphoto li {float:left; margin:5px 17px; display:inline; color:#000; text-decoration:none; width:85px; height:85px; cursor:default;}
#containerphoto li a.thumb {display:block; width:75px; height:75px; text-decoration:none; cursor:default; border:5px solid #fff;}
#containerphoto li a.thumb img {display:block; border:0;}

#containerphoto li div {position:absolute; left:-9999px; border:0; width:580px; text-align:center; z-index:-1; background:#fff;}
#containerphoto li div img {margin:10px auto;}

#containerphoto :hover {background:#fff;}
#containerphoto li a.thumb:hover {border-color:#ddd;}

#containerphoto li:hover > a {border-color:#ddd;}
#containerphoto :hover div {position:absolute; left:9px; top:0; padding:200px 0 50px 0; background:#fff;}
#containerphoto :hover div img {border:1px solid #888;}
#containerphoto :hover div p {width:580px; text-align:center; font-family:verdana, sans-serif; font-size:11px; line-height:20px;}
#containerphoto :hover div p a {padding:8px 0 8px 30px; background:url(images/enlarge.gif) no-repeat left center; text-align:center; cursor:pointer; text-decoration:none; color:#666;}
#containerphoto :hover div p a:hover {color:#000; text-decoration:underline;}