/* CSS Document */
/*THESE ARE YOUR CHOICES FOR BODY COPY. */

body {
	background:#043e8f;
	font-family: trebuchet ms,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color: #282828;
	margin:0;
	}
	
.bodytext {
	font-family: trebuchet ms,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color: #ffffff;
	text-align:left;
	line-height:17px;
}

ul {
	font-family: trebuchet ms,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color: #ffffff;
	text-align:left;
	line-height:17px;
	margin-top:3px;
}

#bnav {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#ffffff;
	text-align:center;
	width:100%;
	position:relative;
	bottom:10px;
	line-height:17px;
}
/*THIS IS THE CSS FOR H TAGS. YOU CAN CUSTOMIZE THE SIZE AND COLOR IN THIS CSS TO MATCH YOUR DESIGN.*/
h1 {
	font-family: trebuchet ms,Verdana,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#F9C232;
}

h2 {
	font-family: trebuchet ms,Verdana,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

h3 {
	font-family: trebuchet ms,Verdana,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}


/*THE FOLLOWING IS APPLIED TO ANCHOR TAGS*/
#bnav a:link { font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; 
	color:#ffffff;
	font-weight: bold;
	font-size:11px;
	text-decoration:none;
	}
#bnav a:visited	{font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#ffffff;
	text-decoration:none;
}
	
#bnav a:hover {
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight: bold;
	font-size:11px;
	text-decoration: underline;
}

#bnav a:active{
	font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#ffffff;
	text-decoration:none;
}
	

/*THE CSS BELOW IS FOR THE NPL COPYRIGHT FOOTERS*/

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}


a.footlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: underline;
}

a.footlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: underline;
}

a.footlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

a.footlink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}


.comment {
	font-family:trebuchet ms,Verdana,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:17px;
	color:#ffffff;
	text-align:center;
}

.border {
	border: 1px solid #0176b3;
	padding:2px;
	margin: 0 0 10px 10px;
	}
	
.container { border-right:1px solid #5f84b7;}

.shadow { background:url(grc/nav_bg.jpg) repeat-y;}

.contarea { 
	background: url(grc/shadow.gif) repeat-y left;
	border-right:1px solid #5f84b7;
	border-bottom:1px solid #5f84b7;
}

.contarea2 { 
	background: url(grc/shadow.gif) repeat-y left;
	border-bottom:1px solid #5f84b7;
	min-height:600px;
}


.boldtext {
	font-family: trebuchet ms,Verdana,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4b4b4b;
}
	
hr {
	color:#c0c0c0;
	width:80%
}

.bttm { 
	border-right:1px solid #444444;
	border-bottom:1px solid #444444;}
	
.left {
	border: 1px solid #0176b3;
	margin:5px 10px 5px 0;
	float: left;
	
}

.right {
	border: 1px solid #F9C232;
	margin:5px 0px 5px 10px;
	float:right;
	
}


.center {
	border: 1px solid #F9C232;
	margin:5px 10px 5px 10px;
	
}

.main-table
{
	position: relative;
	left: 10px;
	top: -20px;
	font-size: 14px;
	width: 500px;
}

/* TITLE OF GALLERY */
.title-col 
{
	color: #f2cc85 !important;
	font-size: 18px;
	font-weight: bold;
}

/* TITLE OF ALBUM */
.albumtitle 
{
	color: #fcfcfd;
	font-size: 14px;
	position: relative;
	top: -3px;
}


/* This is the second row. It contains image page navigation */
.nav-tab
{
	font-family: Arial, sans-serif;
	font-size: 14px;
}

/* Image navigation titles "Beginning, Previous, Pages, Next, End" */
FONT#pagenav-beginfont, FONT#pagenav-selfont,
FONT#pagenav-resfont, FONT#pagenav-nexfont,
FONT#pagenav-endfont
{
	font-size: 14px;
}
/*THIS SECTION IS FOR THE LINKS ON THE BIG IMAGES SECTION. FOR PREVIOUS NEXT AND THE NUMBER IN BETWEEN*/

/*PREVIOUS BUTTON ATTRIBUTES*/

a.pnl-sel:link, a.pnl-sel:visited,
a.pnl-set:hover, a.pnl-sel:active
{
	font-family: Arial, sans-serif;
	font-size: 14px;
	color: #F9C232;
	font-weight: bold;
	text-decoration: none;
 	line-height: 15px;
}

/*NEXT BUTTON ATTRIBUTES*/

a.pnl-nex:link, a.pnl-nex:visited,
a.pnl-nex:hover, a.pnl-nex:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #F9C232;
	text-decoration: none;
	line-height: 15px;
}
a.pnl-res:visited, A.pnl-res:link { color: #F9C232 !important; }

/* Left column album navigation TD */

.albumcol
{
	vertical-align: middle;
	color: #fcfcfd;
	text-align: center;
	font-weight: bold;
}
.albumcol a:visited { font-size: 15px; color: #f78403; }

/* Copyright stuff */
font#copyright
{
	font-size: 7px;
	color: #f78403 !important;
}

/*DELET THIS PORTION WHEN DONE*/
/* Right column where single full sized picture is displayed */
/*.singleimg a:visited { color: red }
.thumbprev a:visited { color: #f78403 !important; }*/

/* applied to all rows where album thumbs show */
.row a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fcbf13 !important;
	font-weight:bold;
}
.row img { border: 0; }

/*THIS TAKES CARE OF ALL THE LINKS WITHIN THE GALLERY. HAVE THESE COLORS MATCH WHATEVER IS ON THE CSS FOR THE SITE YOU ARE IMPLEMENTING THE GALLERY IN*/

table.row td a:link, table.row td a:visited,
table.row td a:hover, table.row td a:active
{	
	font-family: Arial, sans-serif;
	font-size: 17px;
	text-decoration: none;
	padding: 12px 0 12px 0;
}

table.row td a:link, table.row td a:visited { color: #fcbf13 !important; }
table.row td a:hover, table.row td a:active { color: #dec70d !important; }

.row img { border: 1px solid #fcfcfd; }
.singleimg img { border: 1px solid #fcfcfd; }

a#toptitle 
{ 
	font-size: 15px; color: #dec70d !important; 
	
}
td.singleimg, table.page-nav-table table 
{ position: relative; top: -3px; color: #fcfcfd; }

/* mariposa orange: #f78403
   mariposa yellow: #dec70d
   mariposa gold: #f2cc85
   mariposa font: Arial
*/

hr.line {
	width:80%;
	border:1px solid #3362A4;
}