/* -------------------------------------------------------------- 
   *************************I'm leaving some of the original comments as they are full of good information and thinking******************** 
   Typography.css
   * Sets some default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Typogrify         [code.google.com/p/typogrify]
   
-------------------------------------------------------------- */   

body,
ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
td,
th,
caption,
pre,
p,
blockquote,
input,
textarea
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px; /* Baseline here at 150%. This is set multiple places. */
	color: #363636;
}

/* Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6
{
	line-height:18px;
	text-transform: uppercase;
	margin: 0;
	clear:both;
	padding-bottom:9px;
	font-weight:bold;
}

/* Total height for each heading has to be a multiple of the baseline (18). */
h1
{
	font-size: 18px;
	color:#3f4519;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h2
{
	font-size:16px;
	line-height:18px;
	margin-bottom:18px;
}

h3
{
	color:#9c841a;
	margin-top:18px;
	margin-bottom:9px;
}

h5
{
	text-transform: capitalize;
	color: #000;
}

h6
{
	text-transform: capitalize;
	color: #666;
}

/* Text elements
-------------------------------------------------------------- */

p
{
	margin: 0 0 18px 0;
	text-align:left;
}

p.last { margin-bottom:0; }

p img
{
	float: left;
	margin: 18px 18px 18px 0;
	padding:0;
}

p img.top { margin-top:0; } /* Use this if the image is at the top of the <p>. */

ul,
ol
{
	margin: 18px 0 18px 18px;
	list-style-type:circle;
}

li { line-height:18px; }

ol { list-style-type: decimal; }

dl { margin: 18px 0; }

dl dt { font-weight: bold; }

/*links
--------------------------------------------------------------*/
h2 a { text-decoration:underline; }

.bold-gray
{
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
}

a
{
	color:#44687d;
	text-decoration:none;
	outline:none;
}

a:hover
{
	color:#3F4519;
	text-decoration:underline;
}

a:visited { color:#44687d; }

/* Specific ID's
-------------------------------------------------------------- */
#secondary p, {
font-size:90%;
line-height:16px;
}

/*#secondary h1,
#secondary h2,
#secondary h3 { font-size:90%; }*/

.photo_caption
{
	color:gray;
	font-size:75%;
}

#main_links ul
{
	list-style:none;
	margin:0px;
}

#main_links ul li a
{
	line-height:50px;
	font-size:18px;
	font-weight:bolder;
	color:#091C69;
}

#main_links ul li a .together { color:gray; }

.main_link_hidden .header
{
	width:345px;
	float:left;
	height:25px;
	margin:0;
	margin-bottom:18px;
	padding-left:5px;
	padding-top:5px;
	background-color:#AED4E3;
}

.main_link_hidden h1
{
	font-size:24px;
	margin:0;
	font-weight:bold;
}

.main_link_hidden .close
{
	display:block;
	float:right;
	width:25px;
	height:30px;
	background-image:url(../img/close_main_link_hidden.gif);
	background-repeat:no-repeat;
	background-position:top right;
	margin-bottom:18px;
	background-color:#AED4E3;
}

.main_link_hidden h2 { padding:5px; }

.main_link_hidden ol
{
	font-weight:bold;
	margin-left:0;
}

.main_link_hidden p,
.main_link_hidden ol { padding:5px; }

#footer p
{
	font-size:75%;
	line-height:36px;
	color:gray;
	text-align:center;
}

strong
{
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

.bold
{
	font-weight: bolder;
	font-family: Verdana, Geneva, sans-serif;
}