body {
padding:0;
margin:0;
color:#696460;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 14pt;
line-height: 24pt;
 -webkit-font-smoothing: antialiased !important;
}
a, a:hover {
color:#3a518c;
text-decoration: none;
}
a:hover {
color:#dd1921;
}

h1 {
color: #181819;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 26pt;
line-height: 36pt;
letter-spacing: -1px; 
margin: 5px 0 0 0;
 -webkit-font-smoothing: antialiased !important;
}

h2 {
font-size:24pt;
line-height:28pt;
font-weight: 700;
color:#3a518c;
letter-spacing: -1px; 
margin: 5px 0 0 0;
 -webkit-font-smoothing: antialiased !important;
}

h3 {
font-size:14pt;
line-height:14pt;
font-weight: 700;
color:#333;
letter-spacing: -1px; 
 -webkit-font-smoothing: antialiased !important;
}

#header h3{
color:#fff;
}

h5 {
color:#ff9021;
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: 21pt;
line-height: 24pt;
letter-spacing: 1px;	
margin: 5px 0 0 0;
 -webkit-font-smoothing: antialiased !important;
}

hr {
background-color:#ccc;
height:1px;
border:0px;
}

.container{
width:980px;
margin:0px auto;
position:relative;
}
.col1{
width:100%;
display:inline-block;
vertical-align:top;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 20pt;
line-height: 30pt;
letter-spacing: 1px;
float: right;
margin: 0 0 10px 10px;
}
.col2{
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 14pt;
line-height: 24pt;
width:48%;
margin:10px 0;
display:inline-block;
vertical-align:top;
color:#000;
}
.col3{
width:30%;
display:inline-block;
vertical-align:top;
}
.col4{
width:21%;
margin:8px;
display:inline-block;
vertical-align:top;
}
.col5{
width:15%;
margin:8px;
display:inline-block;
vertical-align:top;
}


.col-one-third{
width:30%;
display:inline-block;
vertical-align:top;
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size:12pt;
line-height:22pt;
}
.col-two-third{
width:66%;
margin:5px;
display:inline-block;
vertical-align:top;
}


.welcome{
font-family: 'Lato', sans-serif;
font-weight: 300;
color:#333;
font-size: 30pt;
line-height: 34pt;
letter-spacing: -1px;
margin: 20px 0 0 0;
 -webkit-font-smoothing: antialiased !important;
}

#header{
width:100%;
padding:0px;
margin:0px;
position:absolute;
z-index:1000;
padding: 20px 0px 40px 0px;

background: rgba(255, 255, 255, 255);
-webkit-transition: background 0.25s ease;
-moz-transition: background 0.25s ease;
-ms-transition: background 0.25s ease;
-o-transition: background 0.25s ease;
transition: background 0.25s ease;
-webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
}

#header #navigation ul{
color: white;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 55pt;
margin: 5px 0 0 0;
padding: 20px 0 20px 0;
list-style:none;
text-align:right;
text-transform:uppercase;
}
#header .navigation{
width: 85%;
float: right;
text-align: right;
padding: 5px 0 0 0;
margin: 0;
}


#header .logo{
width:175px;
position:absolute;
top:0px;
left:0;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#header .logo img{
width: 100%;
}

#header .site-description-container{
color: #fff;
font-size: 14pt; 
line-height: 14pt;
-webkit-transition: background 0.25s ease;
-moz-transition: background 0.25s ease;
-ms-transition: background 0.25s ease;
-o-transition: background 0.25s ease;
transition: background 0.25s ease;

 -webkit-font-smoothing: antialiased !important;
}
#header .site-description{
width: 45%;
float: left;	
}

#header .mailing-address{
color: #ccc;
width: 63%;
float: right;
text-align: right;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 12pt;
line-height: 18pt;
 -webkit-font-smoothing: antialiased !important;
}

#header  .mailing-address hr{
background-color:#ccc;
height:1px;
border:0px;
}


#header ul{
color: white;
font-family: 'Playfair Display', serif;
font-weight: 900;
font-size: 20pt;
line-height: 20pt;
margin: 5px 0 0 0;
letter-spacing: -1px;
list-style:none;
text-align:right;
-webkit-font-smoothing: antialiased !important;
}

#header .logo-small{
display: none;	
}

#header li{
display:inline-block;
border-right:1px solid #dd1921;
padding:0px 10px;
}

#header li:first-child{
}

#header li:last-child{
border-right:none;
padding-right:0;
}

#header li:nth-last-child(2){
border-right:none;
border-left:1px solid #dd1921;
padding-right:5px;
}

#header li:nth-last-child(3){
border-right:none;
padding-right:5px;
}

#header li a{
color:#3a518c;
font-weight:700;
 -webkit-font-smoothing: antialiased !important;
}
#header li a:hover{
color:#4f71c9;
}

#header li a.donate-button{
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 20pt;
padding:8px 16px;
display: inline-block;
margin:0px;
text-decoration:none;
background: #ed1c24;
color:#ffffff;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 0 0 #d2181f;
box-shadow: 0 3px 0 0 #d2181f;
letter-spacing: 0.25px;
}

#header li a.donate-button:hover {
color:#ffffff;
background: #dd1921;
}


#header .second-nav{
background:rgba(255, 255, 255, 1);
-webkit-transition: background 0.25s ease;
-moz-transition: background 0.25s ease;
-ms-transition: background 0.25s ease;
-o-transition: background 0.25s ease;
transition: background 0.25s ease;
-webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
}

#header.tiny{
position:fixed;
-webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1);
top: 0;
padding: 10px 0 20px 0;
}
#header.tiny .navigation{	
padding:0;
}
#header.tiny .mailing-address{
display: none;	
}

#header.tiny .logo{
width:140px;
top:0;
}
#header.tiny li{
	
}
#header.tiny li a{
font-family: 'Playfair Display', serif;
font-weight: 700;
list-style:none;
padding:11px 0;
margin:0;
text-align:center;
 -webkit-font-smoothing: antialiased !important;
}

#header.tiny li a.donate-button{
padding:8px 16px;
}



#slideshow{
width:100%;
height:570px;
position:relative;
overflow:hidden;
}
#slideshow .container{
height:570px;
}
#slideshow .video-container{
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%; 
overflow: hidden;
}
#slideshow .video-container video{
/* Make video to at least 100% wide and tall */
min-width: 100%; 
min-height: 100%; 

/* Setting width & height to auto prevents the browser from stretching or squishing the video */
width: auto;
height: auto;

/* Center the video */
position: absolute;
top: 63%;
left: 50%;
transform: translate(-50%,-50%);
}

#slideshow-inside{
width:100%;
height:225px;
position:relative;
}
#slideshow-inside .container{
height:200px;
}

#slideshow-nav{
width:100%;
position:absolute;
top:60%;
color:#FFF;
font-size:38pt;
line-height:40pt;
z-index:2;
}

#slideshow-nav #prev, #slideshow-nav #next{
cursor:pointer;
position:absolute;
color:rgba(255,255,255,0.5);
}
#slideshow-nav #prev{
left:25px;
}
#slideshow-nav #next{
right:25px;
}
#slideshow-nav #prev:hover, #slideshow-nav #next:hover{
color:rgba(255,255,255,1);
}

#polls{
background: #3a518c;
text-align: center;
color:#3a518c;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 16pt;
line-height: 22pt;
padding:0;
border-top: 10px solid #f21a1a;
 -webkit-font-smoothing: antialiased !important;
}
#polls .container{
padding:20px 0px;	
}

#polls i{
color:#ffffff;
}

#polls h1{
color: white;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 35pt;
margin: 5px 0 0 0;
padding: 0 0 20px 0;
}

#polls ul li{
border-right:1px solid #CCC;
padding-bottom:5px;
}
#polls a{
color:#FFF;
}
#polls a:hover{
color:#FFF;
}

















#entry-points{
text-align: center;
color:#3a518c;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 16pt;
line-height: 22pt;
padding:0;

border-top: 10px solid #000000;
 -webkit-font-smoothing: antialiased !important;
}
#entry-points .container{
padding:40px 0px;	
}

#entry-points i{
color:#ffffff;
}

#entry-points h1{
color: white;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 35pt;
margin: 5px 0 0 0;
padding: 20px 0 20px 0;
}

#entry-points ul li{
border-right:1px solid #CCC;
padding-bottom:5px;
}
#entry-points a{
color:#FFF;
}
#entry-points a:hover{
color:#FFF;
}

#home-message{
font-family: 'Lato', sans-serif;
font-weight: 900;
color: white;
font-size: 35pt;
line-height: 40pt;
text-align: left;
letter-spacing: 0px;
width: 440px;
position: absolute;
left: 0;
top: 150px;
z-index: 2;
-height: 400px;
background: rgba(1, 1, 1, 0.2);
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
padding: 20px;
margin: 3px 0px;
-webkit-font-smoothing: antialiased !important;
}

#home-message span{
display:block;
padding-top:5px;
font-family: 'Playfair Display', serif;
color:#ffffff;
font-size:12pt;
line-height:24pt;
padding-bottom: 0px;
text-align: right;
margin-right: 25px	
}

#home-content{
padding:20px 0px;
}
#home-content .col2{
font-size:12pt;
line-height:20pt;
padding:5px 0px 2px 0px;
}

#main-content{
padding-bottom:20px;
}

#kevin{
width:452px;
height:523px;
position: absolute;
bottom:-50px;
right:20px;
}

#intro{
padding:10px 0px;
background-color: #fff;
color:#525252;
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size:14pt;
line-height:20pt;
padding:20px 0px;
}

#intro i{
color:#525252;
}

#intro h1{
color:#93c4d8;
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: 26pt;
line-height: 24pt;
letter-spacing: 1px;	
margin: 15px 0 0 0;
}

#intro ul li{
padding-bottom:15px;
}

#main-content{
padding:10px 0px;
background-color: #fff;
color:#525252;
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size:14pt;
line-height:20pt;
padding:20px 0px;
}

#main-content i{
color:#525252;
}

#main-content h1{
color:#93c4d8;
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: 26pt;
line-height: 24pt;
letter-spacing: 1px;	
margin: 15px 0 0 0;
}

#main-content ul li{
padding-bottom:15px;
}

#external-links a:hover{
color: #333;	
}

#external-links a{
color: #333;
text-transform: uppercase;
font-size: 8pt;
line-height: 12pt;
letter-spacing: 0pt;
display: inline-block;
padding: 0px 8px;	
 -webkit-font-smoothing: antialiased !important;	
}

#external-links ul {
list-style: none;
padding: 0;
margin: 10px 0 0 0;
text-align: center;	
}

#external-links ul li{
display:inline-block;
width:180px;
margin:5px;
}

#inside-slide{	
background:#e8f8fe url("/art/insidegraphic.jpg") top center no-repeat;
color:#ffffff;
height: 100px;
}

#inside-slide i{
color:#93c4d8;
}

#inside-slide h1{
color:#93c4d8;
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: 26pt;
line-height: 24pt;
letter-spacing: 1px;	
margin: 5px 0 0 0;
}

#inside-slide ul li{
padding-bottom:5px;
}


#body-information{	
border-top: 10px solid #000000;	
color:#333;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 14pt;
line-height: 24pt;
letter-spacing: -0.25px;
}

#our-products i{
color: #fff;
}

#body-information h1{
color: #3a518c;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 35pt;
margin: 5px 0 0 0;
padding: 20px 0 20px 0;
}

#body-information ul li{
padding-bottom:5px;
}

#body-information .container{
padding:40px 0px;	
}

#our-products{
text-align: center;
color:#ffffff;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 14pt;
line-height: 22pt;
padding:0;
border-top: 10px solid #000000;
 -webkit-font-smoothing: antialiased !important;
}
#our-products .container{
padding:40px 0px;	
}

#our-products i{
color:#ffffff;
}

#our-products h1{
color: white;
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: 55pt;
margin: 5px 0 0 0;
padding: 20px 0 20px 0;
}

#our-products ul li{
padding-bottom:5px;
}

#our-products .jobdone-person{
position: absolute;
bottom:0px;
right:0px;	
}


.our-products li{
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 12pt;
line-height: 16pt;
display: inline-block;
border-right: 1px solid #ffffff;
padding: 0px 10px;
 -webkit-font-smoothing: antialiased !important; 
}

.our-products li:last-child{
border-right: none;
padding-right: 0;
}

#good-steak{
color:#000;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 14pt;
line-height: 24pt;
padding:0;
letter-spacing: -0.25px;
 -webkit-font-smoothing: antialiased !important;
}

#good-steak .container{
padding:40px 0px;	
}

#good-steak h1{
color: #000;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 35pt;
margin: 5px 0 0 0;
padding: 20px 0 20px 0;
}

#delivery-area{
text-align: center;
color:#ffffff;
font-family: 'Lato', sans-serif;
font-weight: 700;
font-size: 14pt;
line-height: 22pt;
padding:0;
 -webkit-font-smoothing: antialiased !important;
}

#delivery-area .container{
padding:40px 0px;	
}

#delivery-area h1{
color: #fff;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 35pt;
margin: 5px 0 0 0;
padding: 20px 0 20px 0;
}

.delivery-area li{
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 12pt;
line-height: 16pt;
display: inline-block;
border-right: 1px solid #ffffff;
padding: 0px 30px;
 -webkit-font-smoothing: antialiased !important; 
}

.delivery-area li:last-child{
border-right: none;
padding-right: 0;
}
.delivery-area li:first-child{
border-left: none;
padding-left: 0;
}



#contact {
color: black;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 26pt;
line-height: 36pt;
letter-spacing: -1px; 
}

#contact a{
color:white;
}
#contact i{
color: #ffffff;
}

#contact h1{
color: #3a518c;
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 35pt;
margin: 5px 0 0 0;
padding: 20px 0 20px 0;
}

#contact .container{
padding:40px 0px;	
}


#form {
width:980px;
margin:0px auto;
padding-bottom:40px;
position: relative;
}

.form-left {
float:left;
width:470px;
}

.form-right {
text-align: right;
float:right;
width:470px;
}

#form p {
padding:10px 0px 0px 0px;
margin:0px;
font-size:10pt;
color:#ffffff;
}

.inputbox {
width:250px;
padding:10px;
border: 3px solid #f3f3f3;
border-radius: 3px;
line-height:15pt;
color:#666666;
background-color:#ffffff;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 12pt;
line-height: 24pt;
letter-spacing: -0.5px;
}

.inputbox, .inputbox p {
color:#333;
}

.inputbox2{
width:250px;
height:80px;
padding:10px;
border: 3px solid #f3f3f3;
border-radius: 3px;
line-height:15pt;
color:#666666;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 12pt;
line-height: 24pt;
letter-spacing: -0.5px;
}

#cap{
padding-left:6px;
padding-top:7px;
}

.placeholder { 
color: #666666; 
font-family: 'Playfair Display', serif;
}

input, textarea { 
color: #666666; 
font-family: 'Playfair Display', serif;
}

input[type=submit] {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	font-size: 14pt;
	line-height: 16pt;
	padding:10px 16px;
	display: inline-block;
	margin: 10px 0px;
	text-decoration:none;
	background: #ed1c24;
	color:#ffffff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 0 0 #d2181f;
	box-shadow: 0 3px 0 0 #d2181f;
	letter-spacing: 0.25px;
	border:0;
	vertical-align:top;
	cursor:pointer;  
}
input[type=submit]:hover {
	color:#ffffff;
	background: #dd1921;
}
input[type=submit]:active {
	position:relative;
	top:1px;
	padding:10px 16px;
	-webkit-box-shadow: 0 2px 0 0 #d2181f;
	box-shadow: 0 2px 0 0 #d2181f;
}


.big-button {
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 18pt;
line-height: 16pt;
padding:10px 16px;
display: inline-block;
margin: 10px 0px;
text-decoration:none;
background: #ed1c24;
color:#ffffff;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 0 0 #d2181f;
box-shadow: 0 3px 0 0 #d2181f;
letter-spacing: -0.25px;
border:0;
cursor:pointer;
}

.big-button:hover {
	background: #dd1921;
}
.big-button:active{
	position:relative;
	top:1px;
	padding:10px 16px;
	-webkit-box-shadow: 0 2px 0 0 #d2181f;
	box-shadow: 0 2px 0 0 #d2181f;
}

.small-button {
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: 12pt;
line-height: 14pt;
padding:5px 10px;
display: inline-block;
margin: 10px 0px;
text-decoration:none;
background: #ed1c24;
color:#ffffff;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 0 0 #d2181f;
box-shadow: 0 3px 0 0 #d2181f;
letter-spacing: 0.25px;
border:0;
}

.small-button:hover {
color:#FFF;
	background: #dd1921;
}
.small-button:active{
	position:relative;
	top:1px;
	padding:10px 16px;
	-webkit-box-shadow: 0 2px 0 0 #d2181f;
	box-shadow: 0 2px 0 0 #d2181f;
}



#our-products .big-button:active {
position:relative;
top:1px;
-webkit-box-shadow: 0 4px 0 0 #d2181f;
box-shadow: 0 4px 0 0 #d2181f;
}

#our-products .big-button {
font-family: 'Playfair Display', serif;
font-weight: 400;
font-size: 55pt;
padding:20px 22px;
line-height: 20pt;
display: inline-block;
margin: 10px 0px;
text-decoration:none;
background: #ed1c24;
color:#ffffff;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 0 0 #d2181f;
box-shadow: 0 3px 0 0 #d2181f;
letter-spacing: 0.25px;
}

#our-products .big-button:hover {
color:#ffffff;
background: #dd1921;
}

#our-products .big-button:active {
position:relative;
top:1px;
-webkit-box-shadow: 0 4px 0 0 #d2181f;
box-shadow: 0 4px 0 0 #d2181f;
}


.big-button-black {
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 20pt;
padding:8px 16px;
line-height: 20pt;
display: inline-block;
margin: 10px 0px;
text-decoration:none;
background: #ed1c24;
color:#ffffff;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 0 0 #d2181f;
box-shadow: 0 3px 0 0 #d2181f;
letter-spacing: 0.25px;
}

.big-button-black:hover {
color:#ffffff;
background: #dd1921;
}

.big-button-black:active {
position:relative;
top:1px;
-webkit-box-shadow: 0 4px 0 0 #d2181f;
box-shadow: 0 4px 0 0 #d2181f;
}


#errors {
background-color:#990000;
color:#fff;
width:429px;
padding:20px;
display:none;
border-radius: 8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;	
margin-bottom: 20px;	
margin-top:10px;	
}

#errors h2{
color:#ffff66;
font-size:16pt;
line-height:20pt;
}

#errors p{
font-size:10pt;
line-height:12pt;
font-weight: normal;
}

#footer{
background:#3a518c;
margin:0;
color:#FFF;
font-size:10pt;
line-height:20pt;
}
#footer a{
color:#FFF;
}
#footer a:hover{
color:#b9b9b9;
}
#footer .container{
padding:40px 0px;
}
.footer-right{
width:20%;
float:right;
vertical-align:top;
}

.footer-right ul{
padding: 0px;
margin: 0px;
}

.footer-right .one{
width:30%;
float:right;
vertical-align:top;
}

.footer-left{
width:75%;
float:left;
text-align:left;
vertical-align:top;
}

.footer-left ul{
padding: 0px;
margin: 0px;
}

.footer-right .two{
width:45%;
float:left;
vertical-align:top;
}

.footer-navigation li{
font-family: 'Playfair Display', serif;
font-weight: 700;
font-size: 12pt;
line-height: 12pt;
padding: 0px 12px;
border-right: 1px solid #4f71c9;
display: inline-block;
 -webkit-font-smoothing: antialiased !important; 
}

.footer-navigation li:last-child{
border-right: none;
padding-right: 0;
}

.footer-navigation li:first-child{
border-left: none;
padding-left: 0;
}

.footer-navigation li:nth-last-child(2){
padding-right:12px;
}

.footer-navigation li:nth-last-child(3){
padding-right:12px;
}


.admin-links{
text-align:right;
padding-top:10px;
}
.admin-links a{
display:inline-block;
border:1px solid #CCC;
margin-right:10px;
padding:5px 10px;
font-size:10pt;
line-height:12pt;
color:#333;
}
.admin-links a:hover{
border:1px solid #999;
}

/* PROJECT MOSAIC */

#project-mosaic{
margin:10px 0px;
}
#project-mosaic .announcement-item{
background:#FFF;
-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
box-shadow: 0 0 5px 1px rgba(0,0,0,0.25);
padding:12px;
width:290px;
font-size:12pt;
line-height:14pt;
margin:6px 6px;
display:inline-block;
vertical-align:top;
}
#project-mosaic .announcement-item:hover{
-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.25);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.25);
}
#project-mosaic .announcement-item .image img{
width:100%;
border:1px solid #999;
}
#project-mosaic .announcement-item .image:hover img{
border:1px solid #333;
}
#project-mosaic .announcement-item .title{
font-family: 'Playfair Display', serif;
color:#000;
font-size:18pt;
line-height:22pt;
margin:5px 0px;
}
#project-mosaic .announcement-item .title a{
color:#000;
}
#project-mosaic .announcement-item .date{
background:#FFF;
padding:0;
width:auto;
float:none;
display:block;
text-align:left;
margin:0px;
font-size:10pt;
line-height:12pt;
color:#333;
}
#project-mosaic .read-more{
text-align:right;
}
#project-mosaic .big-button{
font-size:12pt;
line-height:14pt;
padding:8px 10px;
}

.announcement-item{
margin:40px 0px;
}
.announcement-item .date{
width:5%;
float:left;
text-align:center;
background:#255aa8;
padding:10px;
}
.announcement-item .date .month{
text-transform:uppercase;
color:#68bbf6;
}
.announcement-item .date .day{
color:#FFF;
font-size:24pt;
line-height:26pt;
}
.announcement-item .date .year{
color:#b8c9d6;
}
.announcement-item .announcement-details{
width:90%;
float:right;
}
.announcement-item .announcement-details .image{
width:333px;
padding:0px 0px 20px 20px;
float:right;
position:relative;
}
.announcement-item .announcement-details .image i{
position:absolute;
top:10px;
right:5px;
color:#FFF;
text-shadow: 1px 1px 3px #000000;
cursor:pointer;
font-size:16pt;
line-height:18pt;
}
.announcement-item .announcement-details .image:hover i{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
.announcement-item .announcement-details .image img{
width:100%;
border:5px solid #FFF;
background:#FFF;
-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.25);
box-shadow: 0 0 5px 2px rgba(0,0,0,0.25);
}
.announcement-item .announcement-details .image:empty{
width:auto;
padding:0;
float:none;
}
.announcement-item .announcement-details .title{
font-size:24pt;
line-height:26pt;
}
.announcement-item .announcement-details .title a, .announcement-item .announcement-details .title a:hover{
color:#333;
}
.announcement-item .admin-links{
text-align:right;
}
.announcement-item .admin-links a{
display:inline-block;
border:1px solid #CCC;
margin-right:10px;
padding:5px 10px;
font-size:10pt;
line-height:12pt;
color:#333;
}
.announcement-item .admin-links a:hover{
border:1px solid #999;
}
.announcement-item .documents-attached{
margin-bottom:15px;
}
.announcement-item .documents-attached .document{
margin-bottom:5px;
}
.announcement-item .documents-attached .document img{
display:inline-block;
vertical-align:text-top; 
margin-right:5px;
}
.announcement-item .photos-attached{
margin-bottom:15px;
}
.announcement-item .photos-attached a{
width:100px;
height:100px;
position:relative;
display:inline-block;
margin:0px 15px 15px 0px;
}
.announcement-item .photos-attached a i{
position:absolute;
top:10px;
right:5px;
color:#FFF;
text-shadow: 1px 1px 3px #000000;
cursor:pointer;
font-size:16pt;
line-height:18pt;
z-index:2;
}
.announcement-item .photos-attached a:hover i{
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}
.announcement-item .photos-attached a img{
position:absolute;
width:100px;
height:100px;
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}


.red{
color:red;
}

.blue{
color:blue;
}