html {
height: 100%;
}	

body {
width:980px;
top:0;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:0.8em;
line-height:1.6em;
background:#fff;
color:#333;
}
    
   
    
div.page_container{
position:absolute;
width:980px;
top:164px;
margin:0px auto 0px auto;
background-color:transparent;
background-image: url(../images/middle.jpg);
background-repeat:repeat-y;
}
    
div.banner {
position:absolute;
top:0;
width:980px;
height:164px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background-color:#ffffff;
background-image: url(../images/top.jpg);
background-repeat:no-repeat;
background-position:left;
}
    
div.page{
position:relative;
float:left;
background:transparent;
width:940px;
margin:0px auto 0px 20px;
min-height:600px;
padding:0;
border:0;
clear:both;
background-image: url(../images/page_bg.gif);
background-repeat:no-repeat;
background-position:bottom right;
}
    
*html div.page {
margin:0px auto 0px 10px;
height:600px;
}
  

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


	div.footer{
top:0px;
margin:20px auto 0px auto;
width:980px;
clear:both;
background:#fff;
text-align:center;
color:#333;
font-size:0.8em;
}
       
div.main_nav {
position:relative;
float:left;
width:160px;
top:0;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;

background:#f1f6fa;
}      
	
	
div.ad_col { 
position:relative; 
float:left; 
width:240px; 
top:0; 
margin: 40px 0 0 60px; 
padding:0px 0px 0px 0px;
}   

*html div.ad_col { 
margin: 40px 0 0 40px; 
}
 
div.ad{
width:240px;
margin:0px 0px 10px 0px;
border:1px solid #900;
} 

div.adhead{
background:#900;
color:#fff;
padding:2px 2px 2px 2px;
width:236px;
} 

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.ad_left_head{
color:#fff;
background:#063;
padding:2px 0px 2px 0px;
}

div.ad_left{
width:100%;
border-bottom:2px solid #063;
border-top:1px solid #063;
margin-bottom:5px;
color:#66000;
}


div.mid_col { 
position:relative; 
float:left; 
width:420px; 
top:0; 
margin: 20px 0 30px 10px; 
padding:0px 10px 20px 10px; 

}     
	
div.left_col{
width:610px;
margin:40px 0px 0px 20px;
padding:0px 0px 0px 0px;
float:left;

}

*html div.left_col{
margin:40px 0px 0px 14px;
}

div.single_col{
width:920px;
margin:40px 0px 0px 20px;
padding:0px 0px 0px 0px;
float:left;
}

div.single_col div.left_col{
margin:0px 0px 0px 0px;
}

div.single_col div.ad_col{
margin:0px 0px 0px 60px;
}
	
div.rh_col{
width:640px;
margin:20px 0px 0px 10px;
float:left;
border:1px solid #ccc;
}
	
div.login {
width:140px;
border:1px solid #cccccc;
background:#f2f2f2;
}

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;
}

div.horizontal_menu{
position:relative;
float:left;
height:30px;
width:100%;
margin:0px auto 0px auto;
background-image: url(../images/menu_bg.jpg);
background-repeat:repeat-x;
background-position:left;
}  

div.sandbox{
position:absolute;
top:0px;
height:1.2em;
z-index:100;
width:860px;
margin:0px auto 0px auto;
background:#e7e7e7;

}	


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


 div.search{
 position:absolute;
 z-index:8;
 top:15px;
 text-align:right;
 background:transparent;
 width:740px;
 margin:0px auto 0px auto;
 } 	
 
div.pageNavFoot{
 margin:30px auto 0px auto;
font-size:0.8em;
color:#333;
clear:both;
width:100%;
 text-align:center;
	}
 
 div.page_toolbar{
clear:both;
float:left;
width:100%;
}
  
div.list_item{
 float:left;
 margin:0px 0px 0px 0px;
 border-bottom:1px dotted #ccc;
 clear:both;
 }
 
  div.list_item_noindent{
 float:left;
 margin:0px 0px 0px 0px;
 border-bottom:1px dotted #ccc;
 clear:both;
  }
 
 div.list_image{
 float:left;
 margin-top:5px;
 }
 
  
 div.list_text{
 margin-left:110px;
 }
  
  
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.public_form{
	border:1px solid #ccc;
	background:#f2f2f2;
	margin-bottom:5px;
	width:100%;
	}
	
   table.public_form2{
	border:1px solid #ccc;
	background:#e7e7e7;
	margin-bottom:5px;
	width:450px;
	}
	table.submit{
	border:1px solid #ccc;
	background:#f2f2f2;
	margin-bottom:5px;
	width:100%;
	text-align:center;
	}
	
	table.submit2{
	border:1px solid #ccc;
	background:#e7e7e7;
	margin-bottom:5px;
	width:450px;
	text-align:center;
	}  	   
	  
table.calendar{
width:100%;
}
table.calendarDay{
width:100%;
text-align:left;
}
label{
	font-size:0.85em;
	line-height:1em;
	margin:0px 10px 0px 0px;
	}
table.login{
	clear:both;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:220px;
	}
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:120px;
	}
input.login_submit{
	background:#900;
	color:#fff;
	cursor: pointer;
	font-family:arial, helvetica, sans-serif;
    margin:0px 0px 0px 0px;
	padding:2px 12px 2px 12px;
	font-size:0.9em;
	line-height:1em;
	}
*html input.login_submit{
padding:2px 0px 0px 0px;	
}

img.summary_tn{
margin-right:10px;
}
  
  
img.p_right{
margin-top:5px;
margin-left:10px;
}
  
img.p_left{
margin-top:5px;
margin-right:10px;
 }
  
 img.p_center{
 clear:both;
 margin-top:5px;
 margin-right:auto;
 margin-left:auto;
  }
  
 img.more{
 margin-top:5px;
 }
  
img.info_icon{
cursor:help;
margin-right:3px;
}

/*Tool tips */
a.tooltip div.tooltip{
display:none;
}

a.tooltip:hover div.tooltip{
display:block;
position:absolute;
background-image: url(../images/tooltip_arrow.gif);
background-repeat:no-repeat;
background-position:top-left;
width:219px;
z-index:100000;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

padding:0px 0px 0px 14px;
background-color:transparent;
margin:-20px 0px 0px 20px;
font-size:1em;
color:#000;
min-height:20px;
min-width:180px;
}	

*html a.tooltip:hover div.tooltip{
margin:-10px 0px 0px 10px;
}

div.tooltip ul{
width:200px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:100000;
}

div.tooltip li{
background:transparent;
background-image: url(../images/tooltip_middle.gif);
background-repeat:repeat-y;
background-position:right;
padding:0px 0x 0px 0px;
margin:0px 0px 0px 0px;
}

div.tooltip li.tooltip_head{
background-image: url(../images/tooltip_t.gif);
background-repeat:no-repeat;
height:10px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:0em;
font-size:0em;
}

div.tooltip li.tooltip_foot{
background-image: url(../images/tooltip_b.gif);
background-repeat:no-repeat;
background-position:right;
height:10px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:0em;
font-size:0em;
}

div.tooltip li div{
width:190px;
margin:0px 0px 0px 10px;
padding:0px 0x 0px 0px;
}

/* end tool tips */
ol ul{
font-size:1em;
}

ol li{
margin:5px 0px 5px 0px;
}

ul li{
margin:5px 0px 5px 0px;
}  
  
ul.MM{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}  
ul.MM li{  
background-image: url(../images/menu_btn.jpg);
background-repeat:no-repeat;
background-position:right;  
}  

ul.MM li.end{  
background-image: none;
}  

ul.MM ul li{  
background-image: none;
}  

ul.latest{
list-style-type:none;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
border:1px solid #900;
}

li.latest_head, div.latest_head{
margin:0px 0px 0px 0px;
background-image: url(../images/menu_bg.jpg);
color:#fff;
padding:3px 3px 3px 3px;
min-height:20px;
}
*html li.latest_head{
height:20px;
}

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

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{
border-top:1px solid #bfd8c7;
list-style-type:disc;
list-style-image: url(../images/arrow_2.gif);
list-style-position:inside;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 5px;

}

li.toc_item{
border-bottom:1px solid #bfd8c7;
}

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

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

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

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_2{
list-style-type:none;
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

ul.result_list_2 li{
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
}

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

li.result_list_item{
border-bottom:1px dotted #e7e7e7;
clear:both;
margin:6px 0px 0px 0px;
padding:6px 0px 3px 0px;
display:block;
float:left;
width:100%;
}

/*picture gallery styles */
div.gallery_container{
float:left;
clear:both;
width:90%;
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:120px;
float:left;
background:#e7e7e7;
text-align:center;
border-right:1px solid #666;
height:340px;
margin:0px auto 0px auto;
padding-top:10px;
overflow: auto;
}
*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{
margin:10px auto 10px 120px;
text-align:center;
}

img.gallery{
margin:5px auto 5px auto;
}
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;
}
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;
}

/*Polls */
div.poll_results{
border:1px solid #ccc;
background:#e7e7e7;
width:40%;
text-align:left;
float:left;
padding:10px 10px 10px 10px;
margin:0px 10px 0px 0px;
}

div.poll_form{
border:1px solid #ccc;
background:#e7e7e7;
width:40%;
text-align:left;
float:left;
padding:10px 10px 0px 10px;
}

div.poll_bar_wrapper{
width:200px;
border:1px solid #ccc;
height:16px;
background:#fff;
}

div.poll_bar{
background:#006;
height:16px;
}

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

ul.poll li{
font-size:0.8em;
}

table.poll_form label{
font-size:1.1em;
font-weight:700;
}

table.poll_form label.radio{
font-size:0.9em;
font-weight:400;
}

table.poll_form td {
padding:10px 0px 10px 0px;
}

form.poll_form submit{
margin-top:6px;
background:#006;
color:#fff;
}

input.poll{
margin:10px 5px 0px 0px;
}

/*Surveys*/
table.survey_form{
width:100%;
background:#e7e7e7;
margin-bottom:20px;
border:1px solid #ccc;
}

table.survey_form td{
padding-bottom:6px;
}


table.survey_form td.form_title{
font-weight:700;
}


/*Calendar*/
table.calendar{
width:100%;
background:#fff;
border:1px solid #ccc;
}	

table.calendarDay{
width:100%;
text-align:left;
}	

div.smallCal_wrapper{
border:1px solid #900;
background:#f0eff8;
padding:2px;
}

.today{
text-align:center;
background:#e3e2e2;
border:1px solid #e3e2e2;
}

.weekend{
text-align:center;
background:#f6f5f5;
border:1px solid #e3e2e2;
}

.hasEvent{
text-align:center;
background:#f7e9e9;
border:1px solid #e3e2e2;
}

a.event{
display:inline-block;margin:0px 0px 0px 0px;padding:0px;line-height:1em;
}

#calendar_tooltip{
position:absolute;
z-index:10000;
width:110px;
min-height:80px;
border:1px solid #ccc;
background:#fff;
color:black;
}

div.calendar_tt_menu{
background:#f7e9e9;
text-align:right;
}

div.calendar_tt_body{
background:#fff;
text-align:left;
padding:5px;

}

div.calendar_tt_body a{
line-height:1.3em;
font-size:1.1em;
}

p.calendar_dayHead{
font-size:0.8em;
border-bottom:1px solid #ccc;
padding-top:0px;
padding-bottom:0px; 
margin-bottom:0px; 
margin-top:0px;
float:left;
width:100%;
}

a.aDay{
width:30px;
float:left;
}

a.calendar_zoom{
visibility: hidden;
float:right;
width:20px;
}

div.smallCalDay{
border:1px solid #900;
}
div.smallCalDay_head{
background:#900;
padding:3px;
color:#fff;
}

div.smallCalDay_head a{
color:#fff;
float:right;
}
div.smallCalDay_body{
padding:3px;
}
div.smallCalDay_body a{
font-size:0.85em;
line-height:1.3em;
}
form.calendar_dateSelect{
display:inline;
float:right;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 0px;
}

form.calendar_eventFilter{
margin:10px 0px 10px 0px;
width:96%;
padding:5px;
border:1px solid #900;
z-index:1;
}



