/* body */
body { background-image:url('/img/bg.gif'); background-color:#ecece7; background-position:top left; background-repeat:repeat-x; text-align:center; font: 0.81em/1 "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; }

/* Color */
.fbcs-red { color: #7f2013; }
.fbcs-blue { color: #00539b; }
.fbcs-green { color: #445547;}
.fbcs-green-dark { color: #2b362e; }
.fbcs-white { color: #FFF; }
.marginal { margin-left:10px; margin-right:10px }

/*wrapper*/
div#wrapper { margin-left:auto; margin-right:auto; text-align:left }
div#wrapper, div#wrapper div#gutter-wrapper, div#wrapper div#banner-wrapper, div#wrapper div#content-wrapper, div#wrapper div#footer-wrapper { width:980px }

/*gutter*/
div#wrapper div#gutter-wrapper { height:40px; margin:10px 10px 0px 10px; }
div.call-us { float: left; }
div.call-us span.call-us-text { color: Gray; font-weight: bold; font-size: 14px; }
div.call-us span.call-us-phone { color: Black; font-weight: bold; font-size: 22px;}
div.nav-global { float: right; margin-right: 20px; margin-top: 10px; }
div.nav-global span.support-our-school { height: 31px; font-weight: bold; font-size: 14px;  margin-left: 20px; line-height: 31px; vertical-align: top; }
div.nav-global span.support-our-school a { height: 31px; text-decoration: none; line-height: 31px; vertical-align: top; }
div.nav-global span.for-parents { height: 31px; font-weight: bold; font-size: 14px; margin-left: 20px; line-height: 31px; vertical-align: top; }
div.nav-global span.for-parents img { margin-right: 6px; }
div.nav-global span.for-parents a { height: 31px; text-decoration: none; line-height: 31px; vertical-align: top; }

/*banner - main background page head boarder with transparent drop shadow */
div#banner-wrapper { background-image:url('/img/bg_h.png'); background-position:0px 0px; background-repeat:no-repeat; height:120px; overflow:hidden }
div#banner { margin-top:30px }

/* logos */
img.fbcs-logo { float:left }
img.fbc-ministry-logo { float:right }

/* navigation - main background image */ 
div#navigation { background-image:url('/img/HomePageImage.jpg'); background-position:0px 0px; background-repeat:no-repeat; height: 595px; margin: 0px; overflow:hidden; }

/* navigation - black simi-transparent background image */
div#navigation-links-wrapper { background-image:url('/img/navbar-bg.png'); background-position:0px 0px; background-repeat:no-repeat; height:48px; margin: 0px; overflow:hidden }
ul#navigation-links { margin: 0px; }

#nav-margin { margin-left:25px; margin-right:25px }

/* navigation - items */
div#navigation ul { display:block; height:48px; list-style:none; position:relative }
div#navigation ul li { float:left; font:bold 14px Arial; margin:0px; text-align:center }
div#navigation ul li a { color:#FFF; line-height:48px; margin:0px; text-decoration:none }
div#navigation ul li#nav-home { text-align:left; width:66px; }
div#navigation ul li#nav-extracurricular { width:162px }
div#navigation ul li#nav-tourourcampus { width:182px }
div#navigation ul li#nav-calendar { width:120px }
div#navigation ul li#nav-enrollment { width:128px }
div#navigation ul li#nav-academics { width:128px }
div#navigation ul li#nav-contactus { text-align:right; width:98px; }

/* content - main background page content boarder with transparent drop shadow */
div#content-wrapper { background-image:url('/img/bg_m.png'); background-position:0 0; background-repeat:repeat-y; height:100%; text-align:left; }
div#content { height:100% }

/*footer*/
div#wrapper div#footer-wrapper { background-image:url('/img/bg_f.png'); background-position:0 bottom; background-repeat:no-repeat; height:30px; }
#modaldialogwrapper { background: transparent; border:0px solid #ccc; height:660px; width:860px; display: none; background-image:url('/img/modalbg.png'); background-position:0px 0px; background-repeat:no-repeat; overflow:hidden; }

/* sitemap*/
div#sitemap-wrapper { margin-top: 20px; text-align: center; color: #555; font-size: 10px; font-family: "lucida grande", Tahoma, Sans-Serif }
div#content p {	padding: 0px; font-size: 0.88em; line-height: 1.8em; margin-bottom: 1.33em; margin: 0.5em 0px 1.5em; color: #333; }
.content-margin { margin: 15px; }
.grid-margin-subnav { padding: 20px 16px 0px 36px; }
.grid-margin-lastnext { padding: 20px 36px 0px 56px; }
.grid-margin-lastnext .left img { float:left; padding-right: 10px; }
.grid-margin-lastnext .left img span { float:left;  }
.grid-margin-lastnext .left { float:left; text-align:left; vertical-align: middle; line-height:24px; width: 50%; padding-top:8px;}
.grid-margin-lastnext .right img { float:right; padding-left: 10px;  }
.grid-margin-lastnext .right img span { float:right; padding-left: 10px; }
.grid-margin-lastnext .right { float:right; text-align:right; vertical-align: middle; line-height:24px; width: 50%; padding-top:8px; }
.grid-margin-intro { padding: 0px 36px 30px 56px; }
.grid-margin-left { padding: 0px 36px 70px 56px;}
.grid-margin-left-table { padding: 8px 36px 10px 56px;}
.grid-margin-right { padding: 0px 36px 70px 36px;}
.grid-img { padding-top: 8px; padding-bottom: 8px;}
    
div.subnavlist { text-align: right; } 
div.subnavlist li { display: inline; list-style-type: none; padding-left: 10px; }
div.subnavlist li a.active { color:#888888; }

.grid-margin-left2 { padding: 0px 0px 70px 48px;}
.grid-margin-center2 { padding: 0px 24px 70px 24px;}
.grid-margin-right2 { padding: 0px 48px 70px 0px;}


/* homepage */
.midsized-text-header { font-weight: bold; font-size: 16px; }
div#events-wrapper { margin-top: 310px; }
div#events-box { height: 216px; background-image:url('/img/eventsbg.png'); vertical-align: bottom; background-position:0px 0px; background-repeat:no-repeat; margin: 0px; overflow:hidden;}
div#events-box div#events-box-in { margin: 20px; }
div#events-box div#events-box-in hr { color: #fff; background-color: #fff; height: 1px; border: 0px;}
div#events-box div#events-box-in ol#events { display:block; list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; }
div#events-box div#events-box-in ol#events li { color: #bababa; display:list-item; line-height: 24px; font-size: 12px;}
div#events-box div#events-box-in ol#events li b { color: #ffffff;}
div#home-page-subpanel { margin-top: 20px; }
a.more { float: right; margin-top: -40px; }


div#content h1 {font-Family: "Lucida Grande", Arial, Verdana, Sans-Serif; font-size: 36px; line-height: 36px; color: #000000; display: block; padding-top: 20px;}
div#content h2 {font-Family: "Lucida Grande", Arial, Verdana, Sans-Serif; font-size: 22px; line-height: 30.8px; color: #000000; display: block;}
div#content p {font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 1.5; color: #2d2d2d !important; display: block;}
div#content p.intro {font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; font-size: 16px; font-weight: normal; line-height: 1.4; color: #888888 !important; display: block;}
div#content blockquote {font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Sans-Serif; padding-left:0px; margin-left:0px; font-style:italic; font-size: 14px; font-weight: normal; line-height: 1.4; color: #4d7827 !important; display: block;}
div#content div.hr { height: 1px; background: #fff url('/img/hr.gif') repeat-x scroll center; }
div#content div.hr hr { display: none; }

div#content th { border-right: 1px solid #888888; border-bottom: 1px solid #888888; border-top: 1px solid #888888; border-left: 1px solid #888888; letter-spacing: 2px; line-height: 1.5; font-size: 1em; text-transform: uppercase; text-align: left; padding: 12px 8px 8px 8px; background: #ecece7; }
div#content td { border-right: 1px solid #888888; border-bottom: 1px solid #888888; border-left: 1px solid #888888; line-height: 1.5; font-size: 1em; background: #ecece7; padding: 12px 8px 8px 8px; }
div#content .listtype1 { padding: 5px; color: #888888; }
div#content .listtype1 ul  { list-style: none; margin-left: 0; padding-left: 2em; text-indent: -2em; }
div#content .listtype1 li { padding-bottom: 1.5em; }
div#content a { color: #0383cc; }