﻿/* 
   Created by Jose Gomez for the CFE Coalition.
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks.
*/
/* Overall Page */

body {
	    margin:0px 0px 0px 0px;
	    padding-bottom: 10px;
		background-color: white;
		font-family: helvetica;
		height:100%;
	}
	#divHome a
	{
		color: #00B19F;
	    font-family: helvetica;
	    vertical-align:middle;
	    color: #daffe0;
		text-decoration: none;
		border: 1 solid #edffff;
		padding-left: 10px;
		font-family : helvetica;	
	}
	
	#divNews a
	{
		color: #00B19F;
	    font-family: helvetica;
	    vertical-align:middle;
	    color: #daffe0;
		text-decoration: none;
		border: 1 solid #edffff;
		padding-left: 10px;
		font-family : helvetica;	
	}
	
	#divContactUs a
	{
		color: #00B19F;
	    font-family: helvetica;
	    vertical-align:middle;
	    color: #daffe0;
		text-decoration: none;
		border: 1 solid #edffff;
		padding-left: 10px;
		font-family : helvetica;	
	}
	
	#divAbout a 
	{
		color: #00B19F;
	    font-family: helvetica;
	    vertical-align:middle;
	    color: #daffe0;
		text-decoration: none;
		border: 1 solid #edffff;
		padding-left: 10px;
		font-family : helvetica;
	}
	
	#MainMenu{ 
	    top: 9.60em;
	    left: 5px;
	    vertical-align:top;
    }
    
   	/* LEFT MENU PANEL - Hover */
	#divAbout a:hover {
	    background-color: #0044BF;
	    color: white;
	    font-family: helvetica;
	    vertical-align:middle;

	}
	#divSubAbout a:hover {
	    background-color: white;
	    width: 235px;
	    color: #0044BF;
	    font-size: 10pt;
		font-weight: bold;
		font-family: helvetica;
	    text-align:right;
	    vertical-align:middle;
	    text-decoration: none;
	   
	}
	
	.Menu_Head a:hover  {
		background-color: #0044BF;
		color: white;
		font-weight: bold;
		cursor: pointer;
		width: 214px;
		font-size: 12;
		font-family: helvetica;
		vertical-align:middle;
		display: block;	
		text-decoration: none;	
	}
	
	/* LEFT MENU PANEL - attributes */
	.Menu_Head 
	{ 
		width: 235px;
		background-color: #005B28;
		border-left: 1px solid White;
	    border-right: 1px solid black;
		font-weight: bold;
		border-bottom: 4px solid #daffe0;
		
	}
	
	.Menu_Items 
	{
		background-color: White;
		width: 234px;
	}
	/* Sub-Items */
	.Menu_Items a{
		background-color: White;
		width: 235px;
		color: #0044BF; /*I just changed this.*/
		font-size: 10pt;
		font-family: helvetica;
	    text-decoration: none;
		border: 1 solid #edffff;
		padding-left: 10px;
		font-family : helvetica;
	}
	
	/*#divSubAbout a 
	{
		background-color: white;
	    width: 214px;
	    color: #0044BF;
	    font-size: 10pt;
		font-family: helvetica;
	    vertical-align:middle;
	    text-decoration: none;
	}*/
	
	#content{
		margin-top:3px;
		margin-left: 20px;
		margin-right: 3px;
		width: 97%;
	}

	/* LEFT MENU PANEL - ACTIVE BLUE HIGHLIGHTED */
		
	#divSubAbout .active a {
	    width: 214px;
	    color: #0044BF;
	    font-size: 10pt;
		font-weight: bold;
		font-family: helvetica;
	    text-align:right;
	    vertical-align:middle;
	    text-decoration: none;
	}
	
	#divSubInTheNews .active a {
	    width: 214px;
	    color: #0044BF;
	    font-size: 10pt;
		font-weight: bold;
		font-family: helvetica;
	    text-align:right;
	    vertical-align:middle;
	    text-decoration: none;
	}
	
	.Menu_Head .active a{
		background-color: #0044BF;
		color: white;
		width: 210px;
		font-size: 12;
		font-family: helvetica;
		vertical-align:middle;
		display: block;	
		text-decoration: none;	
	}

/*==================================
IMAGE GALLERY STYLESHEET
==================================*/

.lbl
{
	font-family:Verdana;
	font-size: 9pt;
}
.txt-home-links {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-home-links a:link{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-home-links a:active{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-home-links a:visited{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-home-links a:hover{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.txt-album-links {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-album-links a:link{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-album-links a:active{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-album-links a:visited{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	color: #990000;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-album-links a:hover{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.txt-album-links-sel {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-album-links-sel a:link{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-album-links-sel a:active{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-album-links-sel a:visited{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0.1em;
}
.txt-album-links-sel a:hover{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 0.1em;
}


.txt-photo-links {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	letter-spacing: .05em;
}
.txt-photo-links a:link{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	letter-spacing: .05em;
}
.txt-photo-links a:active{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	letter-spacing: .05em;
}
.txt-photo-links a:visited{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	letter-spacing: .05em;
}
.txt-photo-links a:hover{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	letter-spacing: .05em;
}

.txt-hdr-links {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #000000;
}
.txt-hdr-links a:link{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #000000;
}
.txt-hdr-links a:active{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #000000;
}
.txt-hdr-links a:visited{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #000000;
}
.txt-hdr-links a:hover{
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: underline;
	color: #000000;
}


.txt-hdr {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	color: #000000;
}


.txt-home-descr {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	color: #666F77;
	text-decoration: none;
	letter-spacing: .05em;
	padding-top: 15px;
}

.txt-home-data {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 10px;
	text-transform: uppercase;
	color: #79838D;
}

.verticle-band-home {
	background-color: #79838D;
	width: 145px;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	cursor: hand;
}

.verticle-divider-home {
	width: 13px;
}

.horiz-band-home {
	background-color: #EDEDED;
	height: 180px;
	width: 146px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #990000;
	cursor: hand;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

.thumbnail {
	border: 1px solid #FFFFFF;
}

.home-logo {
	background-attachment: fixed;
	background-image: url(images/home-logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.photo-logo {
	background-attachment: fixed;
	background-image: url(images/photo-logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.verticle-divider-home-bg {
	background-attachment: fixed;
	background-image: url(images/dotted-line.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.left-column-width-home {
	width: 182px;
	height: 112px;
}

.nav-column-width {
	width: 222px;
}

.nav-highlight-width {
	width: 150px;
}

.nav-text {
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 13px;
	color: #790000;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding-left: 14px;
}

.red-horiz-line {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
}

.page-num-field
{
	border-right: #990000 1px solid;
	padding-right: 3px;
	border-top: #990000 1px solid;
	padding-left: 3px;
	font-size: 10px;
	border-left: #990000 1px solid;
	width: 20px;
	color: #990000;
	border-bottom: #990000 1px solid;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	height: 17px;
}

.nav {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	background-color: #ffffff;
	color: #333333;
	text-transform: capitalize;
	line-height: 110%;
}
.nav-selected {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	padding: 2px 5px 2px 15px;
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	background-color: #79838d;
	color: #ffffff;
	text-transform: capitalize;
}
.nav td {
	margin: 0;
}
.nav td a {
	display: block;
	padding: 2px 5px 2px 15px;
	margin: 5px 0px 5px 0px;
	background-color: #ffffff;
	color: #820000;
	text-decoration: none;
	width: 100%;
}
.nav td a:hover {
	background-color: #ededed;
	color: #820000;
}

.nav-home {
 font-size: 11px;
 text-transform: uppercase;
 width: 150px;
 line-height: 110%;
 font-family: Arial, Helvetica, sans-serif, Verdana;
 background-color: #ffffff;
 letter-spacing: .2em;
 font-weight: bold;
}

td.photo-thumbnail
{
	padding: 10px
}

td.photo-title
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 20px;
}