@charset "UTF-8";
/*  
Theme Name: coolBlue 
Theme URI: http://www.elephantlair.com
Description: Developed for BEST Tutoring (www.nlightening.com) Social media-enabled theme
Version: 1.0
Author: Scott Nesham
Author URI: http://www.elephantlair.com

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background:url(Images/body.jpg);
	font-family:Helvetica, Arial;
	font-size:12px;
	height:100%;
	min-height:100%;
	clear:both;
}
ol, ul {
	list-style: disc;

}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*generic */

h1{}
h2{}
h3{padding:1.2em 0 .5em 0; color:#0b1d2c; font-size:22px;}
h3 a{ color:#0b1d2c; font-size:22px; text-decoration:none;}
h4{}

p {color:#133b5d; font-size:14px; padding-bottom:1em;}

ul {display:block;}



ul li { background:url(Images/bulletReg.png) no-repeat left center; display:block; padding:0; color:#133b5d;}

.sidebar ul li {padding:20px 0 0 4px;}

/*classes for repeated structural and interface elements */

/* menu elements */

#nav{height:79px; }

#nav a:link, #nav a:visited{display:block;text-decoration:none; color:#333; font-weight:bold; text-align:center; font-size:17px; padding:46px 16px 16px 16px;}

#nav a:hover{color:#555; background:url(Images/currentTab.jpg) 33% 66px no-repeat;}

#nav a:focus{color:#555; background:url(Images/currentTab.jpg) 33% 66px  no-repeat;}

#nav ul li{float:left;}

#nav li ul {position: absolute; left: -5000px; background:url(Images/subLeft.png) no-repeat; height:61px; z-index:200; margin-top:-10px; margin-left:0px; padding:0 0 0 25px;}

#nav li ul li { height:61px; margin:0px; padding:0px;}

.navRightBox{background:url(Images/subRight.png) no-repeat right top; width:13px; height:56px;}


#nav li ul a:link, #nav li ul a:visited {padding:25px 20px 17px 0px; font-size:13px;color:#fff; background:url(Images/subSlvr.png) repeat-x;}

#nav li ul a:hover {padding:25px 20px 17px 0px; font-size:13px;color:#fff; background:url(Images/subNavHover.png) center top repeat-x;}

#nav li:hover ul {
	left: auto;
}

.children li:last-child{background:url(Images/subRight.png) no-repeat right top;}
.children li:last-child a:link, .children li:last-child a:hover, .children li:last-child a:visited{ margin-right:13px;}

.subLast{ background:url(Images/subRight.png) no-repeat right top;}
.subLast a:link, .subLast a:visited, .subLast a:hover{ margin-right:13px;}
	
/* top section */
#pageBack{background:url(Images/backgroundMAIN.jpg) repeat-x; clear:both; height:100%; min-height:100%; padding-bottom:50px;}
#topContain{ min-height:276px; height:auto; width:979px; margin:0 auto;}
#leftTopContain{float:left; width:324px;}

/*contact info stuff */
#leftTopContain ul li{float:left; margin:12px 0 0 0; text-indent:-999px; overflow:hidden; padding:0;}
#leftTopContain ul li a{display:block; text-indent:-999px; overflow:hidden;}
.contactLI{ background:url(Images/contact.png) right top no-repeat; width:98px; height:36px; padding-left:50px;}
.addressLI{ background:url(Images/address.png) no-repeat; width:103px; height:36px;}


#rightTopContain{float:left;}
#logo{display:block; height:220px; background:url(Images/logo.png) no-repeat center bottom; text-indent:-999px; overflow:hidden;}
#logo a{display:block; height:200px; border:0 solid #fff; width:300px; text-indent:-999px; overflow:hidden;}

#splash{}
#splash h1{font-size:27px; color:#FFF; display:block; padding:50px 0 0 297px;}
#splash h2{font-size:52px; color:#FFF; display:block; padding:0 0 0 297px;}
#splash h3{font-size:46px; color:#0b1d2c; display:block; padding:0 0 0 297px; text-align:right;}
.bigPicture{ width:630px; height:197px; background:url(Images/bigPicture.png) bottom left no-repeat;}


/* bottom section (actual panes) */

#paneContain{ height:auto; min-height:400px; width:979px; margin:0 auto; clear:both;}
#footer{ clear:both; position:fixed; bottom:0; width:100%;}

/*left*/
#leftPane{ width:287px; float:left;}
#twitterTop{display:block; text-indent:-999px; overflow:hidden; background:url(Images/twitterTop.png) no-repeat; height:119px; }

/* juitter */
.juitterContainerHolder{background:url(Images/juitterContainer.png) no-repeat; height:320px; padding:0 15px 0 10px;}
#juitterContainer{height:303px; font-size:12px; overflow-y:scroll;}
#juitterContainer ul li{padding-left:4px;}
.tweeTop {background:url(Images/tweeTop.png); height:47px;}
.tweetNavLeft{padding:0 0 0 26px;}
.tweetNavRight{padding:0 0 0 36px;}
.tweetNav ul{display:block; float:left;}
.tweetNav li{display:block; float:left; list-style:none; padding:0;}
.tweetNav li a{font-size:12px; font-weight:bold; color:#333; text-decoration:none; display:block; padding-top:8px; height:29px;}
.tweetNav li a:hover, .tweetNav li a:active, .tweetNav li a:focus{ color:#333; background:url(Images/twitterSelector.png) right bottom no-repeat;}

.twittLI{ clear:both; padding-bottom:5px; margin-bottom:10px; background:url(Images/tweetDivide.png) bottom center no-repeat;}
.twittLI img{ float:left; padding-right:5px;}
.JRM{display:block; clear:both; text-align:right; padding:4px 7px 0 0; font-size:11px; text-decoration:none; color:#3f6f8e;}
a.JRM:hover {text-decoration:underline;}
.hashLink, .extLink{ background:#102636; color:#8ae821; text-decoration:none; padding:1px 3px; line-height:1.3em}
.profileLink{color:#222;}
.street-address{
	display: none;
}
/*contentPane */
.postmetadata{ background:#EFF9FF; color:#666; padding:3px 0px 2px 10px; margin:0 33px 0 5px;}
.postmetadata a{color:#333;}

#contentColumn {width:473px; float:left;}
#contentColumnSingle {width:745px; float:left; margin-right:15px;}
#contentPaneHeader {background:url(Images/contentPaneTop.png) no-repeat bottom; height:30px; padding:38px 0 0px 40px}
#contentPaneHeader h2 
{ float:left; margin-top:-15px; padding:16px 8px 8px 20px; height:20px; font-weight:bold; font-size:14px; color:#FFF; display:block; background:url(Images/pageAndPostBack.png) no-repeat ;}
.titleRight{ background:url(Images/pageAndPostEnd.png) bottom left no-repeat; width:10px; height: 40px; float:left; margin-top:-18px;}
#contentPaneHeaderSingle {background:url(Images/contentPaneTopSingle.png) no-repeat bottom; height:30px; padding:38px 0 1px 40px}
#contentPaneHeaderSingle h2 
{ float:left; margin-top:-15px; padding:16px 8px 8px 20px; height:20px; font-weight:bold; font-size:14px; color:#FFF; display:block; background:url(Images/pageAndPostBack.png) no-repeat ;}
.titleRight{ background:url(Images/pageAndPostEnd.png) bottom left no-repeat; width:10px; height: 40px; float:left; margin-top:-18px;}

.post {background:url(Images/contentPaneBack.png) repeat-y; width:100%; padding:0 15px; clear:both;}
.singlePost {background:url(Images/contentPaneBackSingle.png) repeat-y; width:100%; padding:0 15px; clear:both;}
#contentFoot {background:url(Images/contentPaneBottom.png) no-repeat; height:18px;}
#contentFootSingle {background:url(Images/contentPaneBottomSingle.png) no-repeat; height:18px;}
.contentThe {padding:0 50px 0 10px;}

#container .singlePost ul{ margin:10px 0;}
#container .singlePost ul li {color:#133b5d; font-size:12px; height:20px; list-style-type:disc; display:list-item; margin-left:20px;}

/*CTA column and pane */

.ctaColumn{ float:left;}
.ctaPane{ background:url(Images/CTA-Background.png); height:216px; width:216px;}
.enrollNow {background:url(Images/enrollNow.png) no-repeat left bottom; height:15px; display:block; text-indent:-999px; overflow:hidden; padding:70px 0 0 0;}
.ctaPane ul{padding:10px 0 0 25px;}
.ctaPane ul li { background:url(Images/bullet.png) no-repeat 0px 4px; display:block; padding:0 0 4px 10px; color:#fff;}


/* footer */
#footer{ background:url(Images/footBack.png) repeat-x;}
.footWide{margin:0 auto; width:979px; color:#FFF; padding:15px 0 0 5px;}
.footWide a{color:#FFF;}


/* jqModal */

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  left:0; top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}


/* modal window */


#boxes #contactDiag
{
  width:600px; 
  height:381px;
  background:url(Images/addressBack.png) no-repeat;
}

#boxes #addressDiag

{
  width:600px; 
  height:381px;
  background:url(Images/addressBack.png) no-repeat;
}

.vcard{padding-top:60px; padding-left:240px;}
.org{font-weight:bold; font-size:24px; color:#112637;}
	
.fn , .email {display:block; padding:3px 0; color:#112637; font-size:14px;}
.email{font-size:14px; font-weight:bold; padding-bottom:10px; color:#112637;}
.adr { font-size:14px; color:#112637; padding-bottom:15px;}
.tel{font-size:18px; color:#112637; padding-bottom:10px;}
a.close:link{font-size:20px; display:block; text-decoration:none; color:#112637; margin:60px 0 0 230px; font-weight:bold;}
a.close:hover{font-size:20px; display:block; text-decoration:none; color:#4294da; margin:60px 0 0 230px; font-weight:bold;}
#box{ background:url(Images/googleMapBack.png) no-repeat; margin-left:235px; color:#FFF; font-weight:bold; padding:15px 0 10px 15px; }
.getaMap{margin-left:240px;}

/* calendar */
#calendar_wrap{ text-align:center; font-size:14px; padding:12px 0 30px 20px; background:url(Images/calBack.png) no-repeat;}
thead{ font-size:11px;}
#EC_previousMonth{ font-weight:bold; padding:0px;}
#EC_nextMonth{font-weight:bold; padding:0px;}
.calendar-month{ padding-bottom:6px; font-weight:bold;}
#today{ border:solid 1px #fff !important; background-color:#D6EAF7;}
.pad span{ display:inline !important; vertical-align:top;}
#calendar_wrap td span{ display:block; padding:6px 5px 2px 4px;}

/* content-formatting */