﻿

/* CSS for the box starts here */
.box
{
	padding: 0 5px 0 0;
	background: #fff url(./images/box/side.gif) 100% 0 repeat-y;
}
.bi
{
	padding: 0 0 0 5px;
	background: #fff url(./images/box/side.gif) 0 0 repeat-y;
}
.bt
{
	height: 11px;
	margin: 0 -5px 0 -5px;
	background: url(./images/box/borders.gif) 100% 0 no-repeat;
}
.bt div
{
	width: 18px;
	height: 11px;
	background: url(./images/box/borders.gif) 0 0 no-repeat;
}
.bb
{
	height: 17px;
	margin: 0 -5px;
	background: url(./images/box/borders.gif) 100% 100% no-repeat;
}
.bb div
{
	width: 18px;
	height: 17px;
	background: url(./images/box/borders.gif) 0 100% no-repeat;
}
.box div.Title
{
	margin: 0;
	padding-left: 0.5em;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f3f1e4;
	font-size: 18px;
	font-weight: normal;
	border-bottom: solid 1.5pt #e2e1d9;
	position: relative; /*ie hack*/
}

.box .bdy
{
	background: #f3f1e4;
}

.box p
{
	margin: 0;
	padding: 4px;
	background: #fff;
}

p.bdy
{
	min-height: 65px;
	text-align: justify;
}

.box h2,
.box2 h2
{
	font-size: 18px;
	font-weight: normal;
}

/* Version2 */




.box2
{
	padding: 0 4px 0 0;
	background: #fff url(./images/box/side2.gif) 100% 0 repeat-y;
}
.box2 .bi
{
	padding: 0 0 0 4px;
	background: #fff url(./images/box/side2.gif) 0 0 repeat-y;
}
.box2 .bt, .box2 .bt2
{
	height: 11px;
	margin: 0px -4px 0px -4px;
	background: url(./images/box/borders2.gif) 100% 0 no-repeat;
	max-height: 11px;
	font-size: 4px;
}
.box2 .bt div, .bt2 div
{
	width: 18px;
	height: 11px;
	background: url(./images/box/borders2.gif) 0 0 no-repeat;
	margin: 0px 0px 0px 0px;
}
.box2 .bt2
{
	background: url("./images/box/border2top.gif") left top;
}
.bt2 div.l
{
	background: url("./images/box/borders2.gif") no-repeat scroll left top;
	float: left;
}
.bt2 div.r
{
	background: url("./images/box/borders2.gif") no-repeat scroll right top;
	float: right;
}
.box2 .bb, .box2 .bb2
{
	height: 5px;
	margin: 0 -4px 0 -4px;
	background: url(./images/box/borders2.gif) no-repeat right bottom;
	font-size: 4px;
}
.box2 .bb div, .bb2 div
{
	width: 18px;
	height: 5px;
	background: url(./images/box/borders2.gif) 0 100% no-repeat;
}
.box2 .bb2
{
	background: url("./images/box/border2top.gif") left bottom;
}
.bb2 div.l
{
	background: url("./images/box/borders2.gif") no-repeat scroll left bottom;
	float: left;
}
.bb2 div.r
{
	background: url("./images/box/borders2.gif") no-repeat scroll right bottom;
	float: right;
}
.box2 div.Title
{
	margin: 0px 0px 0px 0px;
	padding-left: 0.5em;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f3f1e4;
	font-size: 18px;
	font-weight: normal;
	height: 18px;
}



.box2 .bdy
{
	background: #fff;
}

.box2 p, .box2 ul
{
	margin: 0;
	padding: 4px;
}
.box2 li
{
}



/* Version 3 */

.box3
{
	padding: 0 4px 0 0;
	background: #fff url(./images/box/side3.gif) 100% 0 repeat-y;
}
.box3 .bi
{
	padding: 0 0 0 4px;
	background: #fff url(./images/box/side3.gif) 0 0 repeat-y;
}
.box3 .bt
{
	height: 12px;
	margin: 0 -4px 0 -4px;
	background: url(./images/box/borders3.gif) 100% 0 no-repeat;
	font-size: 4px;
}
.box3 .bt div
{
	width: 18px;
	height: 12px;
	background: url(./images/box/borders3.gif) 0 0 no-repeat;
}
.box3 .bb
{
	height: 17px;
	margin: 0 -4px 0 -4px;
	background: url(./images/box/borders3.gif) 100% 100% no-repeat;
	font-size: 4px;
}
.box3 .bb div
{
	width: 18px;
	height: 17px;
	background: url(./images/box/borders3.gif) 0 100% no-repeat;
}

.box3 div.Title
{
	margin: 0;
	padding: 0.09em 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #fcfcfc;
}

.box3 .bdy
{
	background: #fcfcfc;
	padding: 1px;
}

.box3 p, .box3 ul
{
	margin: 0;
	padding: 4px;
}
.box3 li
{
	margin: 0 0 0 2em;
	padding: 0;
}


/* Version 4 */

.box4
{
	padding: 0 1px 0 0;
	background: #fff url(./images/box/side4.gif) 100% 0 repeat-y;
}
.box4 .bi
{
	padding: 0 0 0 1px;
	background: #fff url(./images/box/side4.gif) 0 0 repeat-y;
}
.box4 .bt
{
	height: 4px;
	margin: 0 -1px 0 -1px;
	background: url(./images/box/borders4.gif) 100% 0 no-repeat;
	font-size: 4px;
}
.box4 .bt div
{
	width: 18px;
	height: 4px;
	background: url(./images/box/borders4.gif) 0 0 no-repeat;
}
.box4 .bb
{
	height: 4px;
	margin: 0 -1px 0 -1px;
	background: url(./images/box/borders4.gif) 100% 100% no-repeat;
}
.box4 .bb div
{
	width: 18px;
	height: 4px;
	background: url(./images/box/borders4.gif) 0 100% no-repeat;
}
.box4 div.Title
{
	margin: 0;
	padding: 0.09em 10px;
	font: normal 1.2em/1 Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #fcfcfc;
}

.box4 div.Title2
{
	margin: 0;
	padding: 0.09em 10px;
	font: bold 1.2em/1 Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f2f0ec;
}

.box4 .bdy
{
	background: #fcfcfc;
}

.box4 p, .box4 ul
{
	margin: 0;
	padding: 4px 10px;
}
.box4 li
{
	margin: 0 0 0 2em;
	padding: 0;
}



/* Version5 */




.box5
{
	padding: 0 4px 0 0;
	background: #fff url(./images/box/side2.gif) 100% 0 repeat-y;
}
.box5 .bi
{
	padding: 0 0 0 4px;
	background: #fff url(./images/box/side2.gif) 0 0 repeat-y;
}
.box5 .bt
{
	height: 6px;
	margin: 0 -4px 0 -4px;
	background: url(./images/box/borders5.gif) 100% 0 no-repeat;
	font-size: 4px;
}
.box5 .bt div
{
	width: 18px;
	height: 6px;
	background: url(./images/box/borders5.gif) 0 0 no-repeat;
}
.box5 .bb
{
	height: 6px;
	margin: 0 -4px 0 -4px;
	background: url(./images/box/borders5.gif) 100% 100% no-repeat;
	font-size: 4px;
}
.box5 .bb div
{
	width: 18px;
	height: 6px;
	background: url(./images/box/borders5.gif) 0 100% no-repeat;
}
.box5 div.Title
{
	margin: 0;
	padding-left: 0.5em;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #fff;
	font-size: 18px;
	font-weight: normal;
}


.box5 div.Title2
{
	margin: 0 3px 0 3px;
	padding: 0.09em 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f2f0ec;
	margin-left: 3px;
	margin-right: 3px;
}

.box5 div.Title3
{
	margin: 0;
	padding-left: 0.5em;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}




.box5 .bdy
{
	background: #fff;
	padding: 1px;
}

.box5 p, .box5 ul
{
	margin: 0;
	padding: 4px;
}
.box5 li
{
	margin: 0 0 0 2em;
	padding: 0;
}



/* End Box */

/* Version 6 */

.box6
{
	padding: 0 1px 0 0;
	background: #fcfcfc url(./images/box/side6.gif) 100% 0 repeat-y;
}
.box6 .bi, .box6 .bi2
{
	padding: 0 0 0 1px;
	background: #fcfcfc url(./images/box/side6.gif) 0 0 repeat-y;
}
.box6 .bt, .box6 .bt2
{
	height: 4px;
	margin: 0 -1px 0 -1px;
	background: #fcfcfc url(./images/box/borders6.gif) 100% 0 no-repeat;
	font-size: 3px;
}
.box6 .bt div, .box6 .bt2 div
{
	width: 4px;
	height: 6px;
	background: url(./images/box/borders6.gif) 0 0 no-repeat;
}
.box6 .bb, .box6 .bb2
{
	height: 4px;
	margin: 0 -1px 0 -1px;
	background: url(./images/box/borders6.gif) 100% 100% no-repeat;
}
.box6 .bb div, .box6 .bb2 div
{
	width: 18px;
	height: 4px;
	background: url(./images/box/borders6.gif) 0 100% no-repeat;
}

.box6 div.hd, .box6 div.hd2
{
	margin: 0;
	background: #fcfcfc;
	padding: 0;
}

.box6 div.Title
{
	margin: 0 3px 0 3px;
	padding: 0.09em 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f2f0ec;
	margin-left: 3px;
	margin-right: 3px;
}

.box6 div.Title2
{
	margin: 0 3px 0 3px;
	padding-top: 0.09em;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f2f0ec;
	font-weight: bold;
}

.box6 div.Title3
{
	margin: 0 3px 0 3px;
	padding: 0.09em 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #a63112;
	background-color: #f3f1e4;
	font-weight: bold;
}

.box6 div.Title4
{
	margin: 0 3px 0 3px;
	padding: 2px 4px 2px 4px;
	font: bold 12px Arial, Helvetica, sans-serif;
	height: 14px;
	background: #f5f5f5;
	font-weight: bold;
}




.box6 .bdy, .box6 .bdy2
{
	background: #fcfcfc;
	padding: 1px;
}

.box6 p, .box6 ul
{
	margin: 0;
	padding: 4px;
}
.box6 li
{
	margin: 0 0 0 2em;
	padding: 0;
}


/* Version 7 */

.box7
{
	padding: 0 1px 0 0;
	background: #fff url(./images/box/side7.gif) 100% 0 repeat-y;
}
.box7 .bi
{
	padding: 0 0 0 1px;
	background: #fff url(./images/box/side7.gif) 0 0 repeat-y;
}
.box7 .bt
{
	height: 4px;
	margin: 0 -1px 0 -1px;
	background: url(./images/box/borders7.gif) 100% 0 no-repeat;
}
.box7 .bt div
{
	width: 4px;
	height: 6px;
	background: url(./images/box/borders7.gif) 0 0 no-repeat;
	font-size: 4px;
}
.box7 .bb
{
	height: 4px;
	margin: 0 -1px 0 -1px;
	background: url(./images/box/borders7.gif) 100% 100% no-repeat;
}
.box7 .bb div
{
	width: 18px;
	height: 4px;
	background: url(./images/box/borders7.gif) 0 100% no-repeat;
}

.box7 div.hd
{
	margin: 0;
	background: #fcfcfc;
	padding: 0;
}

.box7 div.Title
{
	margin: 0 3px 0 3px;
	padding: 0.09em 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f2f0ec;
	margin-left: 3px;
	margin-right: 3px;
}



.box7 div.Title2
{
	margin: 0 3px 0 3px;
	padding-top: 0.09em;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f2f0ec;
	font-weight: bold;
}

.box7 div.Title3
{
	margin: 0 3px 0 3px;
	padding: 0.09em 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #a63112;
	background-color: #f3f1e4;
	font-weight: bold;
}




.box7 .bdy
{
	background: #fcfcfc;
	padding: 1px;
}

.box7 p, .box7 ul
{
	margin: 0;
	padding: 4px;
}
.box7 li
{
	margin: 0 0 0 2em;
	padding: 0;
}



/* ver 8 */


.box8
{
	padding: 0 1px 0 0;
	background: #fff url(./images/box/side8.gif) 100% 0 repeat-y;
}
.box8 .bi
{
	padding: 0 0 0 1px;
	background: #fff url(./images/box/side8.gif) 0 0 repeat-y;
}
.box8 .bt
{
	height: 4px;
	margin: 0 -1px 0 -1px;
	background: url(./images/box/borders8.gif) 100% 0 no-repeat;
}
.box8 .bt div
{
	width: 4px;
	height: 6px;
	background: url(./images/box/borders8.gif) 0 0 no-repeat;
	font-size: 4px;
}
.box8 .bb
{
	height: 4px;
	margin: 0 -1px 0 -1px;
	background: url(./images/box/borders8.gif) 100% 100% no-repeat;
}
.box8 .bb div
{
	width: 18px;
	height: 4px;
	background: url(./images/box/borders8.gif) 0 100% no-repeat;
}

.box8 div.hd
{
	margin: 0;
	background: #fff;
	padding: 0;
}

.box8 div.Title
{
	margin: 0 3px 0 3px;
	padding: 0.09em 10px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f2f0ec;
	margin-left: 3px;
	margin-right: 3px;
}



.box8 div.Title2
{
	margin: 0 3px 0 3px;
	padding-top: 0.09em;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #f2f0ec;
	font-weight: bold;
}

.box8 div.Title3
{
	margin: 0 3px 0 3px;
	padding: 0.09em 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #a63112;
	background-color: #f3f1e4;
	font-weight: bold;
}




.box8 .bdy
{
	background: #fff;
	padding: 1px;
}

.box8 p, .box8 ul
{
	margin: 0;
	padding: 4px;
}
.box8 li
{
	margin: 0 0 0 2em;
	padding: 0;
}


/* info2 */
.info2
{
	padding: 0 12px 0 0;
	background: url(./images/box/info2_side.gif) 100% 0 repeat-y;
}
.info2 .bi
{
	padding: 0 0 0 12px;
	background: #ffffdd url(./images/box/info2_side.gif) 0 0 repeat-y;
}
.info2 .bt
{
	height: 12px;
	margin: 0 -12px;
	background: transparent url(./images/box/info2_borders.gif) 100% 0 no-repeat;
}
.info2 .bt div
{
	width: 12px;
	height: 12px;
	background: url(./images/box/info2_borders.gif) 0 0 no-repeat;
}
.info2 .bb
{
	height: 12px;
	margin: 0 -12px;
	background: url(./images/box/info2_borders.gif) 100% 100% no-repeat;
}
.info2 .bb div
{
	width: 12px;
	height: 12px;
	background: url(./images/box/info2_borders.gif) 0 100% no-repeat;
}
.info2 div.Title
{
	margin: 0;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a63112;
	background: #ffffdd;
	font-size: 18px;
	font-weight: normal;
}



.info2 .bdy
{
	background: #ffffdd;
}

.info2 p
{
	margin: 0;
	padding: 4px;
}

