@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background: #B3C4EF url(images/bg.jpg) repeat-x scroll center top;
	font: 14px/20px Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
.body {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
a{
	color: #06C;
}
a:hover{
	text-decoration: none;
}
h1{
	color: #c51f1f;
	background: #fbf19a;
	margin: 0px 0px 19px 0;
	padding: 8px 0px 8px 23px;
	font: normal 24px/29px Georgia, "Times New Roman", Times, serif;
}
h2{
	color: #053089;
	border-bottom: 1px solid #D6E2FE;
	padding-bottom: 3px;
	padding-top: 1px;
	padding-left: 0px;
	font: normal 22px Georgia, "Times New Roman", Times, serif;
}
h3{
	color: #053089;
	font-weight: normal;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-variant: normal;
	/*border-bottom: 1px solid #B9E3FF;*/
	padding-bottom: 3px;
	padding-top: 1px;
	padding-left: 0px;
	margin: 0;
}
h4{
	color: #0954F0;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 0px;
	font: normal 16px Georgia, "Times New Roman", Times, serif;
	margin: 0px;
}
.indexLeft{
	font-size: 16px;
	padding: 16px 16px 0px 30px;
}
.indexRight{
	background: #FFC;
	margin: 0 10px;
}
.indexRight .redHead{
	background-color: #b10d08;
	font-size: 24px;
	color: #FFF;
	font-weight: normal;
	padding: 8px 2px 12px 20px;
}
.indexRight .links{
	font-size: 21px;
	color: #036;
	font-weight: normal;
	padding: 2px 2px 2px 32px;
}
.indexRight .links ul{
	padding: 12px;
	margin: 0;
}
.indexRight .links ul li{
	padding-bottom: 14px;
}
.indexRight .links ul li a{
	color: #036;
	text-decoration: none;
}
.indexRight .links ul li a:hover{
	color: #03F;
}
div.indexRightBot{
	background: #FFF url(images/but_all_topics.jpg) no-repeat center center;
	color: #FFF;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
}
div.indexRightBot a{
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	font-weight: normal;
}
div.indexRightBot a:hover{
	color: #999;
}

#container{
	width: 897px;
	height: auto;
	padding: 0;
	margin: 0 auto;
}
#header{
	width: 916px;
	height: 75px;
}

/* --- Top Nav --- */

#nav{
	width: 916px;
	background: #002A74 url(images/nav.jpg) no-repeat;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}
#nav .left{
	color: #FFF;
	font: normal 22px Georgia, "Times New Roman", Times, serif;
}
#nav td{
}
#nav td a{
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}
#nav td a span{
	padding: 0 7px;
}
#nav td a:hover{
	color: #bec6e0;
	text-decoration: none;
}

/* --- Breadcrumbs--- */

#breadcrumbs{
	width: 692px;
	height: 22px;
	padding-left: 222px;
	background: #B3C6EE url(images/bread.jpg) no-repeat;
	padding-top: 4px;
	color: #535353;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
#breadcrumbs a{
	color: #535353;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
#breadcrumbs a:hover{
	text-decoration: none;
}

/* -- Contents --*/

#contents{
	width: 897px;
	height: auto;
	padding: 0 9px 0 10px;
	background: #B3C6EE url(images/body_slc.jpg) repeat-y center top;
}
.arial{
	font-family: Arial, Helvetica, sans-serif;
}
.tdHead{
	font-weight: bold;
	color: #900;
}

.spacer{
	height: 16px;
	width: 90%;
	margin: 35px auto 40px;
	display: block;
	text-align: right;
	border-bottom: 2px dotted #999;
}

/* ---  Left sub menu --- */

td.leftHead{
	color: #F6F6F6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	padding-left: 23px;
	height: 36px;
	background: #b2050a;
}
#navLeft{
	color: #FFFFFF;
}
#navLeft ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#navLeft ul li{
	list-style: disc;
	padding: 0 0 8px 0;
}
#navLeft ul li a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFDFE1;
	font-size: 13px;
	text-decoration: none;
	list-style: square;
	display: block;
	width: 100%;
}
#navLeft ul li a:hover{
	color: #E8E224;
	text-decoration: none;
}

td.leftHead2{
	color: #FFFF99;
	padding-left: 23px;
	height: 36px;
	background: #b2050a;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
}
#navLeft2{
	color: #FFFF99;
}
#navLeft2 ul{
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#navLeft2 ul li{
	list-style: disc;
	padding: 0 0 8px 0;
}
#navLeft2 ul li a{
	color: #FFFF99;
	text-decoration: none;
	list-style: square;
	display: block;
	width: 100%;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
}
#navLeft2 ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.leftBut{
	height: 71px;
	background: url(images/but_topics.jpg) no-repeat center center;
}
.leftBut a{
	height: 50px;
	display: block;
	width: 211px;
	text-decoration: none;
	text-align: center;
	font: 18px/22px Georgia, "Times New Roman", Times, serif;
	color: #B2050A;
	padding-top: 8px;
}
.leftBut a:hover{
	color: #F30;
}


#contents table div.right{
	padding: 0 24px 5px 23px;
}

/* Illustartion Box */
.illBox{
	margin: 28px 0 33px 0;
}
.illBox table{
}
.illBox table th{
	background: #053089 url(images/bx_rt.jpg) no-repeat right top;
	height: 42px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	text-transform: uppercase;
	font-style: normal;
}
.illBox table th span{
	background: url(images/bx_left.jpg) no-repeat left;
	height: 42px;
	display: block;
	width: 13px;
	float: left;
}
.illBox table th div{
	margin-top: 10px;
}
.illBox table td.mid{
	border: 4px solid #de0003;
}
.illBox table td.bot{
	text-align: justify;
	background: #053089;
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 10px 12px 0px;
	border-top: 1px solid #FFFFFF;
}
.illBox table td.bot p{
	padding: 2px 0px 10px 0px;
	margin: 0;
}
.illBox table td.bott{
	background: #053089 url(images/bxb_rt.jpg) no-repeat right;
	height: 10px;
}
.illBox table td.bott span{
	background: url(images/bxb_left.jpg) no-repeat left;
	height: 10px;
	display: block;
	width: 13px;
	float: left;
}


/* Footer */

#footer{
	width: 916px;
	height: 50px;
	background: #B3C4EF url(images/footer.jpg) no-repeat;
	text-align: center;
	padding-top: 36px;
	color: #4f72bc;
	font-size: 12px;
}
#footer2{
	width: 916px;
	height: 50px;
	background: #B3C4EF url(images/footer_main.jpg) no-repeat;
	text-align: center;
	padding-top: 36px;
	color: #4f72bc;
	font-size: 12px;
}
/* -- Fractions styles -- */

td.upper_line { 
	border-top:solid 1px black; 
}
table.fraction {
	text-align: center;
	vertical-align: middle;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #333;
}
map{
	margin: 0;
	padding: 0;
}
.bold{
	color: #053089;
	font: bold 16px Georgia, "Times New Roman", Times, serif;
}
.white{
		color: #FFF;
}

/*- Tip Box-*/

#tipBox fieldset, .tipBox fieldset{
	background-color: #FFFFCC;
	border: 1px solid #CC0000;
	margin: 0px;
	padding: 10px;
	text-align: left;
	width: 490px;
}

#tipBox legend, .tipBox legend{
	color: #CC0000;
	font-weight: bold;
	font-size: 18px;
}

.defBox{
	font-size: 20px;
	color: #069;
	padding: 19px 6px;
	margin: 6px auto;
	background: #9FB5FF;
	border: 2px solid #859FE3;
	text-align: center;
	width: 88%;
}
.defBoxLrg{
	color: #069;
	padding: 14px 10px;
	margin: 8px auto;
	background: #9FB5FF;
	border: 1px solid #859FE3;
	width: 88%;
	font-size: 17px;
	line-height: 24px;
	font-weight: normal;
}

.small{
	font: 11px Arial, Helvetica, sans-serif;
}
.red{
	color:#C00;
}

.listTable{
	border: 1px solid #06C;
}
.listTable td{
	border: 1px solid #06C;
	padding: 7px 2px 7px 3px;
}
.listTable td.head{
	font-size: 20px;
	font-weight: normal;
	color: #053089;
	background: #B3C4EF;
	padding-left: 6px;
	padding-top: 7px;
	padding-bottom: 6px;
}
.listTable td.head2{
	font-size: 16px;
	color: #053089;
}
.listTable td ul{
	padding: 0;
	margin: 0 0 0 15px;
}

/** -- All topics page --**/
#allTopics{
}

#allTopics h2{
	border-bottom-color: #8FB8DE;
	margin-top: 28px;
	font-size: 26px;
}
#allTopics ol{
}
#allTopics ol li{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
	color: #DF0400;
}
#allTopics ol li a{
	color: #DF0400;
}
#allTopics ol li a:hover{
	color: #900;
	text-decoration: none;
}

#allTopics ol ul{
	padding-bottom: 12px;
	}
#allTopics ol ul li{
	font-size: 14px;
	list-style: disc;
	color: #053089;
	font-weight: normal;
	padding: 2px 0 3px 0;
}
#allTopics ol ul li a{
	color: #06C;
	font-weight: normal;
}
#allTopics ol ul li a:hover{
	color: #039;
	font-weight: normal;
	text-decoration: none;
}

/** -- /All topics page --**/

.butt{
	background:#022D84;
	color:#FFF;
	font-weight: normal;
	margin-top: 6px;
	border-top: 1px solid #4D0044;
	border-right: 1px solid #4D0044;
	border-bottom: 1px solid #303;
	border-left: 1px solid #303;
	padding: 4px 7px;
	cursor: pointer;
}

