* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/20px Arial,sans-serif; color: #252525; text-align: left; background: #fafafa url(../../images/bg.gif) repeat-x 0 0; }
body.sub{background: #fafafa url(../../images/bg-sub.gif) repeat-x 0 0;}
a { color: #252525; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 982px;}

.right { float: right; display: inline; }

#header{height:62px}
#nav{height:23px;}
#nav ul.lavalamp{list-style-type: none; height:23px; padding-top:23px; position: relative; overflow: hidden;}
#nav li{float: left; font-weight: bold; font-size: 13px; height:23px; text-transform: uppercase; display:inline; padding: 0 9px 0 17px;}
#nav li.line{height:23px; font-size:0; line-height:0; width:2px; background:url(../../images/divider.gif) no-repeat 0 center; margin:0 3px 0 10px; padding:0;}

#nav li.back{ background: url(../../images/lava3.gif) no-repeat right -23px; width:7px; height: 23px; z-index: 8;  position: absolute; padding:0 7px 0 0;}
#nav li.back .left{ background: url(../../images/lava3.gif) no-repeat top left; height: 23px; padding:0 0 0 0; }

#nav li.last{background-image: none}
#nav li a{
	float: left; 
	color:#fff; 
	line-height:23px; 
	outline: none;  
	text-align: center;  
	text-transform: uppercase; 
	letter-spacing: 0;
	z-index: 10;  
	position: relative; 
	overflow: hidden;                        
}
#nav li a:hover{text-decoration: none;}
h1#logo{
	text-indent: -4000px;
	line-height:0;
	font-size: 0;
	width:417px;
	height:104px;
	padding-bottom:15px;
}
h1#logo a{
	display: block;
	height:104px;
	background:url(../../images/logo.gif);
}
h2{font: 30px/32px "Times New Roman", Verdana, sans-serif; font-weight: normal; color:#959595;}


#main{float: left; display: inline; width:590px}

.video-nav{width:590px}
.video-nav .image {width:590px; position:relative; z-index: 1; padding-bottom:7px}
.video-nav .image .info{
	background:url(../../images/opacity.png) repeat;
	width:559px;
	height:82px; 
	position:absolute; 
	top:237px; 
	left:0; 
	z-index: 100; 
	padding-left:30px; 
	font-size: 15px; 
	color:#fff; 
	font-family: "Times New Roman", sans-serif; 
	line-height:17px;
}
.video-nav .image .info h3{font-size: 33px; font-size: normal; color:#fff; font-family: "Times New Roman", sans-serif;  padding-top:5px; line-height:35px;position:relative;opacity:1.0;filter:alpha(opacity=100);}
.video-nav .image .info p {	position:relative;}
.video-nav .image img{display: block; border:solid 1px #5f5a5a}
.video-nav ul{list-style-type: none;}
.video-nav li{float: left;}
.video-nav li a{float: left;}

img.carusel{display: block;}

#content{padding-bottom:83px}
#content .border{border-bottom:dashed 1px #efd1bd; padding-bottom:30px}
.holder{padding-left:20px; margin-top:30px}
.holder .orange{border-left:solid 9px #cb5302}
.holder .blue{border-left:solid 9px #09478c}
.holder h3{font-size: 18px; font-weight: normal; color:#959595; font-style: italic; font-family: "Times New Roman", sans-serif;}
.holder span.date{font-size: 15px; font-weight: normal; color:#959595; font-family: "Times New Roman", sans-serif;line-height:17px;}
.holder .article{margin-top:12px; padding-left:10px; height: 100%;}
.holder .article img{float: left; border:solid 1px #a0a0a0; margin:0 8px 12px 0}
.holder .article img.pagination{float: left; border:0; margin:0 8px 12px 0}
.holder .article .small-article { border-bottom: 1px dashed #eed0bc; padding-bottom: 14px; margin-bottom: 20px;}
.holder .article .small-article-last { border-bottom: 1px dashed #eed0bc; padding-bottom: 14px; margin-bottom: 200px;}
.holder .article .small-article .article-picture {float: left; display: inline; padding-top:5px; }
.holder .article .small-article .article-content { width: 423px; float: left; display: inline;}
.holder .article .small-article .no-thumb { width: 500px;}
.holder .article .small-article img { border: none;}
.holder .article .small-article span.date { font-family: Arial,sans-serif; font-size: 11px; color: #09478c; font-weight:bold;font-style: italic;}
.holder .article .small-article span.date-info {font-family: Arial,sans-serif; font-size: 11px; color: #9c0000;font-style:italic;  }
.holder .article .space .small-article p { padding: 0;}
.holder .article .small-article p.big  { padding: 0; line-height:24px;}
a.more { text-decoration: underline; font-weight: bold; }

.holder .article p.big{font-size: 18px; color:#494949; line-height:24px;}
.holder .article a{text-decoration:underline; }
.holder .article .space p{padding-bottom:22px}
#main .holder .article .no-space{padding-bottom:0px}
.holder .article .post{padding-bottom:24px; line-height:18px;}
.holder .article .post strong{display: block; color:#09478c; font-size: 11px;}
.holder .article .post h4{font-size: 18px; font-weight: normal; color:#494949}

.holder .article h3.about { font-style: normal;}
.holder .article p{}

.holder .article .box { width: 270px; background: url(../../images/box-bg.gif) repeat-y 0 0; margin-bottom: 25px; float: left; display: inline;}
.holder .article .box-left { float: left; display: inline;}
.holder .article .box-right { float: right; display: inline;}
.holder .article .box-top { background: url(../../images/box-top.gif) no-repeat 0 0;}
.holder .article .box-btm { height: 100%; padding:12px; background: url(../../images/box-btm.gif) no-repeat 0 bottom;}
.holder .article .box-btm h3 { padding-left:5px; color: #7d0000; font-style: normal; font-size:16px; font-weight: bold;}
.holder .article .box-btm  p.acrobat-icon { width: 215px; padding: 25px 15px 0 25px; background: url(../../images/pdf.gif) no-repeat 0 30px;}
.holder .article .box-btm  p.acrobat-icon a { font-size: 12px;}
.holder .article .box-btm  p.acrobat-icon a:hover { text-decoration: none;}
.holder .article .box-btm  p.news-icon { width: 215px; padding: 25px 15px 0 25px; background: url(../../images/html.gif) no-repeat 0 30px;}
.holder .article .box-btm  p.news-icon a { font-size: 12px;}
.holder .article .box-btm  p.news-icon a:hover { text-decoration: none;}
a.more-button { width: 44px; height: 15px; margin: 15px 0 0 25px; display: block; background: url(../../images/more-button.gif); font-size: 0; line-height: 0; text-indent: -4000px; }
.space-right { }
.holder .article .box-btm  p { width: 215px; padding: 0 0 0 10px; }
.holder .article .box-btm  p.space-top-first { padding-top: 15px;}
.holder .article .box-btm  p.space-top { padding-top: 12px;}
.top-part{}
.top-part img{display: block;}
.top-part .location{font-size: 10px; float: left; display: inline;}
.top-part .actions{font-size: 10px; float: right; display: inline; font-weight: bold;}

#sidebar{width:380px; float: right; display: inline;}
#sidebar .small-nav{width:328px; height:47px; background:url(../../images/small-nav.gif);  margin:0 auto; margin-top:72px;}
#sidebar .small-nav ul{list-style-type: none; padding:15px 0 0 68px;  text-transform: uppercase;}
#sidebar .small-nav li{float: left;  font-family: "Times New Roman", sans-serif; font-weight: bold; background:url(../../images/divider2.gif) no-repeat right 6px; padding-right:16px; margin-right:14px}
#sidebar .small-nav li.last{padding:0; margin:0; background-image: none;}
#sidebar .small-nav li a{float: left; color:#fff;}
#sidebar .red-box{background:#a00000; width:374px; margin-bottom:15px; float: right; display: inline;}
#sidebar .red-box .top{background:url(../../images/red-top.gif) no-repeat; width:374px}
#sidebar .red-box .btm{background:url(../../images/red-btm.gif) no-repeat 0 bottom; width:374px; min-height:192px}
#sidebar .red-box h2.mail{background:url(../../images/mail-list.gif) no-repeat; width:310px; height:91px; margin:17px 0 0 20px}
#sidebar .red-box form{padding-left:20px}
#sidebar .red-box label{display: block; color:#fff; font-size: 15px; font-family: "Times New Roman" ,sans-serif; padding:0 0 4px 10px}
#sidebar .red-box .fld{width:268px; height:25px; background:url(../../images/fld.gif); float: left; display: inline; margin-bottom:7px; margin-right:10px}
#sidebar .red-box .field{width:250px; margin-top:5px; margin-left:7px; color:#b0b0b0; font-size: 10px; border:0; background:#fff;}
#sidebar .red-box .btnp input{float: left; width:54px; height:26px; background:url(../../images/btn.gif); font-weight: bold; text-align: center; border:0; color:#fff; cursor:pointer}
#sidebar .red-box a{color:#fff; font-size: 11px; text-decoration: underline; margin-left:10px}
#sidebar .red-box a:hover{text-decoration: none;}
#sidebar .blue-box{width:373px; background:url(../../images/blue-rep.gif) repeat-y; margin-top:15px; float: right; display: inline;}
#sidebar .blue-box .top{width:373px; background:url(../../images/blue-top.gif) no-repeat;}
#sidebar .blue-box .btm{width:350px; background:url(../../images/blue-btm.gif) no-repeat 0 bottom; min-height:321px; padding-left:23px;}
#sidebar .blue-box .btm2{width:350px; background:url(../../images/blue-btm2.gif) no-repeat 0 bottom; min-height:175px; padding-left:23px;}
#sidebar .frame .space-bottom { margin-bottom: 50px; }
#sidebar .blue-box h2.donate{width:245px; background:url(../../images/donation.gif) no-repeat 0 0; height:75px; margin-top:7px}
#sidebar .blue-box h2.donate-today{width:335px; height:100px; margin-top: 15px; background:url(../../images/donate-today.gif) no-repeat 0 0;  }
#sidebar .blue-box form{padding-top:12px}
#sidebar .blue-box label{display: block; color:#fff; font-size: 15px; font-family: "Times New Roman" ,sans-serif; padding:0 0 4px 10px; line-height:17px;}
#sidebar .blue-box .fld{width:298px; height:27px; background:url(../../images/fld2.gif); float: left; display: inline; margin-bottom:15px; margin-right:10px}
#sidebar .blue-box .btnp input{float: left; width:94px; height:26px; background:url(../../images/green-btn.gif); font-weight: bold; text-align: center; border:0; color:#fff; cursor:pointer}
#sidebar .blue-box .btn {float: left; width:94px; height:26px; margin-right:10px; background:url(../../images/green-btn.gif); font-weight: bold; text-align: center; border:0; color:#fff; cursor:pointer; line-height: 26px;}
#sidebar .blue-box a{color:#fff; font-size: 11px; text-decoration: underline; margin-left:10px; float: left; margin-top:2px}
#sidebar .blue-box a.policy{ line-height:25px; }
#sidebar .blue-box a:hover{text-decoration: none;}
#sidebar .blue-box .field{width:250px; margin-top:6px; margin-left:7px; color:#b0b0b0; font-size: 10px; border:0; background:#fff; }
#sidebar .orange-box{width:374px; background:url(../../images/orange-rep.gif) repeat-y; float: right; display: inline;}
#sidebar .orange-box .top{width:374px; background:url(../../images/orange-top.gif) no-repeat;}
#sidebar .orange-box .btm{width:374px; background:url(../../images/orange-btm.gif) no-repeat 0 bottom; min-height:400px;}
#sidebar .orange-box h2.latest{width:221px; height:47px; background:url(../../images/latest.gif) no-repeat; margin:16px 0 0 18px;}
#sidebar .orange-box h2.related-news{width:244px; height:48px; background:url(../../images/related-news.gif) no-repeat; margin:16px 0 0 18px;}
#sidebar .orange-box ul{list-style-type: none;}
#sidebar .orange-box li{padding-left:18px; color:#fff; line-height:18px; padding-bottom:25px}
#sidebar .orange-box li span.date{font-size: 11px; color:#000}
#sidebar .orange-box li h4{font-size: 18px; color:#fff; font-weight: normal; line-height:24px;}
#sidebar .orange-box li a.visit {float: right; display: inline; padding-right: 23px; color: #fff; text-decoration: underline; font-size: 11px;}
#sidebar .frame{width:380px; border-left:dashed 1px #edcfba; margin-top:25px}
#sidebar .frame h2{padding-left:5px}
#sidebar .frame .page-nav{border-left:solid 9px #cb5302; padding-left:9px; margin-left:10px; line-height:24px; margin-bottom:54px; margin-top:10px}
#sidebar .frame .page-nav ul { list-style-type:none;  }
#sidebar .frame .page-nav ul li {   }
#sidebar .frame .page-nav ul li a { color: #494949;font-size: 14px;  }
#sidebar .frame .page-nav ul li a:hover {  font-weight: bold; text-decoration: none;  }
#sidebar .box{border:solid 1px #a9a9a9; width:363px; padding:6px 6px 0 6px; margin-left:6px; margin-top:19px;  min-height:266px}
#sidebar .box img{display: block;}
#sidebar .box h4{font-size: 18px;  color:#252525; font-weight: normal;}
#sidebar .box span{font-size: 11px;}

#menu{float: right; background:#fff;}
#menu h3{color:#494949; font-size: 15px; background:url(../../images/h3-bg.png); width:360px; height:29px; line-height:29px; padding-left:14px}
#menu h3 a{color:#494949;}
#menu h3 a:hover{text-decoration: none;}
#menu h3.selected{background:url(../../images/active.jpg); }
#menu .cnt{border:solid 1px #dbdbdb; border-top:0; padding-top:12px; padding-left:10px; padding-bottom:12px; width:362px}
#menu .cnt img{float: left; border:solid 1px #a0a0a0}
#menu .cnt h4{font-size: 18px; font-weight: normal; color:#494949; padding-bottom:14px}
#menu .cnt .description{float: left; display: inline; width:260px; padding-left:10px}
#menu .cnt .description a{color:#09478c; text-decoration: underline;}
#menu .cnt .description a:hover{text-decoration: none;}

body.sub #footer{height:190px;}
#footer{background:url(../../images/footer.gif) repeat-x; height:451px;}
#footer .shell{position:relative;z-index: 1;}
#footer .left-part{width:450px; padding-top:48px; font-size: 13px; color:#fff;position: relative; z-index: 100;}
#footer .left-part h4{font-size: 23px; color:#fff; font-style: italic; font-weight: normal; font-family: "Times", sans-serif;}
#footer .left-part p.copyright { font-size: 12px;}
#footer .left-part p.copyright a { color:#fff; text-decoration: none; }
#footer h2.feature{width:347px; height:48px; background:url(../../images/feature.gif); }
#footer em{display: block; margin-top:35px}
#footer .social{margin-top:10px}
#footer .social a{margin-right:5px}
#footer .grey-box{background:url(../../images/ftr-box.jpg) no-repeat; width:623px; height:317px; position:absolute; right:10px; top:43px; z-index: 11;}
#footer .grey-box .inner{padding-left:160px;padding-top:25px; color:#09478c; font-size: 13px;}
#footer .grey-box .inner h3{font-family: "Times New Roman", sans-serif; color:#09478c; font-size: 24px; padding-bottom:10px; font-weight: normal; padding-top:3px}
#footer .grey-box .inner ul, #digital-library-search ul{list-style-type: none; padding-top:22px; display: inline; list-style-position: outside;}
#footer .grey-box .inner li, #digital-library-search li{float: left; padding-bottom:25px}
#footer .grey-box .inner li.long, #digital-library-search li.long{width:252px}
#footer .grey-box .inner li label, #digital-library-search li label{font-size: 18px; display: block; color:#09478c; font-family: "Times" ,sans-serif; padding-bottom:3px}
#footer .grey-box .inner li select, #digital-library-search li select{width:151px; float: left;}
#footer .grey-box .inner li .btnp input, #digital-library-search li .btnp input {width:143px; height:27px; background:url(../../images/submit.gif); border:0; display: block; text-align: center; color:#fff; font-weight: bold; cursor:pointer; margin-top:20px}

#digital-library-block p {width:400px;}
#cse img {border:0;}
.blue-submit {width:143px; height:27px; background:url(../../images/submit.gif); border:0; display: block; text-align: center; color:#fff; font-weight: bold; cursor:pointer; margin-top:20px}