@charset "UTF-8";
/* CSS Document */

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

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

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




* {
   padding: 0;
   margin: 0;
}
body {
margin:0;
padding:0;
text-align:center;
font:100% 'junctionregularRegular', Verdana, Arial, Helvetica, sans-serif;
line-height:1;
color:#666666;
background-image:url(bg2.jpg);
background-repeat:no-repeat;
background-position:top;
}

ul, li {
padding:0;
margin:0;
}

li {
list-style:none;
line-height:1.5;
display:inline;
padding:2em;}


a {
color:#CC3300;
text-decoration:none;
}

a:hover {
color:#0066CC;
}

img {
border:none;}

h1 {font: 5em "museo-slab-1","museo-slab-2", Arial, sans-serif; color:#336699;opacity:0.9;padding-top:0.6em;text-shadow: 1px 1px 5px #ccc; text-transform:uppercase; font-weight:600; letter-spacing:0.05em;}
h2.fontface {font: 2em "museo-slab-1","museo-slab-2", Arial, sans-serif;letter-spacing: 0;padding-bottom:0.5em;color:#336699; font-weight:500;}
h3.fontface {font: 1em "museo-slab-1","museo-slab-2", Arial, sans-serif;letter-spacing: 0;padding-bottom:0.5em;padding-top:0.7em;color:#336699;font-weight:500;}
h4.fontface {font: 0.85em "museo-slab-1","museo-slab-2", Arial, sans-serif;letter-spacing: 0;padding-bottom:0.15em; padding-top:0.5em;color:#336699;font-weight:500;}


#nav a.fontface {font: 2em 'TangerineBold', Arial, sans-serif; line-height:1.2;}

p {font: 0.8em 'junctionregularRegular', Arial, sans-serif;letter-spacing: 0; line-height:1.5em;padding-top:0.5em;}
p.caption {font: 1em "museo-slab-1","museo-slab-2", Arial, sans-serif;padding-bottom:0.8em;text-shadow: 1px 1px 5px #ccc; font-weight:800;text-transform:uppercase;letter-spacing:0.05em; }
p.small {font:0.75em 'junctionregularRegular', Arial, sans-serif;letter-spacing: 0; line-height:1.5em;}
p.figure {font: 1.4em 'TangerineRegular', Arial, sans-serif;letter-spacing: 0;opacity:0.8;}
p.introduction:first-line{
   font: 3em 'TangerineBold';
   float : left;
   width : 1em;
   padding-left:0.05em;
   margin:0 0.05em 0.05em 0;
   color:#c98760;
   
 }
 
.colored {
color:#336699;}
 
.date{
   font: 2.5em 'TangerineBold';
   color:#6699CC;
 }
 
.exsmall {
font-size:0.6em;
} 
div#contains {
margin: 0 auto;
width: 85%;
}


.side {
float:right;
width:24%;
margin:3%;
padding:2%;
text-align:left;}


.main {
font-size:1em;
float:left;
margin:3%;
padding:2%;
width:54%;
text-align:left;
}

img {
max-width: 100%;
}

div.cell {
    width:15%;
    float:left;
	padding:5%;
	}
	
	
ul li{
font-size:0.7em;
display:list-item;
list-style-type:none;
padding:0;
color:#333333;
}


.clear {
    clear:both;
}

a:hover img  {
opacity:0.7;}

div.footer img {
padding:0.7em;
max-width: 100%;
}