@import url(//fonts.googleapis.com/css?family=Quicksand:400,500,700);


body {
	padding:	30px 0 0 0 !important;
	max-width:	960px;
	margin:		0 auto;
}

header,#access,#main,footer {
	font-family: 'Quicksand', "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	float: left;
	max-width: 1140px;
	min-width: 100px;
	margin: 0 auto;
	width: 75%;
	text-align:justify;
	font-size: 16px;
	line-height: 26px;
}

footer {
	padding-top:    8px;
	font-size:      10pt;
	line-height:    19px;
	border-top:     1px solid #666;
	letter-spacing: .05em;
}

h1 {
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin: 0 0 12px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

h2 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom:3px;
	letter-spacing: .03em;
}

h3 {
	padding-top: 30px;
	font-size: 26px;
	line-height: 28px;
	margin: 0 0 16px 0;
	color: #000;
	font-weight: normal;
	letter-spacing: .1em;
	font-variant: small-caps;
}

h4 {
	margin-top: 0;
	font-family: "Garamond", Baskerville, Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 24px;
	line-height: 12px;
}

h5 {
	border-top:	1px solid #666;
	border-bottom:	1px solid #666;
	font-size:	12px;
	padding-top:	4px;
	padding-bottom:	4px;
	margin-bottom:	12px;
	margin-top:	28px;
	text-transform:	uppercase;
	text-align:	center;
	font-weight:	normal;
	letter-spacing:	0.05em;
}

h5 a {
	color:black;
	text-decoration: none;
}

h5 a:visited {
	color:black;
	text-decoration: none;
}

h5.red		{ background-color:#df815a; }
h5.yellow	{ background-color:#e7ca52; }
h5.green	{ background-color:#7dbf94; }
h5.blue		{ background-color:#639bb4; }
h5.purple	{ background-color:#9487B1; }




/*----------------------------------------
	#
	# Links
	#
	----------------------------------------*/

/* Shiny Transition Effects for the links */
a:link {
	transition: all .2s ease-in-out;
	-webkit-tap-highlight-color: #FF5E99;
}
a:hover, a:active {
	outline: none;
	transition: all .2s ease-in-out;
}
a, a:active, a:visited {
	transition: all .2s ease-in-out;
	color: #607890;
}
a:hover {
	transition: all .2s ease-in-out;
	color: #036;
}



/*----------------------------------------
	#
	# LAYOUT
	#
	----------------------------------------*/

.hangingindent li
{
	list-style-type: none;
	text-indent:	-38px;
	margin-right:	  0px;
	margin-top:	  2px;
	margin-bottom:	  6px;
	line-height:	 24px;
}



/*----------------------------------------
	#
	# NAVIGATION
	#
	----------------------------------------*/

#access {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 12px;
	border-top:	1px solid #666;
	border-bottom:	1px solid #666;
        padding: 2px 0 2px 0;
}
#access li {
	float: left;
	position: relative;
	text-align: center;
	display: table-cell;
}
#access a {
	color: #aaa;
	display: block;
	line-height: 32px;
	text-decoration: none;
}
#access li:hover > a
{
	color: black;
}

#access li.red:hover > a	{background: #df815a;}
#access li.yellow:hover > a	{background: #e7ca52;}
#access li.green:hover > a	{background: #7dbf94;}
#access li.blue:hover > a	{background: #639bb4;}
#access li.purple:hover > a	{background: #9487B1;} /*C3B7AC;*/

#access ul li.current_page_item > a,
#access ul li.current-menu-item > a {
	color: black;
}

#access li.short   {width:18%;}
#access li.medium  {width:21%;}
#access li.long    {width:25%;}

#access li.hom {width:16%;}
#access li.res {width:20%;}
#access li.pub {width:24%;}
#access li.vor {width:19%;}
#access li.abo {width:21%;}




/*----------------------------------------
	#
	# CONTENT
	#
	----------------------------------------*/

video {
	display: block;
	margin: 5px auto;
}

figure { 
	display: inline;
	margin:	0;
}

figcaption {
	margin-left: 50px;
	margin-right:50px;
	text-align: center;
	font-size: 13px;
	padding: 0;
	display: block;
}

img {
	display: inline;
	height: auto;
	max-width: 100%;
}

img.alignleft
{
	float: left;
	margin-right: 18px;
	margin-bottom: 12px;
}

img.alignright
{
	float: right;
	margin-left: 20px;
	margin-bottom: 4px;
}

img.aligncenter
{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
}

img.border
{
	border: 1px solid green;
}


table.gridtable {
	font-family:	verdana,arial,sans-serif;
	font-size:	12px;
	color:		#333333;
	border-width: 	1px;
	border-color:	#666666;
	border-collapse:	collapse;
	margin-left:	auto;
	margin-right:	auto;
}

table.gridtable th {
	border-width:	1px;
	padding:	8px;
	border-style:	solid;
	border-color:	#666666;
	background-color:	#dedede;
	line-height:	16px;
}

table.gridtable td {
	border-width:	1px;
	padding:	8px;
	border-style:	solid;
	border-color:	#666666;
	background-color:	#ffffff;
	line-height:	12px;
	vertical-align:	top;
}

table.gridtable .right
{
	text-align: right;
}

table td{
	vertical-align: top;
}

table.center {
	margin-left:auto;
	margin-right:auto;
}

.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.row {
  display: flex;
}

.column {
  flex: 50%;
}

.indented-quote {
  margin-right: 50px; /* Adjust the value as needed */
}