body {  
	background-color: white; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
	position: relative;
        background-image: url('/v22/marble-background.jpg');
}

a:link, a:visited { 
	color: #333; 
	text-decoration: none; 
}
a:hover, a:active { 
	color: black; 
	text-decoration: underline; 
}

h1#site_header { 
	text-align: left;
	margin-left: 10%;
        margin-right: 10%;
        padding-right: 3em;
        font-style: italic;
        color: #000;
	font-size: xx-large; 
        font-weight: bold;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
}

.content { 
	border-width: 5px;
	border-style: double solid solid double;
	border-color: black;
	border-radius: 7px;
	width: 81%;
        margin-left: 10%;
	text-align: left;
	padding-left: 2em;
	padding-right: 2em;
	position: relative;
	height: 20em;
	box-sizing: border-box;
        background-color: white;
}

.content h2, .call_to_action, .content p.greetings { 
	font-size: xx-large;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
}

.content h3 { 
	font-size: x-large;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
}

.point_of_interest { 
    width: 100%;
    padding: auto;
    border: 1px solid gray;
    border-radius: 5px;
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
    overflow: hidden;
    margin: 3% 0;
}

.point_of_interest img, .point_of_interest_img img {
    width: 95%;
    text-align: center;
    overflow: hidden;
}

.point_of_interest ul {  
    text-align: left;
    /*list-style-position: inside;*/
    /*margin-left: 0;*/
    padding: 0 1.5em;
    /*border: 1px solid green;*/
}

.point_of_interest li {
/*    padding-left: 0;*/
/*    margin-left: 0;*/
/*    border: 1px solid red;*/
}

.point_of_interest_img {
    width: 100%;
    padding: 1%;
    border: 1px solid gray;
    border-radius: 5px;
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
/*    margin: .25em .075em;*/
}

.page_icon { 
	position: absolute;
	bottom: -50px;
	right: -50px;
	width: 150px;
	z-index: 1;
}

.call_to_action { 
	border: 1px solid black;
	border-radius: 7px;
	background-color: black;
	color: white;
	font-weight: bolder;
	font-size: xx-large;
	padding: 1em;
	position: absolute;
	text-align: center;
	bottom: -1.5em;
	z-index: 2;
        width: auto;
}

a.call_to_action:link, a.call_to_action:visited { 
	color: white; 
	text-decoration: none; 
}
a.call_to_action:hover, a.call_to_action:active { 
	color: brown; 
	text-decoration: none; 
	background-color: tan;
}

/*.sidebar { 
	float: right;
	width: 30%;
	background-color: transparent;
	position: relative;
	top: -4em;
	z-index: 2;
}*/

ul.sidebar_nav { 
	list-style-type: none;
	padding: 0;
}

.sidebar_nav li a {
	display: inline-block;
	background-color: lightgray;
	color: black;
	border-radius: 5px;
	border-top: 3px solid black; 
	border-left: 3px double black; 
	border-bottom: 1px dotted black;
	border-right: 1px dotted black;
	padding: 1em;
	margin: .25em 0;
	width: 90%;
	box-sizing: border-box;
	text-decoration: none;
}

.sidebar_nav li a#unused-contest-link:link, .sidebar_nav li a#unused-contest-link:visited  {
        background-image: url("/images/stars.png");
        background-position: -2em;
        background-repeat: space;
        background-size: 200px;
}

.sidebar_nav li a:hover {
	color: brown;
	background-color: tan;
}

.secondary::before{ 
	content: "\A"; /* Line break */
    white-space: pre;
} 

a.ordinary_link {
	font-size: medium;
	text-decoration: underline;
}

.content {
	height: auto;
	padding-bottom: 5em;
}
.input-text {
	width: 100%;
}
.highlight {
	background-color: #FF9;        
}

#footer {
	font-size: small; 
	/* position: sticky; */
	/* bottom: 0; */
	/* clear: none;  */
	padding-top: 5em;
}

.flex-wrap-reverse {
    margin: 0;
    padding: 0;    
}