.header
{
	background: #a8b6b9;
	text-align: center;
}


div.maintitle

{
	background: #ffffff;
	text-align: center;
	width: 100%;
	font-size: 22pt;
	font-family: Helvetica;
	font-weight: bold;
	font-style: normal;
	color: #552211;
	text-transform: uppercase;
}

div.author
{
	background: #ffffff;
	text-align: center;
	width: 100%;
	font-size: 14pt;
	font-family: Helvetica;
	font-weight: bold;
	font-style: normal;
	color: #552211;
}


div.sectiontitle
{
	text-align: center;
	width: 100%;
	font-size: 18pt;
	font-family: Helvetica;
	font-weight: bold;
	font-style: normal;
	color: #552211;
	text-transform: uppercase;
}


div.title
{
	background: #aababe;
	text-align: center;9
width: 100%;
	font-size: 16pt;
	font-family: Helvetica;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	text-transform: uppercase;
}

div.subtitle
{
	background: #aababe;
	text-align: center;
	width: 100%;
	font-size: 14pt;
	font-family: Helvetica;
	font-weight: bold;
	font-style: normal;
	color: #fff;
}


div.baslik
{
	text-align: center;
	font-size: 12pt;
	font-family: Helvetica;
	font-weight: bold;
	font-style: normal;
	color: #000;
}

div.caption
{
	text-align: center;
	font-size: 11pt;
	font-family: Helvetica;
	font-weight: italic;
	font-style: normal;
	color: #000;
}

/* default styles here for older browsers.
   I tend to go for a 600px - 960px width max but using percentages
*/
@media only screen and (min-width:960px){
	/* styles for browsers larger than 960px; */
	div.content
	{
		background: #ffffff;
		margin-top: 10pt;
		margin-left: 5%;
		width: 95%;
		font-family: Helvetica;
		font-size: 12pt;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
}
@media only screen and (min-width:1440px){
	/* styles for browsers larger than 1440px; */
	div.content
	{
		background: #ffffff;
		margin-top: 10pt;
		margin-left: 5%;
		width: 95%;
		font-family: Helvetica;
		font-size: 12pt;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
}
@media only screen and (min-width:2000px){
	/* for sumo sized (mac) screens */
	div.content
	{
		background: #ffffff;
		margin-top: 10pt;
		margin-left: 5%;
		width: 95%;
		font-family: Helvetica;
		font-size: 12pt;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
}
@media only screen and (max-device-width:480px){
	/* styles for mobile browsers smaller than 480px; (iPhone) */
	div.content
	{
		background: #ffffff;
		margin-top: 10pt;
		margin-left: 5%;
		width: 95%;
		font-family: Helvetica;
		font-size: 12pt;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
}
@media only screen and (device-width:768px){
	/* default iPad screens */
	div.content
	{
		background: #ffffff;
		margin-top: 10pt;
		margin-left: 5%;
		width: 95%;
		font-family: Helvetica;
		font-size: 12pt;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
	div.content
	{
		background: #ffffff;
		margin-top: 10pt;
		margin-left: 5%;
		width: 95%;
		font-family: Helvetica;
		font-size: 12pt;
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */
	div.content
	{
		background: #ffffff;
		margin-top: 10pt;
		margin-left: 5%;
		width: 95%;
		font-family: Helvetica;
		font-size: 12pt;
		-webkit-column-count: 3; /* Chrome, Safari, Opera */
		-moz-column-count: 3; /* Firefox */
		column-count: 3;
	}
}


div.content2
{
	background: #ffffff;
	margin-top: 10pt;
	margin-left: 5%;
	width: 95%;
	font-family: Helvetica;
	font-size: 12pt;
}


table.title
{

	background: #ffffff;
	align: center;
	width: 100%;
}

/*----------------------------
	CSS3 Animated Navigation
-----------------------------*/

.fancyNav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #abb;

}


.fancyNav li {
	float: left;
}


.fancyNav li a{
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	background-color: #abb;

}

.fancyNav li a:hover:not(.active) {
	background-color: #fcc;
}


.fancyNav .active {
	background-color: #9aa;
}

table {
	/* width: 100%; */
	/* border-radius: 4px; */
	border: 0px solid #eee;
	overflow: hidden;
	/* border-collapse: separate; */
}

td {
	border-bottom: 0px;
}