/* CSS Document */

html { margin: 0 0 0 0; padding: 0 0 0 0;}

body { font-family: 'Open Sans', Helvetica, sans-serif; font-size: .88em; margin: 0 0 0 0; padding: 0 0 0 0; line-height:130%; height: 100%; background: #fff;}

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif;	}
h1 { font-size: 1.2em; color: #030876; margin: 12px 0 6px 0;}
h2 { font-size: 1.1em; color: #030876; margin: 0px 0 4px 0;}
h3 { font-size: 1.1em; }
h4 { font-size: 0.8em; }
h5 { font-size: 0.8em; }
h6 { font-size: 0.8em; }

a:link { color: #000000; text-decoration: none;}
a:visited { color: #000000;}
a:hover { color: #E18601; text-decoration: none;}

.dst {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
}

img.center
{
	float: center;
	max-width: 100%;
	padding: 1px;
	border: 1px solid #FCEEC9;
	margin: 12px 0;
}
img.right
{
	float: right;
	max-width: 100%;
	padding: 1px;
	border: 1px solid #FCEEC9;
	margin: 2px 4px 2px 10px;
}

.text-white { color: #FFFFFF;}

.text-home {
	font-size: 0.88em;
	color: #111111;
	letter-spacing: normal;
}
.pa-link {
	BORDER-BOTTOM: #E17001 1px dotted;   TEXT-DECORATION: none;
}
A.pa-link:hover {
	BORDER-BOTTOM: #E17001 1px dotted; BACKGROUND: #FCE6A2;  TEXT-DECORATION: none;
}

.head-home {font-size: .88em;}

p.big {line-height: 180%;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #0D368D; margin: 0; padding: 4px 0 8px 0; width: 100%;}
hr.top { border: solid #ccc; border-width: 1px 0 0; clear: both; margin: 4px 0 8px 0; height: 0;}
img {
    max-width: 100%;
    height: auto;
}
.main img{
max-width:100% !important;
    height:auto;
    display:block;	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#wrap {	width:999px; 	margin: 0px auto 0px auto; }
#wrap-b {width:999px; 	margin: 0px auto 0px auto;}
#wrap-c {width:999px; 	margin: 0px auto 0px auto;}

#top{float:left;width:999px; margin: 0px auto 0px auto;}
#top-left{float:left; width:730px;  overflow:auto; padding: 4px 0 0 0; height:85px;}
#top-right{float:right; width:178px;  overflow:auto; font-size: 13px; padding: 2px 4px 2px 0;}
b#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	padding: 0 1px;
}

b#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
	padding: 0 1px;

}


#nav{width:999px; background: #E6E6E6;}
#media{width:760px; margin: 0px auto 0px auto; border-top: 1px solid #eee;}
#media2{width:998px; margin: 0px auto 0px auto; border-top: 1px solid #eee;}
#scroll{width:999px;}
#main{width:999px; }
#main-left{float:left; width:728px; min-height: 700px; overflow:auto; overflow-y:hidden; overflow-x:hidden; height: 100%; padding-right: 16px; border-right:1px solid #EBECEC; margin-bottom: 12px;}
#main-right{float:right; width:242px; overflow:auto; overflow-y:hidden; overflow-x:hidden; }
#footer{margin: 0px auto 0px auto; width:1060px; overflow:auto; background-color:#0D368D; border-bottom: 1px solid #08225B; padding: 8px 0; margin-top: 12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#footer-left{float:left; width:257px; overflow:auto; border-right: 1px solid #08225B; padding: 0 8px; height:185px; }
#footer-middle1{float:left; width:250px; border-right: 1px solid #08225B;border-left: 1px solid #1A4BB4; padding: 8px 12px; height:170px; }
#footer-middle2{float:left; width:257px; border-right: 1px solid #08225B;border-left: 1px solid #1A4BB4; padding: 8px 12px; height:170px; }
#footer-right{float:left; border-left: 1px solid #1A4BB4; padding: 8px 12px; height:170px; text-align:center; top: 0;}
#footnote{float:left; width:99%; overflow:auto; margin-top: 0px; padding: 6px; font: 9pt Tahoma; color: white; text-align: center; border-top: 1px solid #fff; height: 18px; background-color: #0D368D;}
#footnote-left{float:left; width:800px; overflow:auto;}
#footnote-right{float:right; width:124px; overflow:auto; text-align: right; padding-right: 2px;}
.rd {
	margin: 0 0 12px 0; 
	font-size: .9em;
	width:240px;
	background-color:#EBECEC;
	height: 34px;
	line-height: 34px;
	font-weight: bold;
	text-align: center;
}

#bread{width:983px; overflow:auto; padding: 8px; border-top: 1px solid #AAA9A9; background:#0D368D;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}
#bread-tbi{width:983px; overflow:auto; padding: 8px; border-top: 1px solid #fff; background:#0D368D; 
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
}

.clear { padding: 16px 0 10px 0; text-align: center;}
.contact { padding: 0px 20px 10px 55px; text-align: left; font-size: 85%; line-height: 130%;}
.rcorners { border-radius: 3px; border: 1px solid #CCC; padding: 20px 8px 8px 8px; width: 96%; height: 560px; position:relative; background: #1E8FCC; center; color: white;}
.rcorners-inner { border-radius: 3px; border: 1px solid #B7CAFB; padding: 8px 8px; width: 84%; height: auto; position:relative; margin: 0px auto 0px auto; background: #fff; }
.rcorners-outer { border-radius: 3px; border: 1px solid #166C9D; padding: 8px; width: 84%; height: 170px; position:relative; margin: 0px auto 0px auto; background: url(../images/bg-box.jpg); color: white; text-align: center;}
.scorners { border-radius: 3px; border: 1px solid #E8EBEF; padding: 16px 20px 1px 20px; width: 95%; height: auto; position:relative; background: #EEF2F6;}

/* NA */

.more-bg { border-radius: 2px; background: url(../images/more.gif);	background-position: left top;	background-repeat: repeat;padding: 4px; border: 1px solid #13577E;
	width: 60px; height: 20px;	position:absolute; /* added */  bottom:0; /* added */ right:0; /* added */ 
	margin: 0 12px 12px 0; text-align: center;}
.more { border-radius: 2px; background: #eee; border: 1px solid #CCC; background-position: left top; background-repeat: repeat;	padding: 4px;
		width: 100px; height: 20px; position:absolute; /* added */ bottom:0; /* added */ right:0; /* added */ 
		margin: 0 12px 12px 0; text-align: center; }
.two{
	margin-left: 12px; padding: 6px 60px;
	color: white;
	font-size: 12px;
	cursor: pointer;
	background:#0D368D url('../images/but.png');
	margin-bottom:20px;
	border: 1px solid #1e53bd;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.two:hover{
	background: #134abe url('../images/but.png');
}
.four1 {
	margin-left: 16px; padding: 6px 24px;
	color: black;
	font-size: 12px;
	cursor: pointer;
	background: rgba(16, 175, 116, 0) url(../images/but.png);
	margin-bottom:20px;
	border: 1px solid #BDBCBC;
	text-shadow: 0 -1px 1px rgba(16, 175, 116, 0);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.four1:hover{
	background:#BDBCBC url(../images/but.png);
	color: white;
}
.four2 {
	margin-left: 12px; padding: 6px 26px;
	color: brown;
	font-size: 12px;
	cursor: pointer;
	background: rgba(16, 175, 116, 0) url(../images/more.gif);
	margin-bottom:20px;
	border: 1px solid #FDBF47;
	text-shadow: 0 -1px 1px rgba(16, 175, 116, 0);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.four2:hover{
	background: #ee8002 url(../images/m.png);
	color: white;
}


a.whitelink { COLOR: #FFFFFF; TEXT-DECORATION: none; }
a.whitelink:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline;}
A.blacklink {COLOR: #000000; TEXT-DECORATION: none; font-size: 13px;}
A.blacklink:hover { COLOR: #F4160B; TEXT-DECORATION: noe; BORDER-BOTTOM: #000 1px dotted;}

img.gal
{
	float: left;
	max-width: 100%;
	padding: 2px;
	border: 1px solid #08225B;
	margin: 2px 10px 2px 0px;
}


/* Footer Menus */

#menulegend{ margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menulegend ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menulegend li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menulegend li a{ color: #fff; text-decoration: none; }
#menulegend li a:hover{ text-decoration: underline; }

#menushivkhori{ width: 100%; margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menushivkhori ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menushivkhori li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menushivkhori li a{ color: #fff; text-decoration: none; }
#menushivkhori li a:hover{ text-decoration: underline; }

#menusas{ width: 100%; margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menusas ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menusas li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menusas li a{ color: #fff; text-decoration: none; }
#menusas li a:hover{ text-decoration: underline; }

#menuevent{ margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menuevent ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menuevent li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menuevent li a{ color: #fff; text-decoration: none; }
#menuevent li a:hover{ text-decoration: underline; }

#menutemples{ margin: 12px; font-family: Arial, Helvetica, sans-serif; }
#menutemples ul{ list-style: none; margin: 12px 0px; padding: 0; font-size: 14px; }
#menutemples li { padding: 3px 12px; background: transparent url('../images/dot-foot.gif') no-repeat left top; margin-left: 0px;}
#menutemples li a{ color: #fff; text-decoration: none; }
#menutemples li a:hover{ text-decoration: underline; }



@media screen and (max-width: 999px) {

/* Side Block of Navigation */

#wrap {	width:100%; 	margin: 0px auto 0px auto; }
#top{width:100%; padding: 4px 0;}
#top-left{float:left; width:100%; overflow:auto; padding: 0 0 4px 0; height:auto;}
#top-right{display: none;}
#nav{width:100%;}
#media{width:100%; }
#main{width:99%; }
#main-left{float:left; width:99%; overflow:auto; min-height: 10px; overflow-y:hidden; overflow-x:hidden; padding: 2px; border-right:0px solid #FCE6A2;}
#main-right{display: none;}
#footnote{float:left; width:100%; overflow:auto; padding: 1px; font: 9pt Tahoma; border-bottom: 1px solid #ffffff; border-top: 1px solid #cccccc;height: 18px;}
#footnote-left{float:left; width:55%; overflow:auto;}
#footnote-right{float:right; width:42%; overflow:auto; text-align: right; padding-right: 1px;}
#media2{width:100%; }
#bread-tbi{width:100%; padding: 8px 0;}

#wrap-b {display: none;}
#footnote{float:left; width:99%;  padding: 8px 4px; }

}
