body{
padding:0;
margin:5px 0 20px 0;
background-color:#ccc;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11pt;
line-height:1.3em;
}

p, ul, ol, li, h1, h2, h3, h4, h5{
padding:0;
margin:0;
}

a{
color:#990000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.clear{
clear:both;
overflow:hidden;
position:relative;
}

/* style for expanding-text pluggin
********************************************************/
.ddet_div {
  padding: 0px;
  color: #0000FF;
  /*background: #F4F4F4;*/
  /*border: 1px solid #DDDDDD;*/ 
}

/*  wrapper
********************************************************/


#wrap{
width:970px;
text-align:left;
margin:0 auto;

}
#wrap #bg{
background:url(images/bg-mid.jpg) repeat-y;
float:left;
width:970px;
}


/*  header
********************************************************/


#header{
background:url(images/bg-top.jpg) no-repeat top;
width:950px;
margin:0;
padding:10px;
clear:both;

position:relative;
}
#header li{
display:inline;
}
.topbar{
text-align:right;
padding:5px 10px 0 0;
}

.topbar li{
display:inline;
margin:5px 3px;
line-height:2em;
font-size:90%;
padding-left:18px;
}

.topbar li.page-item-2{
background:url(images/about.jpg) no-repeat left center;
}
.topbar li.page-item-3{
background:url(images/contact.jpg) no-repeat left center;
}
.topbar li.page-item-4{
background:url(images/sitemap.jpg) no-repeat left center;
}
/*  logo
********************************************************/


h1#logo {
	font-size: 14px;
	color:#ccc;
	width: 450px; 
	position: relative; 
	height: 75px;
	padding:0px;
	margin:0px 0 0 20px;
	float:left;
}
h1#logo a span{
	display: block; 
	background: url(images/logo_bard_school.jpg) no-repeat #fff; 
	left: 0px;
	top: 0px;  
	width: 100%; 
	position: absolute; 
	height: 100%;
	cursor:pointer;
}
.hmenu{
float:right;
margin-right:10px;
margin-top:50px;
text-align:right;
}
.hmenu li{
display:inline;
margin:2px 5px;
font-size:16px;
font-weight:bold;
padding-left:22px;
}

.hmenu li.donation{
background:url(images/donation.jpg) no-repeat left center;
}
.hmenu li.store{
background:url(images/store.jpg) no-repeat left center;
}

/*  top menu bar
********************************************************/

.topmenu{
width:890px;
float:left;
margin:10px 15px;
background-color:#990000;
font-size:100%;
font-weight:bold;
padding:0 15px;
}
.topmenu li{
float:left;
margin-right:-1px;

}
.topmenu a{
color:#fff;
display:block;
padding:7px 10px;
border-left:1px #990000 dashed;
border-right:1px #990000 dashed;
margin-left:-1px;
}
.topmenu a:hover{
background-color:#CC0000;
text-decoration:none;
border-left:1px #ccc dashed;
border-right:1px #ccc dashed;

}

li.current_page_item a{
background-color:#CC0000;
border-left:1px #ccc dashed;
border-right:1px #ccc dashed;
}



/*  main contents
********************************************************/
#maincontent{
padding:10px 40px;
}
#maincontent table{
border:1px solid #eee;
margin-bottom:20px;
}
#maincontent tr{
background-color:#f7f7f7;
}
#maincontent h1{
font-size:170%;
background-color:#eee;
padding:10px;
margin-bottom:10px;
}
#maincontent h2{
font-size:130%;
background-color:#eee;
padding:10px;
margin-bottom:10px;
}
#maincontent a{
font-weight:bold;
}
#maincontent p, #maincontent ul, #maincontent ol, #maincontent dl{
font-size:100%;
line-height:1.3em;
}

#maincontent ul{
margin:20px 20px 20px 15px;
}

#maincontent li{
margin:5px 0 0 0;
list-style-type:square;
}

#maincontent dfn{
font-weight:bold;
font-style:italic;
color:#990000;
}

#maincontent dt{
margin-bottom:10px;
}

#maincontent dd{
margin-bottom:10px;
margin-left:30px
}

#maincontent p{
margin-top:10px;
margin-bottom:10px;
}

#maincontent h3{
margin: 10px 0;
}
/*  main contents left
********************************************************/
#maincontent .left{
float:left;
width:68%;
}
#maincontent .left img{
float:left;
margin-right:10px;
margin-bottom:10px;
}
/*  main contents right
********************************************************/
#maincontent .right{
float:right;
width:28%;
}

#maincontent .right ul{
margin:20px 0 10px 15px;
}
#maincontent .right li{
list-type-style:none;
}

/*  calendar
********************************************************/
.fullpage .left{
float:none !important;
width:100% !important;
}
.fullpage #CalendarLarge-Header{
background-color:#eee !important;
} 

.fullpage #wp-calendarLarge{
border:1px solid #333;
}
/*  footer
********************************************************/

#footer{
background:url(images/bg-bot.jpg) no-repeat bottom;
width:920px;
margin:0;
padding:25px;
clear:both;
overflow:hidden;
color:#fff;
}

#footer .contents{
background-color:#333;
padding:20px;
text-align:center;
}
#footer a{
color:#ccc;
}
#footer ul{
margin-bottom:5px;
}
#footer li{
display:inline;
margin:0 5px 0 5px;
}





/*  misc
********************************************************/
.breadcrumb{
margin-bottom:10px;
}




/* homepage 
********************************************************/
.homepage .left{
float:left;
width:58% !important;
}
/*  main contents right
********************************************************/
.homepage .right{
float:right;
width:38% !important;
}