/********************************************************************************
	         Body
********************************************************************************/

body { color:#333; background-color:#004a80; }

#main {
   padding-top: 20px;
}



/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body { font:normal 11px/20px Verdana,Arial,Helvetica,Tahoma,sans-serif; }

h1,h2,h3,h4,h5,h6 { font-weight:normal; font-family:Georgia,"Times New Roman",serif; color: #048; }



/* Typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}

.heavy { font-weight:bold; }

/********************************************************************************
               Text Elements and Lists
********************************************************************************/

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

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, .nolink, .tabbertab a, .icon, a img{
   border: none !important;
   text-decoration:none !important;
}


a:focus, a:hover { color: #f91;}

/* Removes unwanted hover decoration
***************************************/
a.nohover:hover  { background: none;}


/* ul.li { list-style: square outside url(images/bullet.gif);} */

.fancybullet li {
      list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 18px;
      margin: 0px 0px 0px 0px;
}




/********************************************************************************                                            
                            COSTUME CLASSES                                                   
********************************************************************************/

#outer-wrapper { margin: 0 auto;  padding-bottom:10px; width:960px; overflow:hidden; background-color:#fff; }
#header { padding-top:10px; }
h1#stpeter { width:100%; height:80px; background:url('images/logo.gif') no-repeat top left; }
h1#stpeter span { display:none; }
h1#stpeter a { display:block; height:80px; width:350px; }
#homeimg { padding-top:10px; }

#pageImages { margin-top:10px; margin-bottom:0; }
#pageImages h1 span { visibility:hidden; }
h1#about-us { width: 940px; height: 120px; background: url('images/h1_aboutus.jpg') no-repeat top left; }
h1#kindergarten { width: 940px; height: 120px; background: url('images/h1_kindergarten.jpg') no-repeat top left; }
h1#primary { width: 940px; height: 120px; background: url('images/h1_primary.jpg') no-repeat top left; }
h1#junior-high { width: 940px; height: 120px; background: url('images/h1_juniorhigh.jpg') no-repeat top left; }
h1#senior-high { width: 940px; height: 120px; background: url('images/h1_seniorhigh.jpg') no-repeat top left; }
h1#international { width: 940px; height: 120px; background: url('images/h1_international.jpg') no-repeat top left; }
h1#articles { width: 940px; height: 120px; background: url('images/h1_article.jpg') no-repeat top left; }
h1#news-event { width: 940px; height: 120px; background: url('images/h1_newsevent.jpg') no-repeat top left; }
h1#reflections { width: 940px; height: 120px; background: url('images/h1_reflection.jpg') no-repeat top left; }

.main-home h2 span { visibility:hidden; }
h2#h2news { width:100%; height:30px; background: url('images/h2_newsevent.gif') no-repeat top left; text-align:right; }
h2#h2announcement { width:100%; height:30px; background: url('images/h2_announcement.gif') no-repeat top left; }
h2#h2article { width:100%; height:30px; background: url('images/h2_article.gif') no-repeat top left; }
h2#h2reflection { width:100%; height:30px; background: url('images/h2_reflection.gif') no-repeat top left; }
#h2reflection { margin:10px 0 5px 0; }
#h2news, #h2announcement, #h2article { margin:0 0 5px 0; }

#h2news a { font-size:9px; font-weight:normal; text-transform:uppercase; line-height:30px; }
#h2news a:hover { color:#fff; }

dl.newslist {}
dl.newslist dt, dl.announcementlist dt, dl.articlelist dt, dl.reflectionlist dt { font-size: 10px; font-weight:normal; text-transform:uppercase; }
dl.newslist dd, dl.announcementlist dd, dl.articlelist dd, dl.reflectionlist dd { margin-left:0; }
dd.last { margin-bottom:10px; padding-bottom: 10px; background: url('images/linebot.gif') repeat-x bottom left; }
dd.last p { margin-top:0; margin-bottom:0; }

.main-page { margin-top: -25px; overflow:hidden; }
#content-page h2 { background: url('images/linebot.gif') repeat-x bottom left; }
#pages-sidebar1, #content-page, #sidebar-pages { padding-bottom: 32767px; margin-bottom: -32767px; }
#content-page { padding-top:10px; }
#pages-sidebar1 { background-color:#ebebeb; }
#pages-sidebar1 h2 span { visibility:hidden; }
h2#hp_about-us { width:100%; height:300px; background: url('images/h2_page_about.gif') no-repeat top right; }
h2#hp_kindergarten { width:100%; height:300px; background: url('images/h2_page_kindergarten.gif') no-repeat top right; }
h2#hp_primary { width:100%; height:300px; background: url('images/h2_page_primary.gif') no-repeat top right; }
h2#hp_junior-high { width:100%; height:300px; background: url('images/h2_page_junior.gif') no-repeat top right; }
h2#hp_senior-high { width:100%; height:300px; background: url('images/h2_page_senior.gif') no-repeat top right; }
h2#hp_international { width:100%; height:300px; background: url('images/h2_page_international.gif') no-repeat top right; }
#content-page h1, #content-page h2, #content-page h3, #content-page h4 { display:block; }

ul#page-listing { margin-left:0; margin-right:0; font-size:11px; list-style-image:none; list-style-position:outside; list-style-type:none; }
ul#page-listing li { padding:5px 0; list-style:none; background: url('images/linebot.gif') repeat-x bottom left; text-transform:uppercase; }
ul#page-listing li.current_page_item { background-color:#ebebeb; }
ul#page-listing li a { margin-left:10px; }

h2#hsb_news-event { width:100%; height:300px; background: url('images/h2_page_newsevent.gif') no-repeat top right; }
h2#hsb_articles { width:100%; height:300px; background: url('images/h2_page_article.gif') no-repeat top right; }
h2#hsb_reflections { width:100%; height:300px; background: url('images/h2_page_reflection.gif') no-repeat top right; }
#archives-sideblock, #post-sideblock { background-color:#ebebeb; }
#archives-sideblock h2 span, #post-sideblock h2 span { visibility:hidden; }

h2.archive-year {}
div.archive-block { float:left; display:block; margin:0; padding:0; width:100px; background: url('images/linebot.gif') repeat-x bottom left; }
div.archive-block h2 { font-size:11px !important; font-family:Verdana,Arial,Helvetica,Tahoma,sans-serif; }
div.archive-block h2 span { font-weight:bold; text-transform:uppercase;}

#main-archives, #main-post { margin-top: -5px; overflow:hidden; }
#archives-sideblock, #content-archives, #sidebar-archives { padding-bottom: 32767px; margin-bottom: -32767px; }
#content-archives, #content-post, #sidebar-archives, #sidebar-post { padding-top:10px; }
#post-sideblock, #content-post, #sidebar-post { padding-bottom: 32767px; margin-bottom: -32767px; }

div.archives-posts { background: url('images/linebot.gif') repeat-x bottom left; }
div.right p { text-align:right; }
.bigdate { font-size:40px !important; font-family:Georgia,"Times New Roman",serif; display:block; color:#777; }
.bigdate sup { font-size:16px !important; }
.monthyear { text-transform:uppercase; }

ul.recentList { margin:0; padding:0; list-style:none; }
ul.recentList li { margin:5px 0; padding-left:5px; padding-bottom:5px; background: url('images/linebot.gif') repeat-x bottom left; }

.pageContent { background: url('images/pagecontent.gif') no-repeat top left; }
#subfooter { margin:10px 0 0 10px; width:940px; height:80px; background:transparent url('images/subfooterbg.gif') no-repeat top left; }
#footer { margin: 10px 0 0 0; height: 70px; }

table { border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; }
caption { font-size:14px; font-family:Georgia,"Times New Roman",serif; text-align:center; background-color:transparent; }
th { text-transform:uppercase; text-align:center; background-color:#ebebeb; }
td { background-color:#f5f5f5; }
th, td { border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
table.table-center td { text-align:center; }

#footer p { margin-top: 10px; color: #09f; font-size: 11px; text-align: center; }
#footer a { color:#8cf; font-size:10px; text-transform:uppercase; }
#footer a:hover { color:#fff; }

div.mini-menu { margin:0 auto; text-align:center; }
div.mini-menu ul { margin: 10px 0; line-height:12px; position:relative; }
div.mini-menu li { list-style:none; display:inline; margin:0; padding:0; border-left:1px solid #09f; position:relative; }
div.mini-menu li.first { border:none; }
div.mini-menu a { padding:0 5px 0 6px; text-align:center; text-decoration:none; }

ol.alpha-list { list-style-type: lower-alpha; }

/* Main Menu */

#mainMenu ul { margin: 0; padding: 0; float: left; }
#mainMenu ul { /*margin-top: 10px;*/ }
#mainMenu a { text-decoration: none; }

#mainMenu li { float: left; display: block; margin: 0; padding: 0; }

#mainMenu li a { position: relative; z-index: 10; display: block; margin: 0; padding: 0; color: #fff; font-weight: normal; }

#mainMenu li#mm_home a { width: 94px; }
#mainMenu li#mm_about-us a { width: 88px; }
#mainMenu li#mm_kindergarten a { width: 119px; }
#mainMenu li#mm_primary a { width: 82px; }
#mainMenu li#mm_junior-high a { width: 104px; }
#mainMenu li#mm_senior-high a { width: 105px; }
#mainMenu li#mm_international a { width: 121px; }
#mainMenu li#mm_articles a { width: 84px; }
#mainMenu li#mm_news-event a { width: 143px; }

#mainMenu li span { display: none; text-align: center; }

#mm_home a, #mm_about-us a, #mm_kindergarten a, #mm_primary a, #mm_junior-high a, #mm_senior-high a, #mm_international a, #mm_articles a, #mm_news-event a { display: block; position: relative; height: 30px; background: url('images/mainmenubg.gif') no-repeat top left; }

#mm_home a { background-position: 0 0; }
#mm_about-us a { background-position: -94px 0; }
#mm_kindergarten a { background-position: -182px 0; }
#mm_primary a { background-position: -301px 0; }
#mm_junior-high a { background-position: -383px 0; }
#mm_senior-high a { background-position: -487px 0; }
#mm_international a { background-position: -592px 0; }
#mm_articles a { background-position: -713px 0; }
#mm_news-event a { background-position: -797px 0; }

#mm_home a:hover { background-position: 0 -30px; }
#mm_about-us a:hover { background-position: -94px -30px; }
#mm_kindergarten a:hover { background-position: -182px -30px; }
#mm_primary a:hover { background-position: -301px -30px; }
#mm_junior-high a:hover { background-position: -383px -30px; }
#mm_senior-high a:hover { background-position: -487px -30px; }
#mm_international a:hover { background-position: -592px -30px; }
#mm_articles a:hover { background-position: -713px -30px; }
#mm_news-event a:hover { background-position: -797px -30px; }

#mm_home a.current, #mm_home a.current:hover { background-position: 0 -60px; }
#mm_about-us a.current, #mm_about-us a.current:hover { background-position: -94px -60px; }
#mm_kindergarten a.current, #mm_kindergarten a.current:hover { background-position: -182px -60px; }
#mm_primary a.current, #mm_primary a.current:hover { background-position: -301px -60px; }
#mm_junior-high a.current, #mm_junior-high a.current:hover { background-position: -383px -60px; }
#mm_senior-high a.current, #mm_senior-high a.current:hover { background-position: -487px -60px; }
#mm_international a.current, #mm_international a.current:hover { background-position: -592px -60px; }
#mm_articles a.current, #mm_articles a.current:hover { background-position: -713px -60px; }
#mm_news-event a.current, #mm_news-event a.current:hover { background-position: -797px -60px; }

.morelink { font-size:9px; font-style:italic; font-weight:bold; text-transform:uppercase; }

/********************************************************************************                                                  
                          STYLE FOR QTIPS                                                   
********************************************************************************/
div.people-caption { margin:4px; background:#ebebeb; border:solid 1px #cecece; }
div.people-caption img { margin:5px; }
div.people-caption p { margin-bottom:0; padding-bottom:0; text-align:center; }
div.people-content { position:absolute; top:-99999px; }


/********************************************************************************
                Images
********************************************************************************/

.alignleft { float: left; }
.alignright { float: right; }

.wp-caption { margin:4px; background:#ebebeb; border:solid 1px #cecece; }
.wp-caption img { margin:5px; }
.wp-caption-text { font-size:10px; text-align:center; }

ul.page-gallery { list-style:none; }
ul.page-gallery li { float:left; margin:4px; background:#ebebeb; border:solid 1px #cecece; }
ul.page-gallery li img { margin:5px; }
ul.page-gallery li a { margin:0; padding:0; display:block; }

/********************************************************************************
                Borders
********************************************************************************/

.border-left{
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #ddd;
}

.border-right{
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ddd;
}

.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}

div.border{
  border: 1px solid #ddd;
}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}

.spacing { height:1px; margin:5px 0 0 0; }



/********************************************************************************                                                  
                          STYLE FOR WORDPRESS                                                   
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/

#navbar {
   margin: 0 auto 0;
   padding: 10px 0 10px 0;
}
	
#navbar li {
   display: inline;
   list-style-type: none;
   font-weight: bold;
   margin: 0;
   padding: 0;
}
		
#navbar ul {
   margin: 0;
   padding: 0;
}
	
#navbar ul li a {
   color: #000080;
   padding: 0 10px 0 10px;
   margin: 0;
   text-decoration: none;
   border-bottom: none;
}

#navbar ul li a:hover, a:active {
   text-decoration: underline;
}

#current_page_item a {
   text-decoration: underline;
}


/********************************************************************************
                Sidebar
********************************************************************************/

/* #sidebar h2{
   font-size: 1em;
   font-weight: bold;
   margin-bottom: .2em;
} */

#sidebar a {border-bottom: none;}


/********************************************************************************
                Footer
********************************************************************************/

#footer { text-align: center; font-weight: normal; }