c cx{
	margin: 0px;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Verdana, Univers;
	background-image: url(images/pattern.jpg);
	background-repeat: repeat;
}

    </script>
	<style type="text/css"></style>
	<style type="text/css">
	h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
}
    h1 {
	font-size: 16pt;
	color: #000;
	font-weight: bold;
}
    h2 {
	font-size: 13pt;
	color: #000;
	font-weight: bold;
}
    h3 {
	font-size: 13pt;
	color: #000;
	font-weight: bold;
}
    h4 {
	font-size: 10pt;
	color: #000;
	font-weight: bold;
	text-align: center;
}
    h5 {
	font-size: 12pt;
	color: #000;
	font-weight: normal;
}
    h6 {
	font-size: 10pt;
	color: #000;
}
a          {
	color: #FFF;
}
a:visited  {
	color: #FFF;
}
a:hover    {
	color: #8e0205;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

/* BANNER AREA */
.bannerArea {
	width: 1000px;
	border-top-color: #EEE;
	border-right-color: #EEE;
	border-bottom-color: #EEE;
	border-left-color: #EEE;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}

.bannerNav {
	width: 800px;
	margin: 0px 0px 30px 15px;
	margin-bottom: 10px; /* for IE */
	color: #8e0205;
	font-size: 14px;
	font-weight: bold;
}

.bannerNav ul{
	margin: 0px;
}

.bannerNav li{
	list-style: none;
	float:left;
	margin: 0px 20px 0px 0px;
	margin-left: 20px; /* for IE */
}

.bannerNav a{
	margin-left: 0px;
	color: #FFF;
	text-decoration: none;
}
.bannerNav a:visited{
	color: #FFF;
}

.bannerNav a:hover{
	color: #FFF;
}

.bannersubnav {
	padding-top: 20px;
	padding-right: 20px;
	float: right;
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bannersubnav a {
	color: #FFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
.bannersubnav a:visited {
	color: #FFF;
}
.bannersubnav a:hover {
	color: #8e0205;
	text-decoration: none;
	font-style: italic;
	text-align: justify;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
}

.toplogo {
	margin-left: 0px;
	padding-top: -10px;
	float: right;
	height: 10px;
	width: 500px;
}

.navigationArea {
	width: 908px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

/* CONTENT AREA */

.contentArea {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

.articles {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

/* FOOTER AREA */
.footerArea {
	width: 908px;
	height: 10px;
}

.logoAreaRight {
	width: 55%;
	float: right;
	margin-right: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.logoAreaLeft {
	width: 30%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.copyright {
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 12px;
	color: #222;
	font-size: 9px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: dotted;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
.container .navigationArea #SpryAccordion1 .AccordionPanel .AccordionPanelContent .acontent p {
	font-family: Arial, Helvetica, sans-serif;
}
.container .navigationArea #SpryAccordion1 .AccordionPanel .AccordionPanelContent .acontent p {
	color: #444;
}
.container .navigationArea #SpryAccordion1 .AccordionPanel .AccordionPanelContent .acontent p {
	color: #222
	font-size: 12pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
}
.cleftheading {
	color: #8e0205;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12pt;
}
p {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #000;
    font-size: 12pt;
    text-align: left;
}
.menu {
}
ul.BasicMenuBar a {
    outline:none;
}
.Accordion {
overflow: hidden;
outline:none;
}
.AccordionFocused {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.MenuBar {
outline: none;
}
.MenuBarFocused {
border-top-style: hidden;
border-right-style: hidden;
border-bottom-style: hidden;
border-left-style: hidden;
}
copyright {
	font-family: Arial, Helvetica, sans-serif;
}
.doi:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}
.doi:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
}
.IssueContents:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #222;
	font-style: normal;
}
a.IssueContents:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #8e0205;
	font-weight: bold;
}
.container .contentArea div blockquote div .changetopoint .bannerNav .container strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #444;
	font-weight: bold;
}
.logo {
	 display:block; width:auto; margin:0 auto;
     img class="logo"
	 src="your_logo.jpg"
	 alt="xyz logo"
}
.small print {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5pt;
	color: #777;
	font-weight: normal;
}
.ninepointfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: center;
}
.author {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #777;
}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #8e0205; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}
#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
.Imagetextcentre {
    text-align: center;
}