/* Style only for the index page */
/* The top menu is formed from external css 
 The total divs and cells are formed from the external css
 The bottom or footer is the shared from the external css */
/* Bellow: The general style for the index page */
/* The following fonts are selected */
.sans-serif { font-family:Arial, Ubuntu, Tahoma, "Trebuchet MS", "Microsoft Sans Serif", Roboto, "Helvetica Neue", sans-serif; }
.serif { font-family:"Times New Roman", Times, Libertine, Gautami, Constantia, Cambria, Georgia, serif; }
.monospace { font-family:Monaco, "Courier New", monospace; }
#background {
	position:fixed;
	_position:absolute; /* target IE6 only */
	top:1px;
	left:0;
	width:100%;
	height:110%;
	background-image:url("shared/bg-page-1024.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	z-index:-1; }
body {
	margin: 0 3px;
	padding: 0;
	background-color: #FFBD44;
	line-height: 1; /* reset body line-height */
}
h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#123456;
	font-family:"Trebuchet MS", Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;	
	text-indent:20px;
}
h1 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:10px;
	margin-right:10px;
	font-weight:normal;
	font-size:22px; /* 22px/16px = 1.375em */	
	color:#000000;
	line-height:1.25em;
	font-family:"Times New Roman", Cambria, Georgia, serif;	
	text-indent:0 !important;
	text-align:center;
}
#pseudo-h1-next { /* if the h1 is long */
	font-weight:400;
	font-size:20px;	
	color:#000000;
	line-height:0.9em;
	font-family:"Times New Roman", Cambria, Georgia, serif;
	text-indent:0;
	text-align:center;
	letter-spacing:0;
	margin-top:0; margin-bottom:0;
}
h2 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:40px;
	margin-right:40px;
	font-size:19px; /* 19px/16px - font-size:20px; 20px/16px = 1.25em */
	line-height:1.4em;
}
h3 {
	margin-top:0.8em;
	margin-bottom:0.8em;
	margin-left:40px;
	margin-right:40px;
	font-size:18px; /* 18px/16px = 1.125em */
	line-height:1.4em;
}
h4 {
	margin-top:1.25em;
	margin-bottom:1.25em;
	margin-left:40px;
	margin-right:40px;
	font-size:17px; /* 17px/16px = 1.0625em */
	line-height:1.4em;
}
h5 {
	margin-left:40px;
	margin-right:40px;
	font-size:16px; /* 16px/16px = 1.0em */
	line-height:1.4em;
}
h6 {
	margin-left:40px;
	margin-right:40px;
	font-size:14px; /* 14px/16px = .875em */
	font-weight:700;
}
a {
  background-color:transparent;
  color:#0000ee;
  text-decoration:none; }

a:visited {
 color:#000fff; /* #000080; #6D0D6D; #481248; */ }
 
a:hover {
  background-color:#ffffaa;
  font-weight:normal;
  text-decoration:none; }
  
a:active { color:#ff0000; }
  
a img { border:0 none; }

.total {
	background-color:transparent;
	margin:0 auto;
	width:95%;
	max-width:860px;
	margin-top:3px;
	margin-bottom:3px;
}
.topline {
	background-color:transparent;
	margin:0 auto;	
	width:100%;
}
.title {	
	background-color:#ffffff;
	background-image:url("shared/bg_c2.jpg");
	margin:0 auto;
	width:94%;
	max-width:800px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.internal-page {/* white page */
	background:#ffffff;
	margin:0 auto;
	width:94%;
	max-width:800px;
	padding-left:0;
	padding-right:0;
	padding-top:1px;
	padding-bottom:10px;
	border-left:0 solid #f0f0f0;
	border-right:1px solid #dddddd;	
	border-bottom:1px solid #dddddd;
}
.p-control-in2 {/* within margin control and some tables */
	font-size:15px !important;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:1.6em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, "Helvetica Neue", Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:40px;
	margin-right:40px;
	margin-top:10px;
	margin-bottom:10px;
}
.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;	
	font-weight:600;
	font-size:17px;	
	color:#333399; /* #333399 if the text-shadow no */
	line-height:100%;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	text-align:center;
	/* text-shadow:0 0 0 #000000; #000000 if color is light */	
	background-color:transparent; /* #ffffff */
}
.cosmo-txt {/* low under of the internal page */
	padding:10px;
	padding-left:9px;
	padding-right:9px;
	background:#ffffff;
	margin:0 auto;
	width:720px;	
	font-weight:normal;
	font-size:17px;		
	color:#333399;
	line-height:150%;
	font-family:"Times New Roman", Georgia, serif;
	text-align:justify;
}
.cosmo-txt p {
	margin:0 15px;
}
.res-image {
	max-width:100%;
	
}
.responsive-table {
	width:90%;
}
/* container-bottom = The finish of many pages with images and a message
---------------------------------------------------------------------- */
.container-bottom {
background-color:#ffffff;
width:99%;
max-width:1024px;
height:180px;
margin:0 auto;
padding-bottom:3px;
}
.bottom-common-msg {
background-color:#f5f5f5; /* #f9f9f9; */
width:99%;
max-width:1024px;
padding-top:3px;
padding-bottom:3px;
margin:0 auto;
}
.bottom-common-msg2 {
background-color:#564812; /* #5F4D2E; */
width:99%;
max-width:1024px;
margin-top:0;
padding:1px;
margin-bottom:20px;
margin:0 auto;
}
/* Three image containers if not table */
.column-left {
float:left;
background-color:transparent;
width:38%;
height:180px;
padding:0;
margin:0;
}
.column-right {
float:right;
background-color:transparent;
width:38%;
height:180px;
padding:0;
margin:0;
}
.column-center {
background-color:#ffffff;
background-image:url("shared/bg_web.jpg");
width:22%;
height:180px;
padding:0;
margin:0;  
}
/* Clear floats after image containers */
.container-bottom::after {
content: "";
clear:both;
display:table;
}
/* The end of the container-bottom and main style */
/* =Media Queries
------------------------------------------------- */
@media all and (min-width: 1600px) { 
	body {
	width:95% !important;
}
	.total {
	width:95% !important;
	max-width:1280px !important; 
}
	.topline {
	width:90% !important;
	max-width:1280px !important; 
}
	.title {
	width:90% !important;
	max-width:1280px !important; 
}
	.internal-page {
	width:90% !important;
	max-width:1280px !important; 
}
	.responsive-table {
	width:85%;
}
	h3, h4, h5, h6 {
	text-indent:40px !important;
	
}
	h1 {
	font-size:26px !important;
}
	#pseudo-h1-next { /* if the h1 is long */
	font-size:23px;
}
	h2 {
	font-size:22px !important;
}
	h3 {
	font-size:21px !important;
}
	h4 {
	font-size:19px !important;
}
	h5 {
	font-size:18px !important;
}
	h6 {
	margin-left:60px;
	margin-right:60px;
	font-size:17px !important; 
}
}
@media all and (min-width: 1300px) { 
	h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#123456;
	font-family:"Trebuchet MS", Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	text-indent:20px;
}
	h1 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:40px;
	margin-right:40px;
	font-size:24px; /* 24px/16px = 1.5em */
	line-height:1.25em;
	text-indent:0 !important;
}
	#pseudo-h1-next { /* if the h1 is long */
	font-weight:400;
	font-size:22px;	
	color:#000000;
	line-height:1.0em;	
	font-family:"Times New Roman", Cambria, Georgia, serif;
	text-indent:0;
	text-align:center;
	letter-spacing:0;
	margin-top:0; margin-bottom:0;
}
	h2 {
	
	margin-left:40px;
	margin-right:40px;
	font-size:21px; /* 21px/16px = 1.3125em */
	line-height:1.4em;
}
	h3 {
	
	margin-left:40px;
	margin-right:40px;
	font-size:20px; /* 20px/16px = 1.25em */
	line-height:1.4em;
}
	h4 {
	margin-bottom:1.25em;
	margin-left:40px;
	margin-right:40px;
	font-size:18px; /* 18px/16px = 1.125em */
	line-height:1.5em;
}
	h5 {
	margin-left:40px;
	margin-right:40px;
	font-size:17px; /* 17px/16px = 1.0625em */
	line-height:1.4em;
}
	h6 {
	margin-left:40px;
	margin-right:40px;
	font-size:16px; /* 16px/16px = 1.0em */
	font-weight:700;
}
	#background { /* Specific to this particular image */
    margin-left: 0;  /* 0% */
    margin-top: 0;
    width: 100%;
}
	body {
	width: 80%;
	margin: 0 auto;
}
	.total {
	background-color:transparent;
	margin:0 auto;
	width:100%;
	max-width:1024px; /* next upper breakpoint at 1280px */
	margin-top:3px;
	margin-bottom:3px;
}
	.topline {
	background-color:transparent;
	margin:0 auto;	
	width:100%;
	max-width:1024px; /* next upper breakpoint at 1280px */
}
	.title {
	background-color:#ffffff;
	background-image:url("shared/bg_c2.jpg");
	margin:0 auto;
	width:95%;
	max-width:1024px; /* next upper breakpoint at 1280px */
}
	.internal-page {/* white page */
	background-color:#ffffff;
	margin:0 auto;
	width:95%;
	max-width:1024px; /* next upper breakpoint at 1280px */
}
	.p-control-in2 {/* within margin control and some tables */
	font-size:17px !important;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:1.75em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:60px;
	margin-right:60px;
	margin-top:10px;
	margin-bottom:10px;
}
	.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;
	font-weight:400;
	font-size:18px;	
	color:#ffffcc; /* #333399 if the text-shadow no */
	line-height:100%;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	text-align:center;
	text-shadow:1px 0 2px #000000; /* if color is light */	
	background-color:transparent; /* #ffffff */
}	
	.cosmo-txt {/* low to the page */
	padding:10px;
	padding-left:16px;
	padding-right:16px;
	background:#ffffff;
	margin:0 auto;
	width:720px;	
	font-weight:normal;
	font-size:18px; 
	color:#333399;
	line-height:150%;	
	text-align:justify;	
}
	.responsive-table {
	width:85%;
}
}
@media all and (max-width: 768px) {
h2, h3, h4, h5, h6 {	
	font-weight:normal;
	color:#123456;
	font-family:"Trebuchet MS", Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	text-indent:5px;
	}	
h1 {
	margin-top:0.5em;
	margin-bottom:0.5em;	
	font-size:20px; /* 20px/16px = 1.25em */
	line-height:1.4em;
	font-family:"Times New Roman", Cambria, serif;
	text-indent:0 !important;
	text-align:center !important;
	}
#pseudo-h1-next { /* if the h1 is long */
	font-weight:400;	
	font-size:18px;
	color:#242424;
	line-height:0.8em;
	font-family:"Times New Roman", Cambria, Georgia, serif;
	text-indent:0;
	text-align:center;
	letter-spacing:0;
	margin:0; padding:0;
	}
h2 {
	margin-top:0.5em;
	margin-bottom:0.75em;
	margin-left:20px; 
	margin-right:20px;
	font-size:18px; /* 18px/16px = 1.125em */
	line-height:1.4em;
	}
h3 {	
	margin-bottom:1em;
	margin-left:20px; 
	margin-right:20px;
	font-size:17px; /* 17px/16px = 1.0625em */
	line-height:1.3em;
	}
h4 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:20px; 
	margin-right:20px;
	font-size:16px; /* 16px/16px = 1em */
	}
h5 {
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:20px; 
	margin-right:20px;
	font-size:16px; /* 16px/16px = 1em */
	}
#header {display:none;} /* Shrink the big part of the header */
.total {
	background-color:transparent;
	margin:0 auto;
	width:100%;
}
.topline {	
	background-color:transparent;
	margin:0 auto;	
	width:100%;
}
.title {	
	background-color:#ffffff;
	background-image:url("shared/bg_c2.jpg");
	margin:0 auto;
	width:98%;
	max-width:800px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.internal-page {/* white page */
	background:#ffffff;
	margin:0 auto;
	width:98%;
	max-width:800px;
	padding-left:0;
	padding-right:0;
	padding-top:1px;
	padding-bottom:10px;
	border-right:1px solid #dddddd;	
	border-bottom:1px solid #dddddd;
}
.p-control-in2 {/* within margin control and some tables */
	font-size:14px !important;
	color:#243648; /* or #111111; #001224; #122436; #122448; #163248; #161632; */
	line-height:1.6em;
	font-family:Arial, Tahoma, Ubuntu, Roboto, Calibri, sans-serif;
	text-align:justify;
	text-indent:10px;
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}
.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;	
	font-weight:600;
	font-size:15px;	
	color:#ffffcc; /* #333399 if the text-shadow no */
	line-height:100%;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	text-align:center;
	text-shadow:1px 0 2px #000000; /* if color is light */	
	background-color:transparent; /* #ffffff */
}
.cosmo-txt  {
	padding:10px;
	background:#ffffff;
	margin:0 auto;
	width:90%;
	padding-left:2%;
	padding-right:2%;
	font-weight:normal;
	font-size:16px; /* 16px/16px = 1em */
	color:#000066;
	line-height:140%;	
	text-align:justify;	 
}
.responsive-table {
	width:99%;
}
.no-display-if { display:none; }
/* =The finish of many pages with images and a message
---------------------------------------------------- */
.container-bottom {
background-color:#ffffff;
width:99%;
max-width:768px;
height:180px;
margin:0 auto;
padding-bottom:3px;
}
.bottom-common-msg {
background-color:#f5f5f5; /* #f9f9f9; */
width:99%;
max-width:768px;
padding-top:3px;
padding-bottom:3px;
margin:0 auto;
}
.bottom-common-msg p {
text-indent:0;
text-align:justify;
margin-left:15px;
margin-right:40px;
margin-top:0;
margin-bottom:0;
font-weight:400;
font-size:15px;
color:#000080;
line-height:1.5em;
font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
}
.bottom-common-msg2 {
background-color:#564812; /* #5F4D2E; */
width:99%;
max-width:768px;
margin-top:0;
padding:1px;
margin-bottom:20px;
margin:0 auto;
}
.bottom-common-msg2 p {
text-indent:10px;
text-align:left;
margin-left:10px;
margin-right:0;
margin-top:1px;
margin-bottom:1px;
font-weight:700;
font-size:14px;
color:#ffe94f;
line-height:1.25em;
font-family:Arial, Tahoma, Ubuntu, Roboto, sans-serif;
}
/* Three image containers if not table */
.column-left {
float:left;
background-color:transparent;
width:38%;
height:180px;
padding:0;
margin:0;
}
.column-right {
float:right;
background-color:transparent;
width:38%;
height:180px;
padding:0;
margin:0;
}
.column-center {
background-color:#ffffff;
background-image:url("shared/bg_web.jpg");
width:22%;
height:180px;
padding:0;
margin:0;  
}
/* Clear floats after image containers */
.container-bottom::after {
content: "";
clear:both;
display:table;
} /* The end of the container-bottom */
} /* The end of the 768px breakpoint */
@media screen and (max-width: 480px) {
h2, h3, h4, h5, h6 {	
	font-weight:normal;
	color:#000000;
	font-family:"Trebuchet MS", Tahoma, Ubuntu, Roboto, "Microsoft Sans Serif", sans-serif;
	text-indent:5px; }
h1 {
	margin-top:1.0em;
	margin-bottom:1.0em;
	margin-left:5px;
	margin-right:5px;	
	font-size:18px !important;
	line-height:1.4em;
	font-family:"Times New Roman", Cambria, serif;
	text-indent:0 !important;
	text-align:center !important; }
#pseudo-h1-next { /* if the h1 is long */
	font-weight:400;	
	font-size:15px;
	color:#242424;
	line-height:0.9em;
	font-family:"Times New Roman", Cambria, serif;
	text-indent:0;
	text-align:center;
	letter-spacing:0;
	margin:0; padding:0; }
h2 {
	margin-top:1.0em;
	margin-bottom:1.0em;
	margin-left:5px;
	margin-right:5px;
	font-size:16px;
	line-height:1.4em; }
h3 {
	margin-top:1em;
	margin-bottom:1em;
	margin-left:5px;
	margin-right:5px;
	font-size:16px;
	line-height:1.3em; }
h4 {
	margin-left:5px;
	margin-right:5px;
	font-size:16px; }
h5 {
	margin-left:5px;
	margin-right:5px;
	font-size:15px; }
	
#background { display:none; } 

body {
	width:99%;
	margin:0 auto;
	background-image:url("shared/bg_page-bw.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	background-color:#aabbcc; }
.total {
	background-color:transparent;
	margin:0 auto;
	width:100%;
	margin-top:3px;
	margin-bottom:3px; }
.topline { 
	display:none;
	/* background-color:transparent;
	margin:0 auto;	
	width:100%; */ }
marquee { display:none; } /* generally in the topline */
.title {	
	background-color:#ffffff;
	margin:0 auto;
	width:99%;
	border:0; }
.internal-page {/* white page */
	background-color:#ffffff;
	margin:0 auto;
	width:99%;
	border:0; }	
.p-control-in2 {
	font-size:13px !important;
	color:#111111; 
	line-height:1.5em;
	font-family:Arial, Tahoma, Ubuntu, Calibri, sans-serif;
	text-align:justify;
	text-indent:3px;
	margin-left:5px;
	margin-right:5px;
	margin-top:6px;
	margin-bottom:6px; }
.back-next {/* downwards */
	margin:0 auto;
	width:100%;
	padding:0;	
	font-weight:700;
	font-size:14px !important;
	color:#aaafff;
	line-height:100%;
	font-family:Arial, Tahoma, Ubuntu, sans-serif;
	text-align:center;
	text-shadow:1px 0 0 #000000; /* #000000 if color is light */	
	background-color:#ffffff; }
.cosmo-txt {
	padding:2px;
	background:#ffffff;
	margin:0 auto;	
	width:98% !important;
	padding-left:0;
	padding-right:0;
	font-weight:normal;
	font-size:14px !important;
	color:#000066;
	line-height:150%;
	font-family:"Times New Roman", Libertine, serif;	
	text-align:justify; }
.cosmo-txt p {
	margin-left:10px;
	margin-right:10px;
	font-size:14px !important; }
.responsive-table {
	width:99%;
	/* display:none; */}
.no-td, .td-margin { display:none; }
.no-tr { display:none; }
.container-bottom {
	display:none;
}
.bottom-common-msg {
	display:none;
}
.bottom-common-msg2 {
	display:none;
}
.res-image {
	width:75%;
	height:auto;
}
img { border:0; max-width:50px; width:100%; height:auto; }
table { border-collapse:initial; }
blockquote { margin: 0; padding: 0; }
} /* The end of the 480px breakpoint */