@import url("http://wakecountyshrineclub.com/assets/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,300i,400i,700i");

body {
	font-size: 1em;	
	background-color: #222222;
	margin: 0px;
}

div.nav {
	width: 150px;
	background-color: #222222; 
        border-width: 0px 2px 0px 0px;
        border-style: solid solid solid solid;
}

#listings img {
	border-color: #333333; 
        border-width: 1px 4px 4px 1px;
        border-style: solid solid solid solid;
}

#listings h2 {
	font-size: 1.3em;	
	margin-top: 0px;
	color: #333333;
}

div.listingphoto {
	background-color: #ffffff; 
	border-color: #333333; 
        border-width: 1px 4px 4px 1px;
        border-style: solid solid solid solid;
	padding: 0;
	margin: 0;
}

.address {
        font-family: arial;
        color: #eeeeee;
        font-size: 0.9em;
        border-left: solid 10px #222222;
}

input.nav, select.nav, textarea.nav {
        border:1pt solid navy;
        background: white;
        font-family: arial;
        letter-spacing: 0;
        color: black;
        font-size: 0.8em;
}

div.content { 
	position: relative;
	padding-top: 1pt; 
	padding-left: 20px; 
	padding-right: 50px; 
	padding-bottom: 20px; 
	background-color: #FFFFFF; 
        border-color: #B4B4B4;
        border-width: 0px 0px 0px 1px;
        border-style: solid solid solid solid;
}

p {
	color: #000000;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, sans-serif;
	text-indent: 0;
	text-align: normal;
}

ul,ol {
	margin-top: 0;
}

dl {
	margin-top: 0;
	margin-left: 10px;
}

font,li,dt {
	color: #000000;
	font-size: 1.1em;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, sans-serif;
}

td {
	color: #000000;
	font-size: 0.9em;
	font-weight: normal;
	font-style: normal;
	font-family: Arial, sans-serif;
}

h1 { 
	color: #555544; 
	font-size: 1.3em; 
	line-height: 17px; 
	text-indent: 6px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}

a {
	font-weight: normal;
	line-height: normal;
	font-size: 1.0em;
	color: #990000;
	font-family: Arial, sans-serif;
}
a:visited { color: #990000; }
a:hover { color: #000099; }

a.inline {
	font-weight: bold;
	line-height: normal;
	color: #333333;
	text-decoration: none;
	font-family: Arial, sans-serif;
}
a.inline:visited { color: #333333; }
a.inline:hover { 
	color: #888888; 
	text-decoration: underline;
}

input, select, textarea {
        border:1pt solid navy;
        background: white;
        font-family: arial;
        letter-spacing: 0;
        color: black;
        font-size: 0.9em;
}
img.team {
	float: left;
	margin: 0 5px 0 0;
	clear: both;
}


div.container
{
    height:205px;
    width:300px;
    position:relative;
}

img.image
{   
    position:absolute;
    left:0;
    top:0;
}
p.flag
{
    z-index:100;
    position:absolute;
    background-color:#c00;
	color: #ddd;
    font-size:0.9em;
    font-weight:bold;
	width: 250px;
	padding-left: 30px;
	padding-top: 10px;
	text-transform: uppercase;
	font-family: verdana,inherit;
    left:0px;
    top:0px;
}
p.flag-reduced
{
    z-index:100;
    position:absolute;
	color: #036;
    font-size:2.0em;
    font-weight:bold;
	width: 250px;
	padding-left: 30px;
	text-transform: uppercase;
	font-family: verdana,inherit;
    left:0px;
    top:0px;
}
p.flagnew
{
    z-index:100;
    position:absolute;
    background-color:inherit;
	color: #ccc;
    font-size:0.7em;
    font-weight:bold;
	width: 250px;
	padding-left: 30px;
	padding-top: 180px;
	text-transform: lowercase;
	font-family: papyrus,cursive,inherit;
    left:0px;
    top:0px;
	text-align: right;
}