/*
Theme : TRANSALP (init)
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #003366;
	/* background-color: #eee; */
	background-color: #000032;
	margin-bottom: 0px;
}

/*text links and image links*/

a, a:link {
	text-decoration: none;
        font-weight: normal;
	color: #036;
	background-color: inherit;
}

a:visited { 
        color: #036; 
	background-color: inherit;
}

a:hover {
	text-decoration: none;
	color: #000032;
	background-color: inherit;
	text-decoration: underline;
}

a:active { 
        color: #002e66; 
	background-color: inherit;
        text-decoration: none;
}


a img, img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

img a {

	color: #e1e1e1;
	border: 1px solid #336699;
	background-color: #ffffff;
}
img a:hover {

	color: #e1e1e1;
	border: 1px solid #002e66;
	background-color: #ffffff;
}

/*H1 H2 H3 H4 H5*/
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #666666;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 5px;
	}
h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #002e66;
	background-color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #002e66;
	background-color: inherit;
	margin-top: 3px;
	margin-bottom: 3px;
	}
h4, h5 {
	background-color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	}

/* common elements ------------------------------------------------------------------------- */

div, p, img, td, ul, ol {
    font-size: 12px;
}

b {
	color: #002e66;
	background-color: #ffffff;
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
    background: transparent;
}

p {
	margin: 1em 0 1em;
	padding: 0;
	}


ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}


.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

blockquote{
	font-size:12px;
	border:1px solid #2163a0;
	margin:20px 10px;
	padding:8px;
        color: #036;
	background-color: #b0cbde;
}

/*---others---*/

fieldset {
    border: none;
}

legend {
	display: none;
}

p img {
	padding: 0;
	max-width: 100%;
}

/*LAYOUT ------------------------------------------------------------------------- */ 
#pageinit { 
	text-align: center;
        width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	color: #003366;
	background-color: #000032;
}

/* Header */


/*scriptaculous.us fx divs*/

#closer {
	text-align: left;
	background-image: url(imgs/bgcloser.jpg);
	height: 28px;
}
#closebutton {
	border: 1px solid #999999;
	padding-right: 4px;
	padding-left: 4px;
        color: #036;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-image: url(imgs/button_dn.gif);
}

#contentinit {
	position: relative;
        top: 20px; 
        left: 0px;
        padding-top: 5%;
	padding-left: 15%;
	color: #000000;
	background-color: #000032;
 }

#contentdiv {
	margin-right: 40px;
	margin-left: 20px;
}

#content li {
	list-style-image: url(imgs/t1-arrow.gif);
	list-style-type: none;
	list-style-position: inside;
	margin-right: 2px;
}
#content ul {
	padding-left: 1em;
	margin-bottom: 3px;
	list-style-image: url(imgs/dot.gif);
	list-style-type: none;
}

#content h1 {
	color: #336699;
        background-color: inherit; 
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
        padding-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #336699;
}


#content h3 a:link{
	color: #336699;
        background-color: inherit; 
	background-repeat: no-repeat;
	background-image: url(imgs/headerarrow.gif);
	background-position: left top;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content h3 a:visited{
	color: #666666;
        background-color: inherit; 
	background-repeat: no-repeat;
	background-image: url(imgs/headerarrow.gif);
	background-position: left top;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
}
#content h3 a:hover{
	color: #000000;
	background-repeat: no-repeat;
	background-image: url(imgs/headerarrowover.gif);
	background-position: left top;
	padding-left: 10px;
	background-color: #dbebf7;
}

#content h4 {
	border: 1px outset #e4e4e4;
	color: #000;
        background-color: inherit; 
	text-decoration: none;
	font-size: 14px;
	margin-left: 10px;
	padding-left: 5px;
	margin-right: 10px;
}
#contenttext {
	padding-right: 10px;
	padding-left: 10px;
	color: #999999;
        background-color: inherit; 
	width: 560px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #4f57af;

}
#pagetrail {
	color: #336699;
        background-color: #c9d4e9; 
	font-size: 12px;
	text-align: left;
	margin-bottom: 2px;
        padding-bottom: 2px;
        padding-left: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #336699;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #336699;
}


/* MENU -----------  */

div#pmtinit {
  position:absolute; 
  top:0px;
  left: 0px; 
  padding: 0px;
  margin: 0px; 
  z-index:100; 
  width: 100%;
  background-image: url(imgs/newbutton_bg.png);
  background-repeat: repeat-x;
}



div.pmtmenu {
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  list-style: none;
}

/* Main UL */

div.pmtmenu ul { 
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  list-style: none;
  z-index:99; 
  position: relative;
  overflow:visible;  
}


div.pmtmenu  ul li { 
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  position: relative;
  float:left;
  display:block;
  width: 140px;
  height: 20px;  
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #036;
  background-color: inherit;
  background-image: url(imgs/newbutton.png);
}
 
div.pmtmenu ul a {
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  display: block;
  width: 140px;
  height: 20px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  color: #036;
  background-color: inherit;
  background-image: url(imgs/newbutton.png);
}

div.pmtmenu ul a:hover{
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  display: block;
  width: 140px;
  height: 20px;  
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
  color: #800;
  background-color: inherit;
  background-image: url(imgs/newbutton_hover.png);
}

/* Sub UL */



div.pmtmenu ul ul { 
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  list-style: none;
  z-index:99; 
  position: relative;
  overflow:visible;
}

div.pmtmenu  ul ul li { 
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  position: relative;
  float:left;
  display:block;
  width: 138px;
  height: 18px;  
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  color: #003366;
  background-color: #c9d4e9;
  border: 1px outset #7f9acc;
  background-image: none;
}
 
div.pmtmenu ul ul a {
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;  
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  color: #003366;
  background-color: #c9d4e9;
  background-image: none;
}

div.pmtmenu ul ul a:hover{
  margin:0;   
  padding: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%; 
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  background-color: #7f9acc;
  background-image: none;
}




/* Sub sub UL */



div.pmtmenu  ul ul ul {
  display:none; 
  padding: 0;
  margin: 0; 
  top: 0;
  left: 139px; 
  width: 250px;
  list-style: none;
  z-index:99;
  position: absolute;
  overflow: visible;  
  border: none;
}


div.pmtmenu ul ul ul li { 
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  display:block;
  position: relative;
  float:left;
  width: 250px;
  height: 20px;  
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 12px;
  color: #444;
  background-color : #ccc;
  border: 1px outset #ccb;
  background-image: none;
}


div.pmtmenu  ul ul ul a {
  padding: 0;  
  margin:0; 
  top: 0;
  left: 0;
  display: block;
  width: 249px;
  height: 19px;  
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
  color: #444;
  background-color : #ccc;
  background-image: none;
}

div.pmtmenu ul ul ul a:hover{
  padding: 0;  
  margin:0; 
  top: 0;
  left: 0;
  display: block;
  width: 249px;
  height: 19px;  
  color: #fff;
  background-color: #7f9acc;
  background-image: none;
}

div.pmtmenu ul ul,
div.pmtmenu ul ul ul {
    border: none;
    display:none;   
}

div.pmtmenu ul li:hover ul {
  display:block;
}

div.pmtmenu ul li:hover ul {
  display:block;
}

div.pmtmenu ul li:hover ul li ul {
  display:none;
}

div.pmtmenu  ul li ul li:hover ul {
  display:block;
}


li>ul { 
  top: auto;
  left: auto;
}


div.pmtspacing {
  height: 15px;
}


/* PREVIOUS CSS */
td {
  text-align: left;
  color: #003366;
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: normal; 
  font-size: 12px;
  background-color: inherit;
 }

p { 
  margin: 6px;
  color: #003366;
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: normal; 
  font-size: 12px;
  background-color: inherit;
 }

table.topframe {
  width: 100%;
  height: auto; 
  margin: 0px;
  padding: 0px;
}
table.frame {
  width: 95%;
  padding: 0px;
  margin: 0px;
  text-align: center;
}
table.full {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
table.titlechapter {
  width: 100%;
  height: 25px;
  margin: 0px;
  padding: 0px;
  color: #003366;
  background-color: inherit;
  /* background-color: #b9d7f4; */
  background-image: url(imgs/titlechapter.png);
  border:1px outset #336699;
}
table.chapter {
  width: 98%;
  height: auto;
  margin: 4px;
  padding: 2px 8px 4px 8px;
  color: #003366;
  background-color: #c9d4e9;
  border: 1px solid #336699;
}
table.border {
  color: #003366;
/*  background-color: #c9d4e9; */
  background-color: #fff;
  width: 98%;
  height: 154px;
  margin: 4px;
  padding: 1px;
  border-spacing: 1px;
  border:1px solid #336699;
}
table.black {
  color: #003366;
  background-color: #336699;
  width: 100%;
  height: auto;
  padding: 1px;
  border-spacing: 1px;
  border: 1px outset #3366a0;
}
table.hindex {
  width: 100%;
  text-align: right;
  border: none; 
}
table.hindex td {
  width: 100%;
  text-align: right;
  padding-left: 20px;
  padding-top: 2px;
  border: none; 
}
div.hindex {
  text-align: center;
}
table.blacklistbig {
  color: #003366;
  background-color: #336699;
  width: 100%;
  padding: 1px;
  border-spacing: 1px;
  border:2px outset #336698;
}
table.fullwos {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: none;
}

table.flags {
  width: 100%; 
  border-spacing: 0px;
  padding: 0px;
}
table.smallborder {
  color: #003366;
  background-color: #b9d7f4;  
  width: 100%;
  padding: 2px;
  border-spacing: 2px;
  border:2px outset #b9d7f3;
}
td.titlechapter { 
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: bold;
  font-size: 12px;
  color: #003366;
  background-color: inherit;
  text-align: center;
  vertical-align: top;
}
td.para { 
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: bold;
  font-size: 12px;
  color: #003366;
  background-color: inherit;
  text-align: center;
}
td.textfix{ 
  height: 120px;
  color: #003366;
  background-color: inherit;
  vertical-align: top;
  text-align: justify;
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: normal; 
  font-size: 12px;
  border: 0; 
}
td.image {   
  vertical-align: top;
  text-align: center;
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: normal; 
  font-size: 12px;
  border: 0; 
}
td.white { 
  height: 25px; 
  text-align: center;
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-size: 12px;
  color: #003366;
  background-color: #cccccc;  
}
td.whitealt { 
  height: 25px; 
  text-align: center;
  font-family : Arial, Verdana, sans-serif, Helvetica; 
   font-size: 12px;
 color: #003366;
  background-color: #ffffff;  
}
td.bblack { 
  height: 25px;
  text-align: center;
  font-size: 12px;
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  color: #003366;
  background-color: #79ade1;
}
td.bblackalt { 
  height: 25px;
  text-align: center;
  font-family : Arial, Verdana, sans-serif, Helvetica; 
   font-size: 12px;
 color: #003366;
  background-color: #b9d7f4;
}
img.outset2 { 
  border: 2px outset #aaaaaa;  
}
span.red { 
  font-weight: bold; 
  color: #bd0000;
  background-color: inherit;
}
a.hindex, a.hindex:link, a.hindex:active, a.hindex:visited { 
  display:block;
  width: 200px;
  height: 20px;  
  text-align: center;
  color: #003366; 
  background-color: inherit;
  background-image: url(imgs/round_button.png);
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: bold; 
  font-size: 12px;
  text-decoration: none; 
  clear:both;
  border:none;
}
a.hindex:hover { 
  display:block;
  width: 200px;
  height: 20px;  
  text-align: center;
  color: #fff; 
  background-color: inherit;
  background-image: url(imgs/round_button_hover.png);
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: bold; 
  font-size: 12px;
 text-decoration: none; 
  clear:both;
  border: none;
}
a.shindex, a.shindex:link, a.shindex:active, a.shindex:visited { 
  display:block;
  width: 100px;
  height: 20px;  
  text-align: center;
  color: #003366; 
  background-color: inherit;
  background-image: url(imgs/round_button_small.png);
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: bold; 
  font-size: 12px;
  text-decoration: none; 
  clear:both;
  border:none;
}
a.shindex:hover { 
  display:block;
  width: 100px;
  height: 20px;  
  text-align: center;
  color: #fff; 
  background-color: inherit;
  background-image: url(imgs/round_button_small_hover.png);
  font-family : Arial, Verdana, sans-serif, Helvetica; 
  font-weight: bold; 
  font-size: 12px;
 text-decoration: none; 
  clear:both;
  border: none;
}