/* CSS Document */

* {margin:0;} 

html, body, #wrap {
	height: 100%;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	background-attachment:fixed;
	background-image:url(../img/mainbg3.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

body > #wrap {height: auto; min-height: 100%;}

#footer {
	position: relative;
	margin-top: -45px; /* negative value of footer height */
	height: 45px;
	clear:both;
	background-color:#999999;
	text-align:center;
	background-image:url(../img/footer_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	} 

/* CLEAR FIX*/
.clearfix:after {container: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

#container {
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-bottom: 20px;

}

p {
	margin: 10px 0 5px;
}

.pad{
	padding-top: 10px;
}

.padbig{
	padding-top: 20px;
}

hr.thin {
	height: 1px;
	border: 0;
	color: #777;
	background-color: #777;
	width:765;
}

hr.clear {
	height: 20px;
	border: 0;
	visibility:hidden;
}

hr.short {
	height: 1px;
	border: 0;
	color: #777;
	background-color: #777;
	width:500px;
}

hr.small{
	height: 1px;
	border: 0;
	color: #777;
	background-color: #777;
	width:150px;
}

.textbig{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
div.textitalic {
	font-style:italic;
}
	
.textbigbold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration:none;
	font-weight:bolder;
}

.textbigboldleft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration:none;
	font-weight:bolder;
}
	
.textwidth{
	width:200px;
}

.floatright{
	float:right;
}

.floatleft{
	float:left;
}

.centered{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#newsfeed{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#cfcfcf;
	padding:5px;
	text-align:left;
}

#newsfeed2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:350px;
	background-color:#cfcfcf;
	padding:5px;
	text-align:left;
}

.rssheader {
	background-image:url(../img/tab_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:left;
	width:143px;
}

.logopad {
	padding-left:10px;
	padding-top:10px;
}

.trinity_logo {
	padding-left:75px;
}

#header_logo {
	float:left;
	height: 150px;
	margin-top:0px;
	padding-bottom: 20px;
	position: relative;
}

.contentpic {
	float:right;
	margin-right:20px;
	margin-left:20px;
	padding-top:10px;
}

#header_main {
	float: right;
	height: 150px;
	padding-bottom: 20px;
	position: static;
}

#toplinks {
	text-align:center;
	padding-right:10px;
	padding-top: 5px;
}

#date {
	float:right;
	text-align:right;
	padding-right:10px;
	padding-top: 5px;
}

ul,li{list-style:none; margin:0; padding:0;}
img{border:0;}
a, a:active{color:#000000;outline:none;text-decoration:none;}
a:hover{color:#000000;outline:none; text-decoration:underline;}

.nav{float:left;width:150px;}
.nav ul li{display:inline; overflow:hidden;}
.nav ul li a.navitem, .nav ul li a.navitemempty{width:100px; height:15px; display:block; color:#000000; text-decoration:none; overflow:hidden; text-indent:0px; font-size:12px; font-weight:bold; padding:4px 0px 8px 15px;}
.nav ul li a.navitem:hover{background:url(../img/nav_hover_arrow.gif) no-repeat;background-position:0px 4px;}
.nav ul li a.open{background:url(../img/nav_active_arrow.gif) no-repeat;background-position:0px 4px;}
.nav ul li a.open:hover{background:url(../img/nav_active_arrow.gif) no-repeat;background-position:0px 4px ;}
.nav ul li a.navitem img, .nav ul li a.navitemempty img{margin:0px 0px 0px 0px;}
.nav ul li ul{background:url(../img/none.gif) repeat-y; padding:0px 0;}
.nav ul li ul.navopen{display:block;}
.nav ul li ul li a{text-indent:0; color:#000; text-decoration:none; font-size:10px; display:block; padding:3px 0px 3px 25px;}
.nav ul li ul li a:hover{color:#000; background:url(../img/nav_bg1.jpg) repeat-y; background-position:15px 15px;}
.nav ul li ul li.asdf{text-indent:0; color:#000; text-decoration:none; font-size:10px; display:block; padding:3px 0px 3px 25px;}
.nav ul li ul li.asdf{color:#000; background:url(../img/nav_bg1.jpg) repeat-y; background-position:15px 15px;}
.nav ul li ul li.currentnavitem a{color:#0c3256; font-weight:bolder;background:url(../img/nav_bg_current.jpg) repeat-y; background-position:15px 15px;}

.newstock{padding-top:5px; padding-left:165px; text-align:left;}

#content {
	float: right;
	width: 765px;
	padding-bottom:20px;
}

#rsscontent {
	padding-top:20px;
	width: 765px;
}

#contentmain {
	background-color:#CFCFCF;
	height:inherit;
	padding-bottom:12px;
	padding-top:-3px;
	padding:5px;
}

.vmiddle{
	float:left;
	margin-left:15px;
	padding-right:5px;
}

.lister_star{
list-style-image:url(../img/list_star.jpg);
list-style-position:inside;
list-style-type:none;
padding:10px;
}

.lister_dash{
list-style-image:url(../img/list_dash.jpg);
list-style-position:inside;
list-style-type:none;
padding:10px;
}

div.thumb
  {
  border: none;
  float: left;
  text-align: center;
  margin:5px;
  }
div.thumb img
  {
  display: inline;
  margin: 3px;
  padding:1px;
  border: 1px solid #cccccc;
  }
div.thumb:hover img
  {
  padding:1px;
  border: 1px solid #606060;
}

div.thumbbio
  {
  margin:10px 12px 20px;
  border: none;
  height: auto;
  width: 95px;
  float: left;
  text-align: center;
  }
div.thumbbio img
  {
  display: inline;
  margin: 3px;
  padding:1px;
  border: 1px solid #cccccc;
  }
div.thumbbio:hover img
  {
  padding:1px;
  border: 1px solid #606060;
  cursor: pointer;
}
  
div.thumbright
  {
  margin: 2px;
  margin-bottom:20px;
  border: none;
  height: auto;
  width: auto;
  float: right;
  text-align: center;
}
div.thumbright img
  {
  display: inline;
  margin: 3px;
  padding:1px;
  border: 1px solid #cccccc;
}
div.thumbright:hover img
  {
  padding:1px;
  border: 1px solid #606060;
}
div.desc
  {
  text-align: center;
  font-weight: normal;
  font-size:10px;
  margin: 2px;
}
  
div.desc2
  {
  text-align: center;
  font-weight: normal;
  font-size:10px;
  width: 250px;
  margin: 2px;
}

div.profileimg {
  margin-right: 15px;
  border: none;
  float: left;
}

div.profiletext {
	font-size:12px;
}

li.numlist {
	list-style-position:inside;
	list-style-type:decimal;
}

div.contact
  {
  margin-right: 40px;
  border: none;
  width: 110;
  float:left;
}
div.contact img
  {
  display: block;
  margin: 10px;
}
  
div.contacttext
  {
  text-align: left;
  font-weight: normal;
  font-size:12px;
  margin: 3px;
}

div.footer_logo
  {
  padding-top:7px;
  text-align:center;
  display: block;
  width:30px;
  height:35px;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  }
div.footer_logo:hover
  {
  display: block;
  text-indent:-30px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }