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

body {
	font-family: Arial , Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #003366;
	/* background-color: #eee; */
	background-image: url(/assets/images/motif.png);
	margin-bottom: 0px;
}

#init body { 
	color: #003366;
	background-color: #000032;
 }

/*text links and image links*/

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

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

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

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


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-size: 22px;
	font-weight: bold;
	color: #666666;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 5px;
	}
h2 {
	font-size: 18px;
	font-weight: normal;
	color: #002e66;
	background-color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #002e66;
	background-color: inherit;
	margin-top: 3px;
	margin-bottom: 3px;
	}
h4, h5 {
	background-color: #ffffff;
	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;
	}


.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%;
}

* input { background-color: #fff; border: solid 1px #369; }
* textarea { background-color: #fff; border: solid 1px #369; }

/*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;
}

#page {
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	width: 780px;
        color: #036;
	background-color: #fff;
        border: solid 1px #036;
}
/* Header */

#header {
	position: relative;
        top:0px; 
        left: 0px;
	padding: 0px;
	margin: 0px;
	width: 780px;
	height: 60px;
	color: #fff;
	background-color: #456db5;
	background-image: url(imgs/topimage1.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#header h1 {
	position: relative;
        top: 0px; 
        left: 180px;
	margin: 0px;
	padding: 0px;
        width: 300px; 
	color: #fff;
/*	text-shadow: #000032 2px 2px 2px; */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	height: 50px;
	text-align: left;
	background-color: #000; 
}


#header #search {
	position: relative;
        top: 20px; 
        float: right;
}

#sitename { 
	position: absolute;
        top: 0px; 
        left: 0px;
        padding-left: 180px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	font-size: 36px; 
}

#sitename a {
        color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#sitename a:hover { 
        color: #b9d7f3;
	text-decoration: none;
 }

/*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);
}

/*SEARCH DIV*/


#searchbox {
	width: 350px;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #999999;
	background-color: #ffffff;
	float: left;
	margin: 0px;
	padding: 2px;
}

#searchcontainer {
	width: 100%;
	height: 25px;
	background-image: url(imgs/bgcloser.jpg);
	margin: 0px;
	padding: 0px;
}

/*content DIV style*/

#content {
	text-align: left;
	line-height: 1.5em;
	color: #003366;
	padding-top: 0px;
	padding-bottom: 0px;
	clip: rect(auto,auto,auto,auto);
	padding-right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-color: #336699;
	background-color: #ffffff;
	width: auto;
	margin-left: 192px;
	margin-top: 2px;
}

#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/li.gif)
	/* list-style-type: none; */
	/* list-style-position: inside; */
	/* margin-right: 2px; */
}
#content ul {
	padding-left: 20px;
	margin-bottom: 0px;
	/* list-style-image: url(imgs/dot.gif); */
	/* list-style-type: none; */
}

#content h1 {
	color: #336699;
        background-color: inherit; 
	font-size: 24px;
	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;
	text-decoration: none;
        background-color: inherit; 
	background-repeat: no-repeat;
	background-image: url(imgs/headerarrow.gif);
	background-position: left top;
	padding-left: 10px;
	font-size: 18px; 
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content h3 a:visited{
	color: #666666;
	text-decoration: none;
        background-color: inherit; 
	background-repeat: no-repeat;
	background-image: url(imgs/headerarrow.gif);
	background-position: left top;
	padding-left: 10px;
	font-size: 18px; 
	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: #369;
        background-color:  #c9d4e9; 
	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;
}

/* Ditto */
div.ditto_summaryPost {
	color: #336699;
        background-color: #c9d4e9;
        margin: 10px;
        padding: 10px;
	border: solid 1px #336699;
}


/* comment chunk MyComments */
#MC_header { 
	margin-top: 10px;
	color: #002e66;
	background-color: inherit;
	text-align: center;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #4f57af;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4f57af;  
 }

div.MC_comment {
        font-size:11px;
        line-height: 17px;
        white-space:normal;
        width:100%;
        background-color:inherit;
        color: #111;
        padding:1px;
        margin-top:10px;
        margin-bottom:10px;
        border: solid 1px #036;
}

div.MC_commentTitle { 
        width:100%;
        color: #111;
        background-color:#dae8f6;
        padding:0px;
        margin-bottom:5px;
        margin-right: 4px;
        border-bottom: solid 1px #036;
 }

div.MC_commentNum { 
        float:right;
        margin-right: 5px;
        padding: 0 0 5px 5px;
        color:#999;
        background-color:inherit;
        font-size:16px;
        font-weight:bold;
 }

div.MC_commentAlt { 
        width:100%;
 }

div.MC_commentAuthor { 
        width:100%;
 }

div.MC_commentMe { 
        width:100%;
 }

/* Flex Search Form styles--------------------- */

.FSF_input {
	color: #002e66;
	width: 100px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	border: 1px solid #002e66;
	background-color: #FFFFFF;
	background-image: url(imgs/newbutton_hover.png);
	background-repeat: repeat-x;
   }

	.FSF_input:focus {
	border: 1px solid #002e66;
	color: #000000;
	background-color: #FFFFFF;
	background-repeat: repeat;
   }

.FSF_submit, .FSF_submit:focus {
	margin-left: 5px;
	height: 24px;
	width: 24px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	background-image: url(imgs/search.gif);
	background-repeat: no-repeat;
	background-color: transparent;
    }

.submit:hover, .FSF_submit:hover {
	height: 24px;
	width: 24px;
	border: 0;
	cursor: pointer;
	background-image: url(imgs/searchover.gif);
	background-repeat: no-repeat;
	background-color: transparent;
    }

/* Sidebar div
------------------------------------------------------------------------- */

#sidebar {
	font-size: 13px;
	line-height: 1.4em;
	color: #666666;
        background-color: #ffffff; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	clip: rect(auto,auto,auto,auto);
	float: left;
	padding-left: 0px;
	width: 182px;
	margin-left: 0px;
	padding-top: 1px;
	margin-right: 0px;
	border-right-style: solid;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-color: #336699;
}

#sidebar h2 {
	color: #369;
        background-color: inherit; 
	padding-right: 0;
	padding-bottom: 0;
}

#sidebar p {
	margin-left: -5px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#sidebar li {
	list-style-image: url(imgs/li.gif);
}
#sidebar ul {
	padding-left: 24px;
	padding-bottom: 10px;
}

#bigsize1 li {
	font-size: 15px;
	font-weight: bold;
	list-style-image: url(imgs/t1-button.gif);
	list-style-type: none;
/*	list-style-position: inside;  */
	margin-right: 2px;
}

#bigsize1 ul {
	padding-left: 24px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}



#bigsize2 li {
	font-size: 15px;
	font-weight: bold;
	list-style-image: url(imgs/t1-button.gif);
	list-style-type: none;
	margin-right: 2px;
}

#bigsize2 ul {
	padding-left: 24px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

#bigsize2 a {
	text-decoration: none;
}

#bigsize2 a:link {
	text-decoration: none;
}

#bigsize2 a:visited { 
	text-decoration: none;
}

#bigsize2 a:hover {
	text-decoration: underline;
}

#bigsize2 a:active { 
	text-decoration: none;
}

#bigsize1 a {
	text-decoration: none;
}

#bigsize1 a:link {
	text-decoration: none;
}

#bigsize1 a:visited { 
	text-decoration: none;
}

#bigsize1 a:hover {
	text-decoration: underline;
}

#bigsize1 a:active { 
	text-decoration: none;
}


#sidebar h3 {
	color: #369;
        background-color: inherit; 
	font-size: 16px;
	font-weight: bold;
        text-align: center;
        padding-bottom: 5px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
/*	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #336699; */
        border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #336699;
	}

#sidebar h3 a:hover {
	color: #333333;
        background-color: inherit; 
	font-weight: bold;
	font-size: 16px;
}

#sidebar h3 a:link, h3 a:visited {
	font-size: 16px;
	text-decoration: none;
	border-bottom: none;
	color: #333333;
        background-color: inherit; 
	font-weight: bold;
}

#sidebar h4 {
	color: #369;
        background-color: inherit; 
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #336699;
}

#sidebar h4 a:hover {
	color: #000000;
	font-size: 14px;
	background-color: #dbebf7;
	}

#sidebar h4 a:link  {
	color: #369;
        background-color: inherit; 
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5998bc;
}

#sidebar h4 a:visited {
	color: #369;
        background-color: inherit; 
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5998bc;
}

#sidebar img {
	vertical-align: top;
	padding: 0px;
	}

/* Footer
------------------------------------------------------------------------- */
#footer {
	margin: 0px;
	/* font-size: 100%;*/
	color: #036;
	background-color: transparent;
	background-position: left bottom;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	height: 20px;
	text-align: center;
	vertical-align: middle;
        background-image: url(imgs/newbutton_bg.png);
        background-repeat: repeat-x;
	border-top-color: #99ccff;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #336699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-style: none;
	border-left-style: none;
}

#footer a {
	border-bottom: none;
	color: #036;
        background-color: inherit;
	font-weight: bold;
}

#footer a:hover {
	border-bottom: none;
	color: #002e66;
        background-color: inherit;
	font-weight: bold;
}

input.btn{
	color: #888;
	font-size:small;
	font-weight:bold;
	background-color: #fff;
        background-image: url(imgs/sub_button.png);
}


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

div.i18nmenu {
  margin-left: 3px;
  list-style: none;
  text-align: center;
}


div.i18nmenu  ul li { 
  margin-top: 0px;
  margin-left: 6px;
  margin-right: 0px;
  margin-bottom: 6px; 
  padding: 0px;
  top: 0px;
  left: 0px;
  position: relative;
  display: block;
  width: 160px;
  height: 20px;  
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #036;
  background-color: inherit;
  background-image: url(imgs/newbutton.png);
  border:1px outset #79ade1;
}
 
div.i18nmenu ul a {
  display: block;
  width: 160px;
  height: 20px;  
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #036;
  background-color: inherit;
  background-image: url(imgs/newbutton.png);
}

div.i18nmenu ul a:hover{
  display: block;
  width: 160px;
  height: 20px;  
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #800;
  background-color: #7f9acc;
/*  background-color: inherit; */
  background-image: url(imgs/newbutton_hover.png);
}


/* 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#pmt {
  position: absolute; 
  top:60px; 
  padding-left: 0px;
  margin: 0; 
  z-index:100; 
  width: 780px;
  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-weight: normal; 
  font-size: 12px;
  background-color: inherit;
 }

p { 
  margin: 6px;
  color: #003366;
  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-weight: bold;
  font-size: 12px;
  color: #003366;
  background-color: inherit;
  text-align: center;
  vertical-align: top;
}
td.para { 
  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-weight: normal; 
  font-size: 12px;
  border: 0; 
}
td.image {   
  vertical-align: top;
  text-align: center;
  font-weight: normal; 
  font-size: 12px;
  border: 0; 
}
td.white { 
  height: 25px; 
  text-align: center;
  font-size: 12px;
  color: #003366;
  background-color: #cccccc;  
}
td.whitealt { 
  height: 25px; 
  text-align: center;
   font-size: 12px;
 color: #003366;
  background-color: #ffffff;  
}
td.bblack { 
  height: 25px;
  text-align: center;
  font-size: 12px;
  color: #003366;
  background-color: #79ade1;
}
td.bblackalt { 
  height: 25px;
  text-align: center;
   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-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-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-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-weight: bold; 
  font-size: 12px;
 text-decoration: none; 
  clear:both;
  border: none;
}