html,body{
	height:100%;
}
body {
	margin:0;
	padding:0;
	background:url(../img/bg.png) repeat-x scroll left top;
	background-color:#97c0d0;
	height:100%;
	width:100%;
	color:#000;
	font-size:14px;
}
* {
	outline: none;
} 

img{
	border:0;
}

a {
  outline: none;
}

.mb {
	z-index:10;
}
.hidden {
	display:none;
}

#centered {
	position:relative;
	margin-left:-424px;
	left:50%;
	width:848px;
}
#tmp{
	display:none;
	width:840px;
	font-size:14px;
	text-align:justify;
}
#tmp-titles {
	position:absolute;
	top:-100px;
}
#header{
	height:415px;
	position:relative;
}
#header img{
	float:left;
}
#header div{
	float:left;
	height:84px;
	text-align:center;
	margin-bottom:-9px;
	width:100%;
}
#header div span img{
	float:none;
}
#header-search{
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	right:45px;
	bottom:28px;
	cursor:pointer;
}
#header-search a{
	color:#000;
	text-decoration:none;
}
#bip-logo{
	position:absolute;
	right:24px;
	top:89px;
}
#form-search {
	margin-bottom:20px;
}
#form-search label{
	width:200px;
	float:left;
	display:block;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
#form-search input[type=text]{
	border:1px solid #000;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#form-search input[type=submit]{
	border:1px solid #000;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#efb23f;
}
#search-phrase{
	width:300px;
}
#search-nav{
	height:20px;
	float:left;
	width:100%;
}
#search-nav a.prev,#search-nav a.next{
	display:block;
	height:19px;
	width:24px;
}
#search-nav a.prev{
	float:left;
	background:url(../img/prev_o.gif);
}
#search-nav a.next{
	float:right;
	background:url(../img/next_o.gif);
}

#title{
	width:100%;
	float:left;
}
#title img{
	float:left;
}
#title-middle{
	width:800px;
	float:left;
	background-color:#ddecf3;
	height:61px;
}
#title-middle div,#tmp .title{
	height:50px;
	min-width:200px;
	float:left;
	background:url(../img/titlestrip.png) repeat-x scroll top left;
	font-family:Georgia,sans-serif;
	font-size:22px;
	font-style:italic;
	padding-top:8px;
	padding-left:8px;
	line-height:40px;
}
#title-middle span{
	height:58px;
	width:14px;
	float:left;
	background:url(../img/tsr.png) no-repeat scroll center center;
}
#title-middle p{
	display:inline;
	margin:0;
	margin-right:20px;
	margin-top:42px;
	float:right;
	font-family:Georgia,sans-serif;
	font-size:12px;
	color:#565656;
}
#middle{
	float:left;
	width:100%;
	font-family:Georgia,sans-serif;
	background:url(../img/middle.png) repeat-y scroll center center;

}
#middle-inner{
	min-height:400px;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:10px;
}
#middle-inner table{
	width:100%;
}
#middle-push{
	height:400px;
	float:left;
}
.attachments{
	display:block;
	border-top: 1px solid #888;
}
#footer {
	float:left;
	height:308px;
	width:788px;
	background-image:url(../img/footer.png);
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:14px;
}
#footer div.title{
	float:left;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	height:24px;
	line-height:24px;
}
#footer-inner{
	height:246px;
	margin-top:14px;
	float:left;
	width:100%;
}
#footer-nav{
	height:20px;
	float:left;
	width:100%;
}
#footer-nav a.prev,#footer-nav a.next{
	display:block;
	height:19px;
	width:24px;
}
#footer-nav a.prev{
	float:left;
	background:url(../img/prev.png);
}
#footer-nav a.next{
	float:right;
	background:url(../img/next.png);
}
#footer-links{
	margin-left:-4px;
	margin-top:5px;
	font-size:12px;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	float:left;
}
#footer-links a{
	color:#000;
	text-decoration:none;
}
#footer-links div{
	float:left;
	margin-right:5px;	
}
#footer-links div span {
	position:relative;
	border-bottom:1px solid #000;
	left:50%;
	display:block;
	width:0;
}
.news-outer{
	float:left;
	position:relative;
	width:252px;
	height:228px;	
}
.news{
	width:252px;
	height:210px;
	float:left;
	font-family:Georgia,sans-serif;
	font-style:italic;
	color:#000;
	margin-right:10px;
	position:relative;
	overflow:hidden;
}
.news-date{
	font-size:13px;
	color:#fff;
	
}
.news-date span{
	position:relative;
	float:left;
	font-size:32px;
	margin-right:3px;
	padding:0;
	padding-right:3px;
	border-right:2px solid #efb23f;
	height:40px;
	display:inline;
	line-height:22px;
	padding-bottom:7px;

}
.news-date p{
	font-size:26px;
	margin:0;
	margin-top:-8px;
	margin-bottom:10px;

}
.news-title{
	font-size:18px;
	margin-bottom:6px;
}
.news-title a{
	color:#000;
	text-decoration:none;
}
.news-title a:hover{
	text-decoration:underline
}
.news-text{
	font-size:12px;
	overflow: hidden;
	height:107px;
	width:252px;
	position:relative;
	
}
.news-outer img{
	position:absolute;
	left:0;
	top:201px;
}
.news-more,.news-more-bg{
	font-size:12px;
/*	position:absolute;
	right:0;
	bottom:0;*/
	width:84px;
	height:26px;
	cursor:pointer;
	font-family:Georgia,sans-serif;	
	font-style:italic;
}
.news-more a{
	color:#d2253c;
	text-decoration:none;
}
.news-more-bg{
	background:url(../img/more.png) no-repeat scroll -3px -3px;
	opacity:0;
}
#piw{
	float:right;
	font-family:Century Gothic, Verdana, Arial, sans-serif;
	color:#000;
	font-size:11px;
	margin-right:18px;
	height:40px;
}
#piw a{
	color:#000;
	text-decoration:underline;
}



#gallery span.outer{
	position:relative;
	display:block;
	width:193px;
	height:193px;
	background:url('../img/ajax_loader_small.gif') no-repeat scroll center center;
	margin-bottom:5px;
	float:left;
}

#gallery img{
	position:absolute;
	bottom:0;
}

#gallery-nav{
	float:left;
	height:19px;
	margin-top:6px;
	margin-bottom:6px;
	width:100%;
}
#gallery-nav a.prev,#gallery-nav a.next{
	display:block;
	height:19px;
	width:24px;
}
#gallery-nav a.prev{
	float:left;
	background:url(../img/prev_o.gif);
}
#gallery-nav a.next{
	float:right;
	background:url(../img/next_o.gif);
}

#menu{
	float:left;
	height:42px;
	width:100%;

}
#menu img,#menu-middle{
	float:left;
}
#menu-middle{
	width:800px;
	height:42px;
	background:url(../img/menu.png) repeat-x scroll left top;
}



.art-list-title{
	font-weight:bold;
	font-size:18px;
	font-style:italic;
}
.art-list-title a{
	color:#000;
}
.art-list-title span{
	font-size:12px;
	color:#888;
	font-weight:normal;
	font-style:normal;
}
.art-list-content{
	margin-bottom:10px;
}

/*
#drop-down, #drop-down ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-indent:14px;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
}
#drop-down{
	margin-left:4px;
}


#drop-down li{
	float:left;
}
#drop-down ul li{
	background:url(../img/menubg.png) repeat-y scroll left top;
}
#drop-down ul li a,#drop-down ul li,#drop-down li.first{
	color:#fff;
	text-decoration:none;
	display:block;
}

#drop-down li.first{
	height:30px;
	line-height:30px;
	text-indent:0;
	cursor:pointer;
}
#drop-down li.first span{
	padding-right:4px;
}
#drop-down li.first span.menu-pad{
	border-left:1px solid #fff;
	padding-left:4px;
	padding-right:4px;
}
#drop-down li.bottom{
	height:12px;
	background:url(../img/menubgb.png) no-repeat scroll center center;
}
#drop-down li.top{
	height:12px;
	background:url(../img/menubgt.png) no-repeat scroll center center;
}
#drop-down a.loadMe{
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration:none;
}


#drop-down li {
	position:relative;
	float: left;

}

#drop-down li ul {
	position:absolute;
	top:30px;
	left:-8px;
	margin:0px;
	padding:0px;
}

#drop-down li ul li {
	width: 141px;
	height:27px;
}


#drop-down li ul ul {
	position: absolute;
	margin-top: -30px;
	margin-left: 130px;
	padding:0px;
}
*/

/*
#drop-down, #drop-down ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#drop-down ul a {
	display: block;
	width:141px;
}

#drop-down li { 
	float: left;
	height:17px;
	width:141px;
}

#drop-down li ul { 
	position:absolute;
}

#drop-down li ul ul { 
	margin-top: -10px;
	margin-left: 80px;
}


#drop-down ul li{
	background:url(../img/menubg.png) repeat-y scroll left top;
}
#drop-down ul li a,#drop-down ul li,#drop-down li.first{
	color:#fff;
	text-decoration:none;
	display:block;
}

#drop-down li.first{
	height:30px;
	line-height:30px;
	text-indent:0;
	cursor:pointer;
	width:auto;
}
#drop-down li.first span{
	padding-right:4px;
}
#drop-down li.first span.menu-pad{
	border-left:1px solid #fff;
	padding-left:4px;
	padding-right:4px;
}
#drop-down li.bottom{
	height:12px;
	background:url(../img/menubgb.png) no-repeat scroll center center;
}
#drop-down li.top{
	height:12px;
	background:url(../img/menubgt.png) no-repeat scroll center center;
}
#drop-down a.loadMe{
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration:none;
}
*/

#drop-down,#subMenusContainer {
	padding: 0px;
	margin: 0px;
	list-style: none;
	text-indent:0;
	font-family:"Century Gothic",Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#drop-down ul a, #subMenusContainer ul a{
	text-decoration:none;
	min-width:141px;
	display:block;
}

#drop-down ul li.middle,#subMenusContainer ul li.middle{
	background:url(../img/menubgml.png) repeat-y scroll left top;

}
#drop-down ul li a,#drop-down ul li,li.first{
	color:#000;
	text-decoration:none;
	display:block;

}
#drop-down ul li.middle a,#subMenusContainer ul li.middle a{
	background:url(../img/menubgmr.png) repeat-y scroll right top;
	height: 20px;
	line-height: 20px;

}
#drop-down ul li.top a,#subMenusContainer ul li.top a,#drop-down ul li.bottom a,#subMenusContainer ul li.bottom a{
	height:12px;

}
li.first{
	height:30px;
	line-height:30px;
	text-indent:0;
	cursor:pointer;
}
li.first span{
	padding-right:4px;
}
li.first a{
	padding-right:4px;
	text-decoration:none;
}
li.first a.menu-pad{
	border-left:1px solid #000;
	padding-left:4px;
	padding-right:4px;
}

/*
a.loadMe{
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration:none;
}
*/



/* All menu links on hover or focus */
#drop-down a:hover, #drop-down a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #drop-down a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	height:20px;
}
li.bottom{
	height:12px;
	background:url(../img/menubgbl.png) no-repeat scroll left top;
	margin:0;
}
li.top{
	height:12px;
	background:url(../img/menubgtl.png) no-repeat scroll left top;
}
li.top a{
	background:url(../img/menubgtr.png) no-repeat scroll right top;
}
li.bottom a{
	background:url(../img/menubgbr.png) no-repeat scroll right top;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#drop-down a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#drop-down li ul li a:hover,#drop-down li ul li a:focus{
	min-width:141px;
}
#drop-down li.first a:hover,#drop-down li.first a:focus{
	background-color:transparent;
}

#drop-down li.first a{
	color:#000;
	height:30px;
	line-height:30px;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 

}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:7px 0 0 -15px;
}


/* All ULs and OLs */
#drop-down, #drop-down ul, #drop-down ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
}


/* All submenu OLs and ULs */

#drop-down ol, #drop-down ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	left:0;
	min-width:141px;
	margin-left:4px;
}
#drop-down ol a, #drop-down ul a, #subMenusContainer ul a, #subMenusContainer ol a{	
	color:#000;
	margin-left:14px;
	padding-right:14px;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#drop-down li,#drop-down ul li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}
#drop-down ul li{
	min-width:141px;
}
#subMenusContainer li{
	list-style: none;

	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	 overflow:visible;	z-index:10000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#drop-down li li{	float:none; }

#drop-down li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#drop-down li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#drop-down li ul ul { margin: -1em 0 0 -1000em; }
#drop-down li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#drop-down li:hover ul{	margin-left: 0; }
#drop-down li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#drop-down li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#drop-down li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#drop-down li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#drop-down li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#drop-down li:hover a:focus{ margin-left: 0; }
#drop-down li li:hover a:focus + ul { margin-left: 10em; }