html {
height: 100%;
}	

body {
width:956px;
top:0;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
font-family: arial, helvetica, sans-serif;
font-size:1em;
font-weight:300;
line-height:1.4em;
background:#e7e7e7;
color:#666;
}
    
   
    
div.page_container{
position:absolute;
width:956px;
top:145px;
margin:0px auto 0px auto;
background-color:transparent;
background-image: url(../images/middle.jpg);
background-repeat:repeat-y;

}
    
    
div.page{
position:relative;
float:left;
background:transparent;
width:916px;
margin:0px auto 0px 20px;
min-height:400px;
clear:both;
}
    
*html div.page {
height:400px;
margin:0px auto 0px 10px;
}
  

div.bottom{
background:#e7e7e7;
float:left;
width:956px;
min-height:60px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background-image: url(../images/bottom.jpg);
background-repeat:no-repeat;
clear:both;
}

div.banner {
position:absolute;
top:15px;
width:956px;
height:130px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background-color:#e7e7e7;
background-image: url(../images/top.jpg);
background-repeat:repeat-y;
background-position:left;
}

div.banner_blank {
position:absolute;
top:15px;
width:956px;
height:15px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background-color:#e7e7e7;
background-image: url(../images/blank_top.jpg);
background-repeat:no-repeat;
background-position:left;
}	
div.footer{
margin:30px auto 0px auto;
width:956px;
clear:both;
background-color:transparent;
text-align:center;
color:#666;
font-size:0.8em;
}
       
div.main_nav {
position:relative;
float:left;
width:160px;
top:0;
margin:6px 14px 0px 0px;
padding:0px 0px 0px 0px;
background:#fff;
z-index:1000;
}      
	
*html div.main_nav{
width:150px;
margin:9px 14px 0px 0px;
}

	
div.ad_col { 
position:relative; 
float:left; 
width:200px; 
margin: 9px 0px 20px 20px; 
padding:0px 0px 0px 0px;
}   
 
div.ad{
margin:10px 0px 20px 0px;
} 

div.ad_top{
height:1.3em;
width:240px;
background-image: url(../images/ad_head.gif);
background-repeat:no-repeat;
color:#f1f6fa;
margin:0px auto 0px auto;
padding:2px 10px 2px 6px;
}

div.ad_middle{
width:210px;
background-image: url(../images/ad_middle.gif);
background-repeat: repeat-y;
padding:0px 10px 6px 6px;
margin:0px 40px 0px auto;
color:#666;
font-size:0.9em;
}

div.ad_middle_wm{
width:210px;
background-image: url(../images/ad_middle_wm.jpg);
background-repeat:repeat-y;
padding:0px 10px 6px 6px;
margin:0px 40px 0px auto;
color:#666;
font-size:0.9em;
}

div.ad_base{
width:240px;
background-image: url(../images/ad_base.gif);
background-repeat:no-repeat;
height:15px;
}


div.ad_base_wm{
width:240px;
background-image: url(../images/ad_base_wm.jpg);
background-repeat:no-repeat;
height:15px;
}

div.adverts_left{
margin:20px 0px 0px 0px;
}

div.single_col{
float:left;
position:relative; 
margin: 0px 0 30px 10px; 
width:900px;
}

       
div.mid_col { 
position:relative; 
float:left; 
width:490px; 
top:0; 
margin: 0px 0px 30px 16px; 
padding:0px 0px 0px 0px; 
} 

*html div.mid_col{
margin: 0px 0px 30px 6px; 
}    
	
div.left_col{
width:670px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
float:left;

}	
	
div.rh_col{
width:720px;
float:left;
margin:0px 0px 30px 10px;
padding:0px 0px 0px 0px;
}
	
div.login {
position:relative;
float:right;
margin:0px 0px 10px 0px;
width:200px;
border:1px solid #009;
background:#e7e7e7;
font-size:0.9em;
text-align:center;
}

*html div.login{
width:200px;
margin:20px 17px 0px 0px;
}

div.login_head{
color:#fff;
padding:0px 0px 0px 0px;
background:#009;
float:left;
width:100%;
clear:both;
text-align:left;
}

div.homepage_left{
border:0px solid #ccc;
width:260px;
float:left;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
}

div.homepage_right{
border:0px solid #ccc;
width:290px;
float:left;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}
	  
div.top{
position:absolute;
z-index:5;
margin: 0px auto 0px auto;
top:0px;
float:left;
width:900px;
}

div.horizontal_menu{
position:relative;
float:right;
margin:0px 20px 0px auto;
width:916px;
background:transparent;
clear:both;
}  

*html div.horizontal_menu{
margin:0px 40px 0px auto;
}

div.h_menu{
width:70%;
float:left;
margin:0px 0px 10px 10px;

}


div.search{
width:20%;
float:right;
 z-index:8;
text-align:right;
 background:transparent;
}



 div.user_tools{
 position:absolute;
 z-index:10;
 text-align:right;
 background:transparent;
 width:900px;
 margin:0px 10px 0px auto;
 } 


 
div.pageNavFoot{
 margin:30px auto 0px auto;
font-size:0.8em;
color:#666666;
clear:both;
width:100%;
 text-align:center;
	}
 
 div.page_toolbar{
clear:both;
float:left;
width:100%;
}
  
div.list_item{
 float:left;
 margin:0px 0px 6px 0px;
 clear:both;
 width:100%;
 border-bottom:1px solid #e7e7e7;
 }
 
  div.list_item_noindent{
 float:left;
 margin:0px 0px 3px 0px;
 border-bottom:1px dotted #ccc;
 clear:both;
 width:100%;
  }
  

   
 div.list_image{
 float:left;
 margin-top:5px;
width:100px;
 }
 
  
 div.list_text{
 margin-left:110px;
width:380px;
 }
 
 *html div.list_text{
 width:360px;
 }
  
  div.toc{
  float:left;
  border-bottom:2px solid #c33;
  margin:0px 0px 10px 0px;
  width:200px;
  clear:both;
  }
  
  div.topnews{
  border-top:1px solid #ccc;
  margin:20px 0px 0px 0px;
  padding:10px 0px 0px 0px;
  width:100%;
  clear:both;
  float:left;
  }
  
  
  div.topStory{
 margin:0px 0px 0px 10px;
 width:300px;
 float:right;
 }
  
    
table.edit{
border:1px solid #cccccc;
width:540px;
}
	  
table.params{
border:1px solid #cccccc;
background:#f2f2f2;
width:540px;
}
	
table.submit   {
border-top: 1px solid #666666;
width:540px;
}

table.calendar{
width:100%;
}	

table.calendarDay{
width:100%;
text-align:left;
}	
	   
input.search{
vertical-align:top;
color:#666;
font-size:0.9em;
font-family: bookman old style, georgia, times new roman, times, arial, helvetica, sans-serif;

}

label{
margin:0px 5px 0px 0px;
font-size:0.8em;
}	   
	   
	table.login{
	clear:both;
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
	
	}
	
	form.login{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
	table.login tr{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
	table.login td{
	/*width:120px;*/
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	}
	table.login label{
    text-align:right;
	margin:0px 3px 0px 0px;
		font-size:0.9em;
    }	 
	
	input.login{
	width:80px;
	}  
	
	input.login_submit{
	background:#009;
	color:#fff;
	cursor: pointer;
	font-family:arial, helvetica, sans-serif;
    margin:0px 0px 0px 0px;
	padding:2px 2px 2px 2px;
	font-size:0.9em;
	line-height:1em;
	}
	
*html input.login_submit{
padding:2px 0px 0px 0px;	
}


	table.public_form{
	border:1px solid #ccc;
	background:#e7e7e7;
	margin-bottom:5px;
	width:498px;
	}
	

	table.submit{
	border:1px solid #ccc;
	background:#e7e7e7;
	margin-bottom:5px;
	width:498px;
	text-align:center;
	}
	  
img.summary_tn{
margin-right:10px;
}
  
img.p_right{
margin-top:5px;
margin-left:10px;
float:right;
}
  
img.p_left{
margin-top:5px;
margin-right:10px;
float:left;
 }
  
 img.p_center{
 clear:both;
 margin-top:5px;
 margin-right:auto;
 margin-left:auto;
  }
  
 img.more{
 margin-top:5px;
 }
  
img.home{
margin-top:5px;
margin-right:10px;
float:left;
border:2px solid #009;
}  
  
  
img.info_icon{
cursor:help;
margin-right:3px;
}

img.doc_icon{
margin:0px 3px 0px 0px;
}
  
ul.MM{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:1em;
}  
  
#top_navigation{
width:160px;
}  

div.latest_box{
background-image: url(../images/box_gradient_bg.jpg);
background-repeat:repeat-y;
margin:0px 0px 10px 0px;
}

ul.latest{
background-image: url(../images/box_gradient_bg.jpg);
background-repeat:repeat-y;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
border-bottom:2px solid #009;
float:left;
}

li.latest_head{
background-image: url(../images/box_head_bg.jpg);
background-repeat:no-repeat;
background-repeat:repeat-y;
color:#fff;
padding:2px 0px 0px 0px;
margin:0px 0px 3px 0px;
width:200px;
}


li.latest{
background-image: url(../images/arrow.gif);
background-position: top left;
background-repeat:no-repeat;
padding:0px 0px 0px 3px;
width:200px;
}

li.latest_arrow{
padding:3px 0px 3px 2px;
}

ul.ticklist{
list-style-type:disc;
list-style-image: url(../images/tick.gif);
margin:0px 0px 0px 18px;
padding:0px 0px 0px 0px;
}

ul.toc{
list-style-type:none;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
border-bottom:2px solid #c33;
float:left;
width:200px;
}

li.toc_title{
padding:2px 0px 0px 0px;
background: #c33;
color:#f9ebeb;
width:200px;
}

li.toc{
background:#fff;
width:200px;
}


ul.article_toc{
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

li.article_toc_item{

}

ul.breadcrumb{
list-style-type:none;
margin:0px 0px 8px 0px;
padding:0px 0px 0px 0px;
}

li.breadcrumb{
display:inline;
margin:0px 0px 0px 5px;
font-size:0.9em;
}

li.breadcrumb_page{
display:inline;
margin:0px 0px 0px 5px;
font-size:0.8em;
}

ul.section_navigation{
font-size:0.8em;
list-style-type:none;
}

li.section_navigation_count{
display:inline;
margin:0px 5px 0px 5px;
}

li.section_navigation{
display:inline;
margin:0px 3px 0px 3px;
}

ul.result_list{
list-style-type:none;
border-top:1px solid #e7e7e7;
margin:20px 0px 0px 0px;
padding:10px 0px 0px 0px;
width:100%;
}

li.result_list_item{
border-bottom:1px dotted #e7e7e7;
clear:both;
margin:6px 0px 0px 0px;
padding:6px 0px 3px 0px;
font-weight:300;
font-size:0.85em;
}
/*picture gallery styles */

div.gallery_container{
float:left;
clear:both;
width:100%;
margin:20px 0px 0px 0px;
border:1px solid #ccc;
padding:2px 2px 2px 2px;
}

div.gallery_item{
float:left;
clear:both;
width:100%;
margin:3px auto 3px auto;
border:1px solid #ccc;
}


div.gallery_image{
float:left;
margin:3px 0px 3px 0px;
border:1px solid #ccc;
text-align:center;
}

div.gallery_caption{
float:left;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
}

div.gallery_menu_v{
width:110px;
float:left;
background:#e7e7e7;
text-align:center;
border-right:1px solid #666;
height:400px;
overflow:scroll;
margin:0px auto 0px auto;
padding-top:10px;
}

*html div.gallery_menu_v{
height:400px;
}

div.gallery_menu_h{
width:100%;
float:left;
background:#e7e7e7;
text-align:center;
border-bottom:1px solid #666;
margin:0px 0px 0px 0px;
padding-top:10px 2px 10px 2px;
}

div.gallery_thumbnail{
border:1px solid #ccc;
margin:5px auto 5px auto;
width:86px;
padding:2px 0px 2px 0px;

}

div.gallery_image_v{
width:430px;
float:left;
margin:10px auto 10px 20px;
text-align:center;
}

img.gallery{
margin:5px auto 5px auto;
float:left;
}

img.gallery_thumbnail{
display:inline;
vertical-align:middle;
}




p.gallery_caption{
font-size:0.9em;
font-weight:700;
margin:0px 0px 2px 0px;
padding:0px 0px 0px 0px;
}

p.gallery_summary{
font-size:0.85em;
font-weight:400;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}

p.gallery_heading{
background:#666;
color:#fff;
padding:0px 0px 0px 3px;
margin:0px 0px 0px 0px;
}

ul.gallery_menu{
margin:0px 0px 0px 15px;
padding:0px 0px 0px 0px;
}

li.gallery_menu{

}

a.gallery_menu{
display:block;
text-align:left;
font-size:0.8em;
}


/*search */
      /* restrict global search form width */
      #searchForm .gsc-control {
        width : 500px;
      }

div.search-control{
  font-size : 0.8em;
  line-height:1.2em;
      font-weight : 400;
}

      div.search-control .gsc-resultsHeader .gsc-title {
        padding-left : 20px;
        font-weight : bold;
          font-size : 0.85em;
   }

      div.search-control .gsc-resultsHeader div.gsc-results-selector {
        display : none;
      }

      div.search-control .gsc-resultsRoot {
        padding-top : 6px;
    
      }

      /* for demonstration purposes ONLY. This is not ok by the terms */ 
      div.search-control .gsc-ad-box {
      display : none;
      }

      /* long form visible urls should be on */
      #leftSearchControl div.gs-visibleUrl-long{
        display : block;
                font-size : 0.8em;   
      }

      .gsc-webResult div.gs-visibleUrl-short {
        display : none;
      }