/* This stylesheet is used to create site structure */
/* This file should NOT be used for style changes   */
/* To overwrite default styles in this file, use:   */
/* "true-styles.css"                                */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#080808;
	background-color:#880000;
	background-image: url(../images/Catfaces150.gif);
	background-repeat:repeat;
}
ul, ol, dl {
	text-align:left;
}
dl {
	padding-left:60px;
	width:350px;
	font-size:10pt;
}
dt {
	padding-left:20px;
	font-weight:bold;
}
dd {
	padding-left:00px;
	text-align:justify;
}
img, div, table, tr, td, li {
	border:0;
	margin:0;
	padding:0;
	border-collapse: collapse;
}
.centerwidthandheight100 {
	overflow: visible;
	height:100%;
	text-align:center;
	padding:0;
}
#popupdl, #popupdl dl, #popupdl dt, #popupdl dd ol {
	padding:10px;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	width:450px;
}
#popupdl dd{
	margin-left:30px;
	margin-bottom:10px;
}

#popupdl dd ol li{
	margin:5px;
	list-style:lower-roman;
	text-align:left;
	width:400px;
}

#outerpage {
	font-size:10pt;
	color:#003333;
}
#indexpagebox, #popuppagebox {
	width:662px;
	margin-left:auto;
	margin-right:auto;
	border-width:1px;
	border-style:solid;
	border-color:#C8C8C8;
	background-color: #453e48;
	overflow:hidden;
}
#indexaddressbar, #indexlangbar {
	background-color:#f8f8f8;
}
#mainaddressbar {
	background-color:#f8f8f8;
}
#mainpagebox { /* used as an invisible outer centerd page container */
	width:900px;
	margin-left:auto;
	margin-right:auto;
	border:0;
}
#popuppagebox { /* used as an invisible outer centerd page container */
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:0;
	overflow:visible;
}
#mainpagetable, #popuppagetable {  /* used as actual page container, providing basic structure */
	width:875px;
	border-width:1px;
	border-style:solid;
	border-color:#453e48;
	background-color:#453e48;
	overflow: hidden;
}
#popuppagetable {
	width:700px;
}
#popuppageinforow {
	background-color:#F8F8F8;
	margin:auto;
	width:500px;
}
#topnavbar, #bottomnavbar {
	overflow:hidden;
	text-align:center;
}
#bottomlinks {
	padding-top:5px;
	padding-bottom:5px;
}
#sectionbanner, #topbanner {
	background:#f0f0f0;
	/* fix for Safari too much space for image - move image to right so left matches background */
	text-align:right;
}
#bottombanner {
	border-bottom:#f0f0f0 1px solid;
}
#toptitlebox {
	overflow: hidden;
}
.navbox {
	width:123px;
	overflow:hidden;
	float:left;
	border:#453e48 1px solid;
	border-left:#f0f0f0 1px solid;
	padding-bottom:3px;
	background-color: #453e48;
}
.nbright {
	border-right:0;
	margin-right:0;}
.nbleft {
	border-left:0;
	margin-left:0;
}
.borderleft0 {
	border-left:0;
}
.borderright0 {
	border-right:0;
}
.borderright {
	border-right:#f0f0f0 1px solid;
}
.navbarimages {
	margin-bottom:3px;
}
#pagecontent {
	overflow:auto;
	text-align:justify;
	background-color: #B20000;
	background-color:#fbffc9;
	background-color:#f8f8f8;
	width:600px;
}
#menubarleft {
	width:124px;
	height:100%;
	margin:0;
	border:0;
	padding:0;
	vertical-align:top;
	background-color: #B20000; /* reset below */
	border-right: #CCCCCC 1px solid;
}
.greylinefitwidth {
	float:none;
	clear:both;
	overflow:hidden;
	height:6px;
	background-repeat: repeat;
	background-image: url(../images/liner_darkgrey.gif);
}
.darkredlinefitwidth {
	float:none;
	clear:both;
	overflow:hidden;
	height:6px;
	background-repeat: repeat;
	background-image: url(../images/liner_darkred.gif);
}
#lhsmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left;
	vertical-align:top;
	margin:0;
	width:113px;
	height:100%;
	overflow:hidden;
	padding:5px;
	padding-left:5px;
	padding-right:5px;
	border:0;
	color: #f0f0f0;
	color: #0f0f0f;
}
#lhsmenu ul {
	border:0;
	padding-left:15px;
	margin:0;
	border-top:#cccccc 1px solid;
}
#lhsmenu ul li{
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:#cccccc 1px solid;
}
#lngflg {
	border:0;
	margin:10px;
}
.cntr {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.cnttxt {
	text-align:center;
}
.justify {
	text-align:justify;
}
.smallitalic {
	font-size:8pt;
	font-style:italic;
}
.padt5 {
	padding-top:5px;
}
.padb5 {
	padding-bottom:5px;
}
.textsize5 {
	font-size:5pt;
}
.fll {
	float:left;
}
.fllmr {
	float:left;
	margin:10px;
	margin-right:20px;
	margin-left:0;
	margin-top: 10px;
}
.fllmrandmoveleft {
	float:left;
	margin:10px;
	margin-right:20px;
	margin-left:-200px;
	margin-top: 10px;
}
.flr {
	float:right;
}
.flrml {
	float:right;
	margin:10px;
	margin-left:20px;
	margin-right:0;
}
.cl {
	clear:both;
}
.clear {
	float:none;
	clear:both;
	margin-right:250px;
}

/* This stylesheet is used to change the colour, text styles etc.*/

/* WARNING - DO NOT USE pure black or white for backgrounds */
/* and text unless essential - Reversal of text/background  */
/* colours ahould always be inexact to  prevent text being  */
/* completely hidden if there is an error.                  */

/* links - basic colour set below */
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color: #006600;
}
a.navlink, a.navlinktop, #links li {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	list-style:none;
	color:#0f0f0f; 
}
a.navlinktop {
	color:#f0f0f0;
}
a.navlink  {
	text-decoration:none;
}
a:hover.navlink, a:active.navlink, a:hover.navlinktop, a:active.navlinktop {
	color: #008000;
	text-decoration:underline;
}
a:hover.navlinktop, a:active.navlinktop {
	color: #00ff00;
}


/* NON-BODY COLOURS */

/* almost black text */
p, a, ol, ul, dl, li, dd, dt, h2, h3, h4 , h5 {
	color:#000033; /* slightly blue black */
}
/* AHP-red text */
h1, .ahpredtext { 				/* Only used in main content text */
	color:#B80808;
}

/* AHP-background */
#menubarleft, #mainarea, #mainaddressbar, #popupaddressbar, #errorpagearea {
	background-color:#f8f8f8;
}
#errorpagearea {
	margin-left:auto;
	margin-right:auto;
	width:640px;
	height:360px;
}
/* Basic paragraph style */
p {
	font-size:10pt;
	font-style:normal;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;

}
/* Default headings only used in main content text */
h1 { 
	font-size:16pt;
	font-style:normal;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
h2 {
	font-size:12pt;
	font-style:normal;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}
h3 {
	font-size:12pt;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}
h4 {
	font-size:10pt;
	font-style:normal;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}
h5 {
	font-size:10pt;
	font-style:italic;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}
/* Specific styles for main content*/
#variablecontent {
	float:left;
	width:725px;
	height:auto;
	padding:1em;
	padding-left:10px;
	text-align:justify;
	background-color:#f8f8f8;
}
#variablecontent h1, #variablecontent h2, #variablecontent h3, #variablecontent h4, #variablecontent h5, 
#variablecontent p, #variablecontent ul, #variablecontent ol {
	padding-right:20px;
	padding-left:20px;
	margin-right:250px;
	font-size:11pt;
}
#variablecontent h2.news {
	clear:both;
}
#variablecontent h1 {
	text-align:left;
	padding-left:20px;
	font-size:16pt;
	font-weight:bold;
}
#variablecontent h2 {
	text-align:left;
	padding-left:40px;
	font-size:13pt;
	font-weight:bold;
}
#variablecontent h3, #variablecontent h4, #variablecontent h5  {
	text-align:left;
	padding-left:60px;
	font-size:12pt;
	font-weight:bold;
}
#variablecontent h4 {
	padding-left:80px;
	font-style:italic;
	font-weight:bold;
}
#variablecontent h5 {
	text-align:center;
	font-size:11pt;
	font-style:italic;
}
#variablecontent p, #variablecontent ul, #variablecontent ol {
	padding-left:60px;
	text-align:justify;
	margin-top:5px;
	margin-bottom:10px;
}
#variablecontent ul li, #variablecontent ol li {
	text-align:left;
	padding-left:0px;
	padding-right:20px;
	margin-left:30px;
	margin-top:5px;
	margin-bottom:10px;
	font-size:10pt;
	list-style-type:disc;
	list-style-position:inside;
	vertical-align: middle;
}
#variablecontent ol li {
	list-style-type: decimal;
}
#variablecontent ol#abc li {
	list-style-type:upper-alpha;
}
.contentimage {
	float:right;
	clear:both;
	border:0;
	margin-left:20px;
	margin-right:-270px;
	margin-bottom:5px;
}

h1#news { /* Used for news page heading */
	font-size:20pt ;
	margin-top:20px;
	padding-top:5px;
}
h1#news img{
		margin-top:4px;
}
/* Staff image table needs to be set after variablecontent */
#staffimages, #staffimages2 {
	width:600px;
	margin-left:60px;
	margin-right:auto;
	background-color:#f8f8f8;
	border-style:solid;
	border-width:1px;
	border-color:#990000;
	border-collapse:collapse;
}
#staffimages caption, #staffimages2 caption {
	font-size:16pt;
	color:#B20000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:1em;
	padding-bottom:0.5em;
}
#staffimages th, #staffimages2 th {
	text-align:center;
	font-weight:bold;
	font-size:larger;
	padding:10px;
}
#staffimages td, #staffimages2 td  {
	border-style:solid;
	border-width:1px;
	border-color:#990000;
	text-align:left;
	width:50%;
	font-size:9pt;
	color:#000000;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	margin-bottom:5px;
}
#staffimages p, #staffimages2 p  {
	text-align:left;
	font-size:9pt;
	color:#000000;
	margin:0;
	padding:0;
	margin-bottom:5px;
}
#staffimages td img, #staffimages2 td img {
	padding:0;
	padding-right:5px;
	padding-bottom:40px;
	margin-right:5px;
}
#staffimages2 td img {
	padding-bottom:0;
}
/* lists */

/* */
#popupcontent {
	float:left;
	width:640px;
	height:100%;
	padding:1em;
	padding-left:30px;
	padding-right:30px;
	text-align:justify;
	background-color:#f8f8f8;
}
#popupcontent h1, #popupcontent h2, #popupcontent h3, #popupcontent h4, #popupcontent h5,
#popupcontent p, #popupcontent ul, #popupcontent ol, #popupcontent dl  {
	padding-right:20px;
	margin-left:100px;
	font-size:11pt;
}
#popupcontent h1 {
	text-align:left;
	padding-left:20px;
	font-size:16pt;
	font-weight:bold;
	margin-left:0;
	clear:both;
}
#popupcontent h2 {
	text-align:left;
	padding-left:30px;
	font-size:13pt;
	font-weight:bold;
	clear:both;
}
#popupcontent h3, #popupcontent h4, #popupcontent h5  {
	text-align:left;
	padding-left:40px;
	font-size:12pt;
	font-weight:bold;
	clear:both;
}
#popupcontent h4 {
	padding-left:50px;
	font-style:italic;
	font-weight:normal;
	clear:none;
}
#popupcontent h5 {
	text-align:center;
	font-size:11pt;
	font-style:italic;
}
#popupcontent p, #popupcontent ul, #popupcontent ol {
	padding-left:60px;
	text-align:justify;
	margin-top:5px;
	margin-bottom:10px;
}
#popupcontent p img {
	clear:both;
	float:left;
	margin:10px;
	margin-left:-150px;
}

#popupcontent ul li, #popupcontent ol li {
	text-align:left;
	padding-left:10px;
	margin-left:20px;
	list-style: inside;
}
#popupcontent ul li ul {
	padding-left:20px;
	margin-left:40px;
}
#popupcontent ul li ul li {
	padding-left:10px;
	margin-left:50px;
	list-style:square;
	font-size:small;
}
#popupcontent dl {
	width:450px;
}
#popupcontent dl dt {
	padding-left:10px;
	margin-left:20px;
	font-weight: bold;
	font-size:11pt;
}
#popupcontent dl dd {
	padding-left:30px;
	font-weight:normal;
	font-size:11pt;
}
.smalltext, #popupcontent p.smalltext {
	font-size:8pt;
}
#newsnav {
	margin-right:250px; /* this matches variablecontent text  */
	margin-left:-50px; /* set to use wider area  */
}
#newsnav p, #newsnav a {
	text-align:center;
	font-size:8pt;
	margin:0;
}
.larger {
	font-size:larger;
}
.greyindexbackground {
	color:#f8f8f8;
}
.smallinfo {
	font-size: 8pt;
}
.debuginfo {
	color: #F00;
	font-size:9pt;
}
.debuginfblue {
	color: #00F;
	font-size:9pt;
	
}
.green {
	color: #090;
}
.red {
	color:#F00;
}
.noclear {
	float:none;
	clear:none;
}
.english {
	color: #069;
}
.italian {
	color: #093;
}
.croatian {
	color: #F69;
}
.introtbl{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:600px;
}
.intropgtd {
	text-align:center;
	width:125px;
}
#popuplisttable {
	border: solid thin #600;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	float:none;
	clear:both;
}
#popuplisttable th, #popuplisttable td {
	border: solid thin #600;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
}
#popuplisttable th {
	background-color: #afa;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
}
#popuplisttable td {
	width:150px;
	background-color: #dfd;
	text-align:center;
	font-size:8pt;
	height: 40px;
 }
 
 #popuplisttable a {
	text-decoration:none;
 }
#popuplisttable td.notyet { 
	background-color: #fdd;
}
.whitetext {
	color:white;
}