@font-face {
	font-family: 'JournalRegular';
	src: url('journal-webfont.eot');
	src: local('☺'), url('journal-webfont.woff') format('woff'), url('journal-webfont.ttf') format('truetype'), url('journal-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{ background:#b3aba1 url(/assets/stripe.png) 50% 20px no-repeat; }
#container{ padding:20px 20px; background:white; width:760px; position:relative; }
#logo{ position:absolute; top:20px; left:0px; background:url(/assets/logo.png) top left no-repeat; display:block; width:305px; height:100px; text-indent:-9999em; z-index:100;}
#navigation{ padding-left:0px; list-style-type:none; position:absolute; top:125px; left:20px; z-index:100; }
#navigation li{ font-size:1.5em; }
#navigation a, #navigation a:visited{ color:#aea8a0; text-decoration:none; }
#admin-navigation{ list-style-type:none; position:absolute; top:30px; right:0px; font-size:1.25em; }
#admin-navigation li{ display:inline; padding-left:1em; }

h1.tagline, p.tagline{ width:100%; height:35px; text-indent:-9999em; background-image:url(/assets/tagline.png); background-position:top left; background-repeat:no-repeat; }
h1.tagline{ margin-top:110px; font-size:2em; margin-left:60px; }
p.tagline{ width:100%; text-align:center; background-position:top center; }

#content{ padding-left:50px; padding-right:50px; }
#journal{ 
	clear:both; height:300px; width:100%; position:relative; background:url(journal.jpg) top right no-repeat;
	margin-bottom:1em;
}

#journal a, #journal a:visited{
	text-decoration:none; color:black;
}

#journal.home{
	height:400px; background:url(journal-home.jpg) top center no-repeat;
}

#journal_callouts{ position:absolute; right:20px; top:30px; width:335px; font:2.25em 'JournalRegular';  }
#journal.home #journal_callouts{ width:475px; font:2.5em 'JournalRegular'; top:55px; }
div.callout{ margin-bottom:.75em; float:left; width:50%; position:relative; }
div.callout a{ background:transparent; z-index:150; }
div.callout a:hover{ color:#668f3d !important; }
div.callout p{ position:absolute; width:300px; height:150px; padding:50px; background:transparent url(cloud.png) top center no-repeat; 
			   top:10px; left:0px; color:black; display:none; z-index:200; font-size:1em !important;
}

#journal.home div.callout p{ top:-215px; }

h1,h2,p,#content ul, #content ol{ color:#827c73; }
h1{ font-size:2.25em; text-transform:uppercase; }
p, td, th, #content ul, #content ol{ font-size:1.25em !important; }
#content li{ margin-bottom:1em; }
th{ color:white; background:#333; }

form ol{ list-style-type:none; padding:0; font-size:1.25em; color:#7c7364; }
form input{ padding:.25em; font-size:.9em; }

#footer{ padding:20px 0px; width:800px; font-size:14px; color:#7c7364; }
#footer ol, #footer ul{ padding:0px !important; list-style-type:none; }
#footer ol{ margin-bottom:0; }
#footer li{ display:inline; padding-right:1.5em; }
#footer p{ padding-top:1.5em; font-size:1em !important; }
#footer a, #footer a:visited{ color:#7c7364; }

#contact_information{ list-style-type:none; padding-left:10%; height:160px; display:block; }
#contact_information li{ display:block; float:left; width:60px; height:120px; cursor:pointer; cursor:hand; background-image:url(contact_icons.png); background-repeat:no-repeat; margin-right:2em; }
#contact_information li a{ display:block; width:100%; height:100%; background:transparent; text-decoration:none; }
#contact_information li.phone{ background-position:0px 0px; clear:left; margin-left:20%;  }
#contact_information li.address{ background-position:-60px 0px; }
#contact_information li.newsletter{ background-position:-120px 0px; }
#contact_information li.email{ background-position:-180px 0px; }
#contact_information li.phone:hover{ background-position:0px -120px; clear:left; margin-left:20%;  }
#contact_information li.address:hover{ background-position:-60px -120px; }
#contact_information li.newsletter:hover{ background-position:-120px -120px; }
#contact_information li.email:hover{ background-position:-180px -120px; }
#contact_titles{ width:100% !important; float:none; text-align:center; height:55px !important; font-size:1.5em; background:none !important; margin:0 !important; padding:0 !important; }