﻿/* core Elements
===================================================*/
* {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
body * {
  font-size: 100.01%;
  line-height: 1.5;
}
body {
  background: #ADADAD;
  color: #333;
  font-family: "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
  text-align:center;
}
a {
  text-decoration: underline;
}
a:link {
  color: #00237D;
}
a:visited {
  color: #00237D;
}
a:hover {
  color: #c60;
}
a:active {
  color: #00237D;
}
img {
  border: 0;
}
h1 {
  font-size: 1.5em;
  letter-spacing: -0.05em;
  line-height: 1.0;
  color: #8ca939;
  width: 465px;
  height: 35px;
  text-align:left;
  padding: 14px 3px 0px 38px;
  background: #ffffff url(images/titlebox.jpg) no-repeat left center;
  margin-bottom:10px
}

h2 {
  font-size: 130%;
  line-height: 1.0;
  color: #333;
  margin-bottom:10px;
}

h3 {
  font-size: 1.2em;
  color: #8ca939;
}

h4 {
  font-size: 1.1em;
  color: #8ca939;
}
legend {
  font-size: 130%;
  color: #333;
}
fieldset
{
	padding: 0px 5px 0px 10px;
	width: 480px;
	padding-bottom: 10px;
	}
strong {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border: 1px solid #999;
}

th, td {
  padding: 0.1em 1em;
  border: 1px solid #999;
}
#wrapper
{
	width:814px;
	text-align:left;
}
#header
{
	background: url(images/topbanner.jpg) no-repeat;
	width:814px;
	height:84px;
	clear:both;
}
#midsection
{
	background-image:url(images/pagebg.jpg);
	background-repeat:repeat;
	width:814px;
	clear:both
}
#left
{
	float:left;
	width:100px;
	text-align:center;
	padding-top:10px;
}
#main
{
	padding: 10px 9px 0px 0px;
	float:right;
	width:700px;
}
#footer
{
	background: url(images/footer.jpg) no-repeat;
	width:814px;
	height:84px;
	clear:both; 
}
	
#contentarea	
{
	background: url(images/vertical_line.jpg) repeat-y left;
	width:515px;
	float:right;
	padding: 0px 2px 0px 10px;
	font-size:85%;
}
#menu
{
	padding: 0px 0px 0px 0px;
	float:left;
	width: 170px;
}
#menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul a 
{
	display:block;
	width:160px;
	height:25px;
	font-size:72%;
	text-decoration: none;
	text-align:right;
	padding: 0px 15px 5px 0px;
	background: #ffffff url(images/linkbg.jpg) no-repeat right bottom;
	font-weight:bold;
}
ol
{
	padding-right:10px;
}
#legal
{
	font-size:xx-small;
	text-align:center;
	font-weight:bold;
}

/* specific Elements
===================================================*/
#searchresults label
{
	width:5em;
	text-align:left;
	float:left;
	display:block;
}
.subresults
{
	font-style:italic;
}
.resultname
{
	color:#282828;
	font-weight:bold;
}
#tartandesc
{
	Background: #ffffff url(images/datatable-bottom.jpg) no-repeat left bottom;
	width:330px;
	float:left;
	padding: 0px 0px 0px 0px;
}
#tartandesc label
{
width: 74px;
float: left;
text-align: left;
margin-right: 0.5em;
vertical-align:top;
font-weight:bold;
padding: 5px 0px 5px 6px;
}

#tartandesc span
{
	width: 225px;
	text-align:left;
	float:right;
	vertical-align:top;
	padding: 5px 4px 5px 8px;
}
#tartandesc p
{
	clear:both;
	padding-bottom:10px;
}
#first
{
	Background: #ffffff url(images/datatable-top.jpg) no-repeat left top;
	clear :both;
}

#tartanimgview
{
	width:170px;
	float:right;
	text-align:center;
}
/*IMAGE VIEW CSS
===================================================*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 20;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
.button a
{
background: #ffffff url(images/button.jpg) no-repeat left center;
width:125px;
height: 25px;
color:#666666;
text-decoration: none;
font-weight:bold;
font-size: 85%;
padding: 9px 0px 0px 25px;
display:block;
text-align:left;
}
#srchresultsmenu
{
	text-align:right;
	padding: 0px 15px 7px 0px;
}
#tartansearch label
{
width: 130px;
float: left;
text-align: left;
margin-right: 0.5em;
vertical-align:top;
font-weight:bold;
}
#tartansearch p
{
	padding-bottom: 1px;
}	
#tartansearch span
{
	width: 340px;
	text-align:left;
	float:right;
	vertical-align:top;
}

#atoz
{
	clear:both;
}
.ImgRight
{
	float:right;
	padding: 0px 15px 10px 10px;
}
.dottedline
{
	background: #ffffff url(images/dot.gif) repeat-x left bottom;
	width:495px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.leftsec
{
	float:left;
	width:247px;
	font-size: 82%;
	padding-bottom: 10px
}
.leftsec img, .rightsec img
{
	float:left;
	padding: 5px 5px 0px 0px;
	margin-top: 0px;
}
.leftsec a, .rightsec a
{
	font-size: 1.1em;
	color: #8ca939;
	margin-bottom:0px;
	margin-top: 0px;
	font-weight:bold
}
.rightsec
{
	float:right;
	width:247px;
	font-size: 82%;
	padding-bottom: 10px;
}
#catgroup
{
	clear:both;	
	border: dashed 1px #cccccc;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.important
{
	background-color:#FFC;
	padding:1.1em;
	width:90%;
	margin:auto;
	
}

	
