body
{ 
  margin: 1em;
  font-family: verdana;
  font-size: 14px;
  line-height: 1.2;
  color: #000; 
  background-color: #000;
  background-image: url(\images/back_top_content.jpg);
  background-position: top;
  background-repeat: repeat-x;
}

body.index
{ 
  margin: 1em;
  font-family: verdana;
  font-size: 14px;
  line-height: 1.2;
  color: #000; 
  background-color: #000;
  background-image: url(\images/back_top.jpg);
  background-position: top;
  background-repeat: repeat-x;
}

div.logo
{
    position: relative;
    top: -14px;
	margin: 0 auto;
    width: 767px;
}

div.indicia
{
	display: none;
	visibility: hidden;
}

div.main
{
    position: relative;
    top: 0px;
	margin: 0 auto;
    border-style: solid;
    border-color: #993300;
    border-width: 0px 0px 3px 0px;
    width: 800px;
}


div.legal img
{
	vertical-align: middle;
}

div.legal
{
	color: #fff;
	font-size: 11px;
	text-align: left;
	font-family: Georgia;
	padding: 15px 0 0px 0;
}

div.m2p
{
	color: #fff;
	font-size: 9px;
	text-align: right;
	padding-bottom: 6px;
}

div.menulist
{
	font-family: tahoma;
 	border-style: solid;
	border-width: 0px;
	border-color: #000;
	padding: 0px;
	background-color: #000;
	z-index: 1;
}

.menulist a {
display: inline-block;
padding: 9px 0px 15px 0px;
font-weight: bold;
font-size: 10px;
/*letter-spacing: 2px;*/
color:#333;
background: url("\images/menu_bg.jpg") 0 0 repeat-x;
text-decoration: none;
width: 80px;
text-align: center;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #000;
}
.menulist a:hover { 
background-position: 0 -30px;
color: #ccc;
text-decoration: none;
}
.menulist a:active {
background-position: 0 -30px;
color:#ccc;
}

div.content
{
	position: relative;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    color: #fff;
    border-style: solid;
    border-color: #333;
    border-width: 0px 0px 10px 0px;
    padding-bottom: 15px;
}

h1
{
    color: #fff;
    font-size: 17px;
    font-family: verdana;
    font-weight: bold;
    line-height: 1.0;
    padding-left: 30px;
	background: url("\images/bullet.gif") 0 0 no-repeat;
}

h2
{
    color: #fff;
    font-size: 15px;
    font-family: verdana;
    font-weight: bold;
    line-height: 1.0;
    padding-left: 20px;
    margin-top: 30px;
    background: url("\images/bullet2.gif") 0 0 no-repeat;
}

h3
{
    color: #fff;
    font-size: 12px;
    font-family: verdana;
    font-weight: bold;
    line-height: 1.0;
    padding-left: 20px;
	background: url("\images/bullet2.gif") 0 0 no-repeat;
}

div.links
{
    font-weight: bold;
    line-height: 1.0;
    padding-left: 15px;
	background: url("\images/bullet2.gif") 0 0 no-repeat;
	margin-top: 20px;
}

span.redfont
{
	color: #FF3333;
}

dl.faq.closed dd
{
    display: none;
}

dd
{
	border-width: 1px;
	border-color: #333;
	border-style: solid;
	margin-top: 5px;
	padding: 5px;
	font-size: 11px;
	width: 700px;
	line-height: 2.0;
}

dd hr
{
	color: #ffcc66;
	height: 1px;
}

img.products
{
	padding: 10px 0px 10px 0px;
}

ul
{
	list-style-type: square;
}

table
{
font-size: 12px;
}

table.TridiPanel td.summary
{
	background-color: #333;
	vertical-align: top;
	padding-bottom: 10px;
}

div.gearpopup
{
background-color: #333;
left: 300px;
width: 250px;
}

div.learnmore
{
	float:right;
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	background-color: #333;
	font-size: 11px;
	padding: 4px 5px 4px 5px;
	margin: 3px;
	line-height: 2.0;
}

div.pastconf
{
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	background-color: #333;
	margin: 0 30px 0 30px;
	padding: 5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

	.gallerycontainer{
	position: relative;
	line-height: 2.0;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}

	.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
	}

	.thumbnail:hover{
	background-color: transparent;
	text-decoration: none;
	}

	.thumbnail:hover img{
	border: 1px solid #333;
	}

	.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #000;
	padding: 5px;
	border: 1px solid #333;
	visibility: hidden;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	}

	.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	float: left;
	max-height: 550px;
	}

	.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: 250px; /*position where enlarged image should offset horizontally */
	width: 400px;
	z-index: 50;
	}
	
	
/*only for gallery*/
	.photos {
		overflow: hidden;
		border: 2px solid #333;
		padding: 10px;
		width: 500px;
		margin: 0 250px;
		text-align: center;
		font-size: 11px;
		display: block;
	}
	img { border: none;}
	.photos img.logotri {margin: 0 auto; display: inline-block;}
	.photos div img {
		padding: 5px 0;
		margin-top: 5px;
		float: none ;
		border: 1px solid #333;
	}
	.photos ul.thumbs {
		margin: 0 0 10px 0;
		padding: 5px 0 0 5px;
		list-style: none;
		width: 500px;
		float: left;
		border-bottom: 1px solid #990000;
	}
	.photos ul.thumbs li{
		width: 75px;
		height: 75px;
		margin: 0 20px 20px 0;
		padding: 0;
		float: left;
		overflow: hidden;
		position: relative;
		border: 2px solid #990000;
		text-align: center;
	}
	.photos ul.thumbs li:hover {
		border: 2px solid #990000;
		-moz-opacity:.75; 
		filter:alpha(opacity=75); 
		opacity:.75; 
	}
	.photos ul.thumbs li img {
		position: absolute;
		top: 0;
		left: 0;
		width: 110px;
	}

img.galleryimg
{
	position: absolute;
	width: 250px;
    border-style: solid;
    border-color: #333;
    border-width: 0px 0px 10px 0px;
}

div.spanish
{
	float: right;
    border-style: solid;
    border-color: #fff;
    border-width: 1px;
    padding: 10px;
    margin: 5px 2px;
    background-color: #666;
    text-align: center;
    width: 115px;
}

div.baja
{
	width: 550px;
    border-style: solid;
    border-color: #333;
    border-width: 1px;
    padding: 10px;
    margin: 5px 0px;
}

div.baja img
{
	margin: 5px 0px;
}
	

a { text-decoration: none; color: #FFCC33; font-weight: bold }
a:hover { text-decoration: underline; color: #FFCC33}

