/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change for trevor */
table,  tr, th, td
{ vertical-align: top;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}


/*--------------------------------
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0 0.5em;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* from reset-fonts-grids-css*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* --------------------------------
			basic grid 
-----------------------------------*/
html, body {
	height: 100%;
	}
	
body { background: #FFFFFF url(../images/postcard_bknd.gif) no-repeat 0px 0px; }

#page_wrap {
width: 100%;
}
#page_wrap #hd
{	height: 150px;
	padding-bottom: 30px;
}
#page_wrap #hd h1
{	padding-left: 550px;
	padding-top: 30px;
	font-size: 15pt;
	color: #FFFFFF;
	line-height: 1em;
}

#content{
	width: 90%;
	margin: 0px auto auto;
	padding-bottom: 20px;	
} 

#left_col_wrap {
float: left;
width: 100%;
margin-right: -340px;
}


#left_col {
margin-right: 340px;
}

#right_col {
	width: 300px;
	float: right;
	font-size: .9em;
	margin-top: 17px;
	}
	
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

#footer {
	background-color: #2b67b2;  /* same bg color as header */
	color: #FFFFFF;
	margin: 0;          /* flush with .main */
	padding: 1% 2% 1% 30px;
	font-weight: bold;
}

#left_col p {
font-size: 1.1em;
line-height: 1.5em}

.drop_cap {
color:  #2b67b2; /* blue */
font-size: 2em;
line-height: 1.2em;
font-weight: bold;
}

#right_col img {
float: left;
margin-bottom: 3px;
margin-top: 3px;
}


h2, h3 {color:  #2b67b2; /* blue */
}                                               

a {
	color:  #2b67b2; /* blue */
	text-decoration: underline;
}

.blue {color:  #2b67b2;
}

.photo_inset {
	float: left;
	margin: 6px 30px 6px 0px;
	width: 239px;
}

div.photo_inset img {
	margin-bottom: 3px;
}
#page_wrap #footer a
{
	color: #FFF;
}


#left_col div.photo_inset p, .caption {
font-size: .8em;
line-height: 1em; }

#pix_nav {
margin:0;
padding:0;
left:0;
}

#pix_nav li {
list-style-type: none;
display: inline;
font-size: 10pt; /* 4SD specific */
line-height: 10pt;
font-weight: bold;
overflow: hidden;

}


#pix_nav a {
	position: relative; /*this is the key*/
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;	
	float: left;
	margin-right: 4px;
	text-decoration: none;
	display: block;
	_width:/**/ 100; /* lte IE 5.x */ /* to fix a rendering problem in pre-IE 6 browsers on PC, where by the border and padding are included in the width of an element, as opposed to added on. */
color: #FFF;
font-size: 12px;
line-height: 12px;
background-color:#2b67b2;
float: left;
text-align: center;
	height: 30px;
	width: 80px;
		padding: 5px 10px 0px;

}

#pix_nav a:hover {
background-color:red;
}