body { font-family: Helvetica; font-size: 18px; background:#FCFAF2 none repeat scroll 0 0; }
h1 { font-family: Helvetica; font-size:28px; color:#2E6E9E; font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;padding: 5px; letter-spacing: 1.25px; margin-top: 1px; margin-bottom; 1px; }
h2 { font-size:24px; /* line-height: 22px; */}
h3{ margin-bottom:3px; margin-top:25px; font-size:22px; /* line-height: 18px; */}
h4 {margin-bottom:1px; font-size:20px; /* line-height: 16px; */}
p { font-size:18px; text-align:justify; }
ol{ margin:0;}
ul{ margin:0; list-style-type:circle; }
a:link {color:#378DE5;/*#2E6E9E; */}      /* unvisited link */
a:visited {color:#378DE5; /*#2E6E9E; */}  /* visited link */
a:hover {color:  #921FF0;/* #E17009; */text-decoration:none;}  /* mouse over link */
a:active {color: #378DE5;/*#2E6E9E;*/}  /* selected link */
iframe {border: none;}

.headerContainer{ margin: 0 auto; width:100%; max-width:1200px; min-width:320px;}
.bodyContainer{ display:none; margin: 0 auto 25px; width 100%; max-width: 1200px; min-width:320px; }
.headlink { border:none;}
.headlink img { border:none;}
.headlink a:link { text-decoration:none; }
#theLikeButton{/* float:right; position:relative; top:215px;} */
    padding-left: 75px;
    position: relative;
    top: 215px;
}
.fb-like span, .fb-like iframe { height:25px!important; width:150px!important}
.pluginCountButton{display:none!important;}

/*--------- HEADER ---------*/
#portContainer{width:15%; float:left;}
#port{ width:100%; min-height: 150px; overflow: hidden; margin-left:5px; }
@keyframes pound { from, to { transform: none; } 50% { transform: scale(1.1); }}
#heart_img { display: inline-block; animation: pound .5s 20; -moz-animation:pound .5s 20; /* Firefox */
	-webkit-animation:pound .5s 20; /* Safari and Chrome */
	transform-origin: center;  }
#heart_img img{ }

.parallax-viewport { position: relative; overflow: hidden; }
.parallax-viewport ul{ list-style-type:none; margin-left:0px; }
.parallax-viewport ul li{ margin-left:-37px; }
.parallax-layer { position: absolute; }

#eoftxtContainer{width:85%; float:left; min-height:150px; }
#eoftxt_img{width:80%;max-width: 550px; padding-top:10px;}

#lfoot_img{ display:none; }
#rfoot_img{ display:none; }

.rfoot{background:url("../images/rightfoot_sm.png") repeat-x;
   display:none; width:60px; height:55px; min-width:60px; min-height:55px; position:absolute;}
.lfoot{ background:url("../images/leftfoot_sm.png") repeat-x;
   display:none; width:60px; height:55px; min-width:60px; min-height:55px;  position:absolute;}
.eofButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff !important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
}.eofButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.eofButton:active {
	position:relative;
	top:1px;
}

/*--------- HEADER ---------*/
#eoftxt_img{ margin-top: 25px; margin-left:5px;} /* This is the EOF banner text image */
#headerQuote{ color: #2E6E9E; position: relative; display:none; }
/*--------- TABS ---------*/

/*--------- HOME TAB ---------*/
#newsAlert{color:red; display:none;}
#globalKids{ background:url("../images/global_kids_sm.png") repeat-x;
   width:196px; height:233px; min-width:196px; min-height:233x; display:inline-block; float:right;  margin-right: 10px;position:relative;top:-17px; }
#homeLeftPanel{ width:850px; float:left; margin-left:2px; margin-bottom:4px; padding-bottom:4px;}
.homeQuote{color:#921FF0;/*#2E6E9E; */max-width:515px;font-family:"Comic Sans MS", Lucida Grande,Lucida Sans,Arial,sans-serif;}
.homeHiglighted{font-size:22px; color:#921FF0; /*#2E6E9E;*/ font-family:"Comic Sans MS", Lucida Grande,Lucida Sans,Arial,sans-serif; text-align:center !important; margin-top:10px; margin-bottom:10px;}
#socialNetworks { margin:0 10px 0 0; padding:10px 10px; font-size:14px; letter-spacing:1.4px; }
/*--------- FACEBOOK ---------*/
#facebook-link{ margin-left:auto; margin-right:auto; margin-top: 18px; width:90%; max-width=1100px;}
/* #facebook-link{ float:left; margin-left:10px; margin-top: 5px; margin-bottom:42px; width:850px;} */
#facebook-link a{ text-decoration:none; font-size:14px; color: #3B5998;}
#facebook-link a:hover{font-size:14px;color: #921FF0; /*#E17009*/}/*changed from 14px dte*/
#facebook-link a:visited {color:#3B5998; }  /* visited link */
#facebook-link a:active {color:#3B5998;}  /* selected link */
#fbFollowUs{ margin-top:5px;} /* This is the facebook box. */

/*------ CHAPTER TAB ------*/
#facebookChapterBox{ border:none; margin: 5px 0px 2px;}
.disclaimer { -moz-border-radius:7px 7px 7px 7px; border:none; color:#FFFFFF; margin-top:3px; padding:6px; text-align:center; width:788px;}
#twitIcon{ height:64px; left:-17px; position:absolute; top:-26px; width:64px; }
#worldMapDiv{ width:800px; border: 1px solid #4297D7;}
.chapterList{ /* height:630px; overflow:auto;  */border:none; }
.chapterListAll{ height:2400px; overflow:auto; border:none; }

#chapterPopUp{ z-index:9998; display:none; width:400px; height:320px;
	position:absolute; top: 181px; left: 250px; background-color:#FFFFFF;
	border-color:#5C9CCC #5C9CCC #5C9CCC; border-style:solid solid solid; border-width:4px 4px 4px; -moz-border-radius:4px 4px 7px 7px; 
}
#chapterPopUp h3 { margin: 0; padding: 0.4em; text-align: left; width: 384px; background-color:#5C9CCC; color:#FFFFFF;
    	border-color:#5C9CCC #5C9CCC #5C9CCC; border-style:solid solid solid; border-width:4px 4px 4px; -moz-border-radius:4px 4px 7px 7px; 
}
#chapterPopUpContent{ width:400px; height:260px; z-index:9999; overflow:auto; }
#chapterPopUpContentList{ margin-left: 10px; }

/*--------- BLOG TAB ---------*/
.latestInfoToc{ float:right; width:200px; margin-left:10px; }
.latestInfoToc ul { list-style-type: inherit; margin: 0 7px 20px -20px; font-size: 12px; }
.latestInfoToc ul li { margin-top: 10px; }
.latestInfoEntry{ margin-bottom:5px; margin-top:10px; }

.singlePost { padding:10px; }
.timeStamp{ font-size: 12px;  margin-bottom:-10px; }

/*--------- FAQ TAB ---------*/
.question{font-weight: bold;}
.answer{margin-top:-17px}
.answerList{margin-top:-35px;}
#aboutContent{ width: 600px; margin: 38px; font-size: 14px; }
#shellWalkerQuote { margin-left: 23px; margin-top: -9px; font-size:14px; }
#shellWalkerQuote ul{ margin:0; list-style-type:circle; font-size:14px; }
.footnote{ font-size:12px; }
.sScript{ font-size:12px; }
.backToTop{ line-height:1.15; text-indent:0pt; text-align:right;direction:ltr; }

/*--------- RESOURCE TAB ---------*/
#rguide{ margin-top:10px;}
.flyerImage{
    border: thin solid slateblue;
    float: left;
    height: 240px;
    margin-bottom: 20px;
    margin-left: 14px;
    padding: 2px;
    text-align: center;
    width: 220px;
}
/*--------- FOUR PILLARS TAB ---------*/
/*#fourPillarsHeader{text-align:center;}
#fourPillarsBody{ padding-right:10px; padding-left:10px; }
*/
.blueBox{
    background: none repeat scroll 0 0 #DFEFFC;
    border: 1px solid #C5DBEC;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius:7px 7px 7px 7px;
    color: #2E6E9E; font-size: 14px; /*font-weight: bold; */
    /* margin-left: auto; margin-right: auto; */
    padding: 10px 10px 15px;
    width: 460px;
    }
.blueBox h3{ margin-bottom:14px; margin-top:6px; font-size:22px;}
#fourPillarsBody table, #fourPillarsBody th, #fourPillarsBody td {
    background: none repeat scroll 0 0 #DFEFFC;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    font-size: 14px;}
#fourPillarsBody table{border-radius: 7px 7px 7px 7px;}
#fourPillarsBody td p{ text-align:left; }

/*--------- FOOTER ---------*/
#footpanel { background:none repeat scroll 0 0 #5C9CCC; 
    border-color:#5C9CCC #5C9CCC -moz-use-text-color; border-style:solid solid none; border-width:1px 1px medium;
	bottom:0; left:0; margin:0 0%; position:fixed; width:100%; height:36px; z-index:9999; }
#footpanel ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none;
	border-top: 1px solid #fff;  font-size: 1.1em; }
#footpanel ul li{ padding: 0; margin: 0; float: left; position: relative;}
#footpanel ul li a{ padding: 5px; float: left; text-indent: -9999px;
	height: 16px; width: 16px; text-decoration: none; color: #333; position: relative; }
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active {  background-color: #fff; height: 17px; margin-top: -2px;
	border: 1px solid #555; border-top: none; z-index: 200; position: relative; }
#spirit { color:#FFFFFF; margin:0 10px 0 0; padding:10px 10px; text-align:center; }
#spirit a{ color:#FFFFFF; font-size:14px; text-decoration:none; }
    


ul.resp-tabs-list{ margin: 0px; padding: 0px; }

.resp-tabs-list li {
    color:#2E6E9E;
    border: 1px solid #c1c1c1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;

    background-color:#DFEFFC; 
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 18px;
    display: inline-block;

    padding: 2px 5px;
    margin-right: 2px;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container { padding: 0px; clear: left;}

h2.resp-accordion { cursor: pointer; padding: 5px; display: none; }

.resp-tab-content { display: none;  padding: 2px 15px 15px; }

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    margin-bottom: -1px !important;
     padding: 2px 6px;
}

.resp-tab-active {
    border-bottom: none;
/*    color:#E17009 !important; */
    color:#921FF0  !important;
    background-color: #FCFAF2 !important;
}

.resp-content-active, .resp-accordion-active { display: block; }

.resp-tab-content {border-top: 1px solid #C1C1C1;}

h2.resp-accordion {
    font-size: 18px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue; }

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; }

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active { background: #DFEFFC !important; }
.resp-easy-accordion h2.resp-accordion { display: block; }
.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit { width: 100%; margin: 0px; }

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #c1c1c1 !important; }

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

    ul.resp-tabs-list { display: none; }

    h2.resp-accordion { display: block; }

    .resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed { display:none !important; }
    .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
    #port{ min-height: 120px; }
    #eoftxtContainer{min-height:120px; }
    .bodyContainer{width:100%};

}
@media only screen and (max-width: 767px) {
    #port{ min-height: 110px; }
    #eoftxtContainer{min-height:110px; }
    #groupOptRadio3{display:none;}
    .latestInfoToc{display:none;}
}
@media only screen and (max-width: 600px) {
    #port{ min-height: 100px; }
    #eoftxtContainer{min-height:100px; }
    .latestInfoToc{display:none;}
    .mapOption{display:none;}
}
@media only screen and (max-width: 420px) {
    #port{ min-height: 80px; }
    #eoftxtContainer{min-height:80px;}
    #globalKids{background:none;display:none;}
    .mapOption{display:none;}
    .latestInfoToc{display:none;}
}