@charset "UTF-8";
/* CSS Document */

/* General text formatting etc */
body { text-align:center; padding: 0px; background-color: #41aad4; font-family: Univers, Helvetica, Arial, san-serif;font-size: 9pt;line-height: 12pt; -webkit-text-size-adjust: none;}
a, a:link, a:visited { text-decoration:none; color:#ed1c24}
a:hover { text-decoration:underline }
a.black, a:link.black, a:visited.black, a:hover.black  { color: #000000 }
a.top img { margin-right: 4px }
.bold {font-weight: bold }

p { margin-bottom: 10px; margin-top: 0px}
p.headline:first-line { color:#2E3192; font-size: 11pt }
p.headline2:first-line {  font-size: 11pt; font-weight: bold }
p.headline3:first-line { font-weight: bold; }
p.large, span.large { font-size: 11pt }
span.large img { position: relative; top: 3px}
h1 { color: #2E3192; font-size: 22pt; font-weight: normal;line-height: 24pt; margin: 0 0 5px 0; text-align: left }
h1 img { position: relative; top: 5px; left: 5px }
h2 { color: #2E3192; font-size: 18pt; font-weight: normal;margin: 0 0 5px 0; line-height: 18pt}
h2.alt { color: #ed1c24}
h2 img { position: relative; top: 3px;}
h3 { color: #2E3192; margin-bottom: 5px; font-size: 10pt }
img { border: none; }
img.pad {margin-bottom: 10px; padding: 0 }

img.fakeUnderline:hover { border-bottom: #ed1c24 1px solid }
ul li { list-style: none; }
ul {  padding-left: 0px; margin-left: 0px}

ul.bullets { list-style-position:inside; padding-left: 10px; position: relative; top: -5px}
ul.bullets li {list-style: disc; }
ul.spaced li { margin-bottom: 18px }
ul.close { margin-top: 4px; }

div#main { width: 926px; text-align:justify; margin: 42px auto 0px auto; background-color:#FFFFFF; padding: 0 0 0 26px; }
.rightSide { width: 668px; float: left; padding: 0; clear:right;}
.leftBar {float: left; margin: 0px 21px 0px 0px; clear:left;}
.noBorder { width: 197px !important;}
div.leftBar { width: 195px; }
div.newLine { clear: left; margin-top: 20px }
.border { border: #41aad4 solid 1px;}

div.pad { padding: 10px 10px 10px 10px; float: left}
div.padLeft { padding: 10px 10px 10px 10px; width: 177px }
 
/* every page stuff */
span#home { position: relative; top: 5px; display: none;}
div.leftBar img#logo { margin: 26px auto 0px auto; display: block; }
div.leftBar img.pad { margin-bottom: 5px }
div#location { background-image:url(/images/topBack.gif); background-repeat:repeat-x; height: 17px; width: 670px; color:#2E3192; font-size: 11pt; 
padding: 4px 0px 0px 0px; text-align:center}

div#navigation { width: 670px;height: 88px; margin: 45px 0 45px 0; position:relative; z-index: 2;}
div#navigation ul { margin: 0px; padding: 0px }
div#navigation ul li { float: left; position: relative;}
div#navigation img {margin: 0px 5px 0px 0px; float: left;}
div#navigation img.last {margin-right: 0px }

div#naviation ul li.dropDown {position: relative;}
div#navigation ul li.dropDown ul { width: 130px; background:url(/images/dropBack.gif) repeat-x #41aad4; 
position: absolute; z-index: 2; top: 88px; left: 0px; color: #FFFFFF; padding-bottom: 7px; border-top: #FFFFFF 2px solid; display:none;}
div#navigation ul li.dropDown ul.worship { width: 120px}
div#navigation ul li.dropDown ul li { display: block; float:none; margin: 6px 0px 0px; padding-left: 3px }
div#navigation ul li.dropDown ul li:first-child { margin-top: 3px }
div#navigation ul li.dropDown ul li a, div#navigation ul li.dropDown ul li a:hover 
{ color: #FFFFFF; text-decoration: none; display: block; width: 95%; padding: 4px 0px 2px 6px}
div#navigation ul li.dropDown ul li a:hover { background: url(../images/dropHover.gif) repeat-x top}

div.footer { width: 926px; padding-top: 30px; float: none; clear:both }
div.footer  div{ padding-left: 5px; float: left;margin-bottom: 30px; text-align:left; }
div.footLeft { width: 192px; margin-right: 21px; clear:left}
div.footLeft a {font-size: 15pt }
div.footLeft a:hover { text-decoration:underline }
div.footRight {width: 665px; font-size: 8pt; }
div.footRight a { color:#000000 }
div.footer span { margin: 0px 4px 0px 4px }

/* specifics */
div#lowerLinks, div#fiaLowerLinks, div#ourLowerLinks { width: 651px; height: 201px; padding: 8px 8px 8px 8px; overflow: hidden;}
div#lowerLinks a img:hover,div#fiaLowerLinks a img:hover, img.lightLink:hover, a img#logo:hover { opacity:0.6; }
div#lowerLinks img { margin-right: 10px; float: left; }
div#ourLowerLinks img { margin-right: 20px; float: left}
div#fiaLowerLinks {margin-top: 20px; clear: left; }
div#fiaLowerLinks img.last, div#ourLowerLinks img.last { margin-right: 0px }
div#fiaLowerLinks img { margin-right: 18px; float: left }

div.gradeBack { width: 174px; float:left;  margin-left: 5px;  }
div.gradeBack div a { display:block; color:#000000}

div.gradeBack div a:first-line, div.gradeBack span.forceFirst{ font-weight: bold; font-size: 9pt;  color:#000000;} 
div.gradeBack div a:hover { text-decoration: none }
div.gradeBack a span.bracket { color: #ed1c24; display:block; margin-top: 4px} 
div.gradeBack a span.bracket:hover { text-decoration:underline} 
div.gradeBack div { background-image: url(/images/fadeLine.gif);background-repeat:no-repeat; background-position:bottom;  padding-top: 4px;
padding-left: 4px;text-align:left; line-height: 10pt; font-size: 8pt; overflow:hidden; vertical-align:top; }
div.gradeBack a img:hover { opacity:1; }


div#longGrade {background-image:url(/images/gradeLong.gif); background-position: 343px;  }
div#mediumGrade {background-image:url(/images/gradeMed.gif); background-position: 341px; }
div.longGrade { width: 670px; background-repeat:repeat-x; background-color:#a7ddea; }
div.longGrade div { width: 300px; float: left; margin: 20px 14px 0 14px; text-align:left; }
div.longGrade p:first-line, div.longGrade span { font-weight: bold; font-size: 12pt; }
div.longGrade p.nth:first-line { font-weight: normal; font-size: 9pt }
div.longGrade p.nth { margin-top: -5px }
div.longGrade p { margin-bottom: 15px}
div.longGrade div img { margin-bottom: 4px}
div.leftGrade { background-image:url(/images/gradeLeft.gif); background-position:bottom; background-repeat:repeat-x; }

div#whatsNew a:first-line { font-size: 10.5pt; font-weight: normal; line-height: 10pt}
div#whatsNew a { font-size: 32pt;color:#ee4733; line-height: 24pt; padding-top: 0px; height: 49px; margin-bottom: 2px}
div#whatsNew a, div#whatsNew a:first-line { color:#ee4733; }

div.whatsNew div { height: 45px; width: 170px  }

div.jobOps { float: left; margin-left: 13px;}
div.jobOps img { float: left }
div.jobOps div#jobOps a:first-line, div.jobOps div#jobOps:first-line { font-size: 10.5pt; font-weight: normal; line-height: 10pt; color:#ee4733;}
div.jobOps div#jobOps a, div.jobOps div#jobOps{ font-size: 18pt; color:#ee4733; padding-top: 0px;   }
div.jobOps div#jobOps {  height: 49px;}
div.leftBar div.jobOps div#jobOps { height: 39px }


div.jobOps div.gradeBack div { width: 170px; height: 60px; }
div.jobOps div div img { margin-bottom: 8px }

div.leftBar div.jobOps { margin-left: 0px }
div.leftBar div.jobOps div a img { margin-bottom: 4px }

div.whatsNewLeft { height: 673px }
div.whatsNewLeft div { padding-bottom: 7px }


div.retreats div { height: 50px }
div#retreats { height: 30px }
div.retreats div#retreats a, div.retreats div#retreats a:hover, div.retreats div#retreats a:visited, div.retreats div#retreats a:link
{ font-size: 22pt;line-height: 18pt; color:#ee4733; height: 30px;margin-bottom: 0px; display: inline; }

div.stack { text-align: center }
div.stack h1 {margin-bottom: 0px }
div.stack img { display: block; clear: both;float: left; }
div.stack img.header {margin: 0px 0px 18px }
div.stack div.top { padding-top: 10px }
span.bottom { border-bottom: #41aad4 solid 1px; float:none; display:block; clear:both; width: 638px; margin: 0px auto 0px;}
div.stack div { text-align:justify; float: left; width: 328px; padding: 0px 18px 18px; background:url(../images/stackBack.gif) bottom repeat-x; vertical-align:top;  }
div.stack div.mainImage { padding: 0px; background: none; width: 304px; margin: 0px; color: #ed1c24; text-align:center }

div.stack div.longStack { background-image:url(../images/stackBackLong.gif);}
div.stack div.longerStack { background-image:url(../images/stackBackLonger.gif);}
div.stack div.fixHeight { height: 239px }
div.stack p { display: block; clear:both; margin-bottom: 10px; }
div.stack div img {float: none; display: inline;}

div#mainGrade, div#mainGradeLong { position: relative }
div#mainGrade div.right, div#mainGradeLong div.right { position: absolute; top: 0px; left: 319px; width: 324px;}

div#mainGradeLong { background-image: url(/images/gradeBackLong.gif); background-repeat:repeat-x; background-position: bottom; }
div#mainGrade { background-image:url(/images/gradeBack.gif); background-repeat:repeat-x; background-position:bottom;}
div#mainGrade .mainImage, div#mainGradeLong .mainImage, div#stack .mainImage { float: left; clear: left; margin: 0px; padding: 0px  }
div#mainGrade div.mainImage, div#mainGradeLong div.mainImage { width: 334px; }
div#mainGrade div.mainImage .more, div#mainGrade .more, div#mainGradeLong div.mainImage .more, div.stack .more { border-top: 14px #FFFFFF solid}
div#mainGrade div.mainImage .moreOrLess, div#mainGradeLong div.mainImage .moreOrLess { border-top: 7px #FFFFFF solid } /* fake some whitespace on a colored background */
div#mainGrade img.header, div#mainGradeLong img.header { margin-bottom: 10px }
div#mainGrade div, div#mainGradeLong div {  margin-left: 14px; margin-right: 0px; padding-top: 10px; padding-right: 10px; float:left;}
div#mainGrade div div, div#mainGradeLong div div { width: auto; margin: 0; padding: 0; float: none } /* a centered div */

div#mainGrade div.mainImage div.oceanBack, div#mainGradeLong div.mainImage div.oceanBack 
{ background-image:url(/images/oceanGrade.gif); background-repeat:repeat-x; height: 267px; width: 320px;  }
div#mainGrade div.oceanBack2 { float: left; background:url(../images/oceanGrade2.gif) repeat-x; height: 495px; width: 320px; border-bottom: 15px #FFFFFF solid }
div#mainGradeLong div.oceanBack3 { float: left; background:url(../images/oceanGrade3.gif) repeat-x; height: 584px; width: 320px; border-bottom: 15px #FFFFFF solid; text-align: center }
div#mainGradeLong div.oceanBack3 img { margin: 323px auto }

div.caption { position:relative; left: 240px; top: 5px; width: 400px; color:#ed1c24}

div#vertNav h2 {margin-top: 10px; margin-left: 10px }
div#vertNav p { margin-left: 10px; padding-right: 10px; }
div#vertNav ul { padding:0; margin: 0px;width: 195px  }
div#vertNav ul li { background-image:url(/images/menuBar.gif); background-repeat:repeat-y; 
background-position:right;  width: 195px;  list-style-type:none;list-style-position:outside;border-top: 1px #41aad4 solid; margin: 0px }
div#vertNav ul li:hover {background-image:url(/images/menuBar_over.gif); }
div#vertNav ul li a, div#vertNav ul li a:link {color:#000000; display: block; padding: 10px 0px 9px 13px;}
div#vertNav a:hover, div#vertNav a:visited { text-decoration: none; color:#000000;}

iframe.calendar { position: relative; left: -2px; }
img.calendarCode { position:relative; left: -12px; top: 25px; vertical-align: top; }
div#videos { width: 296px }
div#videoHolder {margin-left: 120px; position:relative;}
div#videoHolder a { position: absolute; right: 25px; bottom: -23px }
div#videoBottom { margin-left: 120px; margin-top:35px; } 
div#videoBottom div { width: 356px; height: 315px}
div#videoBottom div img {margin-bottom: 14px }
div#videoBottom div:first-child { margin-right: 12px}


div.timeline a, div.timeline a:link, div.timeline a:visited { color:#38C1F1 }
div.timeline a:hover, div.timeline li#current a { color: #B753A3}

div#timelineLeft { height: 565px } 
div#timelineLeft ul { text-align:left; padding-left: 10px }
div#timelineLeft li {margin-bottom: 4px }
div#timelineLeft li#current { list-style:url(/images/ourStory/timelineBullet.gif); }


div#timelineRight {width: 646px; padding-bottom: 20px}
div#timelineRight h1, div#timelineRight h2, div#timelineRight h3, div#timelineRight h4 { color: #093E66; text-align: left;}
div#timelineRight h1 { font-size: 16pt; }
div#timelineRight h2 { font-size: 14pt; }
div#timelineRight h3 { font-size: 12pt; font-weight: normal }
div#timelineRight h4 { font-size: 10pt; font-weight: normal }

div#timelineRight ul { padding-left: 14px }
div#timelineRight li { list-style:disc}
div.timeline p.floatImages { clear: both }
div.timeline p.floatImages img { float: left }

div#links { padding-bottom: 28px }
div#links div { float: left; padding-top: 28px}
div#links div h2 { text-align: left }
div#links div.logo { width: 245px; text-align: center; }
div#links div.text { width: 394px }
div#links div.logo img { margin: auto auto; vertical-align:middle; }

/*Test 
div#mainGrade div  {background-color:#33FF99 }
div#navigation { background-color:#3366FF }
div.whatsNew { background-color:#CC3333 }
div.leftBar { background-color:#00FFFF }
div.rightSide { background-color:#CCFF33 }
div.leadership { background-color:#FFCC33 }
div.footer {background-color: #CC6633;}
*/