/*
 * Project:		Tampa Day School
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #083050; font-size: 75%; }

* html body { behavior: url("/styles/csshover.htc"); }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #292929; font-family: Tahoma, Arial,Helvetica Neue,Helvetica,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #313c64; text-decoration: underline; }
a:hover, a:focus, a:active { color: #791e7e; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

.webform td {font-size: 1em;}

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 1110px; margin: 0 auto;}

#rootCalendar { width: 880px; padding: 20px 0; margin: 15px auto;  }


#topWrapper {background: transparent url(../images/template/backgroundTile.gif) repeat-y; height:85px; }
#topContent {position: relative;}

#buttonWrapper {position: absolute; height: 85px; top: 10px; right: 110px;}

#sa_contact {height: 39px; width: 180px; background: transparent url(../images/template/contactUsButton.gif) no-repeat; display: block; text-align: center;}
#sa_contact a {display: block; height: 39px; width: 180px; color: white; text-decoration: none; font-weight: bold; line-height: 38px;}
#sa_contact a:hover {font-size: 1.1em;}
#sa_contact :hover {background: transparent url(../images/template/contactUsButton.gif) no-repeat;}

#sa_request {height: 39px; width: 180px; background: transparent url(../images/template/requestInfoButton.gif) no-repeat; display: block; text-align: center;}
#sa_request a {display: block; height: 39px; width: 180px; color: white; text-decoration: none; font-weight: bold; line-height: 38px;}
#sa_request a:hover {font-size: 1.1em;}
#sa_request :hover {background: transparent url(../images/template/requestInfoButton.gif) no-repeat;}

#middleWrapper {background: transparent url(../images/template/backgroundTile.gif) repeat-y}
#middleContent {width: 920px; margin: 0 auto; padding: 10px 0 0 0;}

#logoWrapper {width: 920px; margin: 0 auto; padding: 10px 0 0 0; position: relative;}
#logo { position: absolute; left: 30px; top: 8px; display: block; height: 70px; padding: 0; margin: 0; }	
#bannerAd { position: absolute; left: 430px; top: 8px; display: block; height: 70px; padding: 0; margin: 0; }
#headerPhone {color: gray; position: absolute; z-index: 1000; left: 80px; bottom: -3px;} 

#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }

#homeMainImage {float: left; width: 662px; height: 226px; background: transparent url(../images/template/homeContentBackground.gif) no-repeat; position: relative;}
#homeImageContainer {height: 365px; width: 635px; position: absolute; left: 13px; overflow: hidden;}
#homeImageButtons {z-index: 100; height: 35px; position: absolute; left: 5px; bottom: 5px;}


#bottomWrapper {background: transparent url(../images/template/backgroundTile.gif) repeat-y}
#bottomContent {width: 920px; margin: 0 auto; padding: 10px 0 0 0;}

#homeContentWrapper {float: left; height: 374px; width: 660px; /* background: transparent url(../images/template/homeContentBackground.gif) no-repeat; background-position: bottom; */}
#homeContent {width: 640px; position: relative; left: 10px;}
#homeContent p {line-height: 1.5em;}


#homeOpenHouseWrapper {float: left; width: 258px; height: 233px; background: transparent url(../images/template/openHouseBackground.gif) no-repeat; }
#homeOpenHouse {width: 175px; position: relative; left: 50px; top:20px; }
#homeOpenHouse h2 {color: white; font-size: 2.2em; line-height: 1em; }
#homeOpenHouse p, #homeOpenHouse a {color: white;}

#addressWrapper {background: transparent url(../images/template/backgroundTile.gif) repeat-y; position: relative;}
#addressContent {width: 920px; margin: 0 auto; padding:15px 0; font-size: 12px; line-height: 16px; color: #c2c2c2}
#address1 {float: left; position: relative; left: 15px;}
#address2 {float: right; position: relative; right: 10px; text-align: right;}
#socialButtons {float:right; position: relative; right: 20px}

#footerWrapper {background: transparent url(../images/template/footerTile.gif) no-repeat;}
#footerContent {width: 920px; margin: 0 auto; padding: 10px 0 0 0; min-height: 50px;}
#aegLogo {float: right; padding: 30px 0 0 0;}

#headerPhone { left: 0px; width: 500px; bottom: -8px; position: absolute }

/* Content Page Styles */

#mainContentWrapper {background: transparent url(../images/template/backgroundTile.gif) repeat-y}
#mainContent {width: 920px; margin: 0 auto; padding: 0;}
#pageContentWrapper {float: left; width: 650px; background: transparent url(../images/template/homeContentBackground.gif) no-repeat bottom; padding: 0 0 20px 0; margin: 0; min-height: 150px;}
#pageContentWrapper2 {float: left; width: 650px; padding: 0 0 20px 0; margin: 0; min-height: 150px;}
#pageContent {width: 610px; position: relative; left: 25px;}
#contentPageHeader {padding: 0 0 30px 0;}
#calendarContentWrapper {float: left; width: 660px; background: transparent url(../images/template/calendarContentBackground.gif) no-repeat bottom; padding: 0 0 20px 0; margin: 0 0 0 10px; min-height: 150px;}

#rightColumnWrapper {float: right; width: 250px; margin: 0 10px 0 0;}

#testimonialWrapper {width: 250px; /* background: transparent url(../images/template/sideNavBackground250.gif) no-repeat bottom; */ padding: 0 0 13px 0; margin: 20px 0 0 0; }
#testimonial {width: 180px; margin: 0 auto; /* text-align: center;  */font-size: 1em; color: #555555; }
#testimonialInner {width: 250px; margin: 0 auto; background: #ffcb08 url(../images/template/testimonialBackground.png); padding: 10px 0; position: relative;}
#testimonial em {font-size: .75em;}
.testimonialLocation {text-align: left; display: block; font-size: .8em;}
#testimonial p {z-index: 20;}

.quote1 {background: url(../images/template/quotemark.png) no-repeat; width: 50px; height: 50px; display: block; position: absolute; top: -10px; left: -8px;}
.quote2 {background: url(../images/template/quotemark2.png) no-repeat; width: 30px; height: 30px; display: block; position: absolute; bottom: 20px; right: 0px;}

#sideImageWrapper {width: 250px; background: transparent url(../images/template/sideNavBackground250.gif) no-repeat bottom; padding: 0 0 12px 0; margin: 20px 0 0 0; }
#sideImage {width: 174px; margin: 0 auto;}


/* Home Page Tab Styles */

#weight {display:none;}

#homeTabPanel {float: left; width: 258px; height: 377px; background: transparent url(../images/template/tabBackground.gif) no-repeat; overflow: hidden;}

#tabNews {background: #d28429 url(../images/template/newsSide.gif) no-repeat 0 0; height: 317px; width: 168px; padding: 20px 10px 0 50px;}
#tabEvents {background: #008f7d url(../images/template/eventsSide.gif) no-repeat 0 0; height: 317px;  width: 168px; padding: 20px 10px 0 50px;}

#tabs {height: 360px; width: 228px; position: relative; left: 15px; }
#tabs ul {list-style: none; padding:0; margin: 0; height: 25px; }
#tabs li {float: left; display: block; padding: 0; height: 25px; text-indent: -99999em; width: 114px}
#tabs li a {display: block; height: 25px; width: 114px;}

.newsTabButton {background: transparent url(../images/template/news_off.gif) no-repeat;}

.eventTabButton {background: transparent url(../images/template/events_off.gif) no-repeat;}

li.eventTabButton.active {background: transparent url(../images/template/events_on.gif) no-repeat;}

li.newsTabButton.active {background: transparent url(../images/template/news_on.gif) no-repeat;}

#tabs li a {text-decoration: none; line-height: 24px; color: white; text-transform: uppercase;}

.newsContent {display: block; padding: 0 0 10px 0;}

.eventsContent {display: block; padding: 0 0 10px 0;}

.homeEventDate{display: block; color: #fcd6a2; font-size: 1.1em;}
.homeEventTitle {display: block; color:white; font-size: 1.3em; font-weight: bold; line-height: 1em;}
.homeEventDescription {display: block; color: white; }

.homeNewsDate{display: block; color: #fcd6a2; font-size: 1.1em;}
.homeNewsTitle {display: block; color:white; font-size: 1.3em; line-height: 1em; font-weight: bold;}
.homeNewsDescription {display: block; color: white;height: 62px; overflow: hidden;}
.readMore, .readMore a {color: white; text-decoration: none; font-size: .9em;}

.newsContent2 {display: block; padding:10px 0; border-top: 1px solid gray;}
.homeNewsDate2{display: block; color: #313C64; font-size: 1em; padding: 0 0 5px 0;}
.homeNewsTitle2 {display: block; color:#313C64; font-size: 1.6em; line-height: 1em; font-weight: bold;}
.homeNewsDescription2 {display: block; }
.readMore2, .readMore2 a {color: #555555; text-decoration: none; font-size: .9em; padding: 10px 0 0 0;}

#tabEvents ul {display: none;}

#moreNews {display: block; position: absolute; bottom: 20px; }
#moreNews a {color: white; text-decoration: none; border: 1px solid white; background: #bb7b47; padding: 3px 5px; }
#moreNews a:hover {text-decoration: underline; }

#moreEvents {display: block; position: absolute; bottom: 20px;}
#moreEvents a {color: white; text-decoration: none; border: 1px solid white; background: #ef8c03; padding: 3px 5px; }
#moreEvents a:hover {text-decoration: underline; }


/* #tabs li.active {background: #f7941e;} */

/* div#tabs div {padding: 0 0 0 20px;} */
     

/* Navigation
------------------------------------------- */
#navWrapper {background: transparent url(../images/template/backgroundTile.gif) repeat-y}

#nav {width: 920px; height: 56px; margin: 0 auto; background-image: url(../images/template/navBackground.gif); background-repeat: repeat-x;}
#nav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0; padding: 0 0 0 10px;}
#nav ul li {height: 56px; z-index: 10; position: relative; float: left; display: inline; font-size: 1.25em; margin: 0 1px; }
#nav ul li a { display: block; text-decoration: none; /* width: 130px;  */padding: 5px 17px; text-align: center; position: relative; top: 25px; color: white;}
#nav ul li.selected a {color: black;}
#nav ul li.selected ul a {color: white;}
#nav ul li ul { z-index: 1000; display: none; position: absolute; left: -1px; top: 55px; list-style: none; padding: 0; margin: 0; width: 174px; text-align: left; border-top: 1px solid #fff; background: #919dc9 url(../images/template/subNavBackground.png) repeat-y; border: 1px solid #919dc9;}


#nav ul li:hover ul { display: block; }
#nav ul li ul li { width: auto; font-size: .75em; font-weight: normal; width: 100%; padding: 0; margin: 0; height: 30px; line-height: 30px; border-top: 1px solid #919dc9; }

/* #nav ul li ul li a:hover {background: url(../images/template/subNavBackground2.png) repeat-y; } */
#nav ul li ul li:hover {background: url(../images/template/subNavBackground2.png) repeat-y; }

#nav ul li ul li a , #nav li:hover ul li a  { display: block; width: auto; padding: 0 0 0 10px;  margin: 0; text-align: left; top: 0; }

#nav ul li:hover { background: url(../images/template/navHover.gif) no-repeat center; }
#nav ul li.selected  { background: url(../images/template/navSelected.gif) no-repeat center; }
#nav ul li ul li.selected {background: url(../images/template/subNavBackground2.png) repeat-y; }

* html #nav ul li ul { background: url(../images/nav-sub-ul-bg-ie6.png) 0 100% no-repeat; }


/* #nav ul li.selected a { background: #798082; } */

#nav ul li em { position: absolute; left: -10001px; top: -10001px; }  

* html #nav ul li ul { background: url(../images/nav-sub-ul-bg-ie6.png) 0 100% no-repeat; }

  
/* Side Navigation
------------------------------------------- */
#rightColumn {float: right; width: 200px; min-height: 300px; margin: 5px 0; padding: 0 5px; }
.clearingdiv {clear:both;}

#pageContent_calendar {/* background: white; overflow: hidden; */ padding: 0 0 0 10px; */ /* position: absolute; */ } 

#sideNavWrapper {width: 200px; background: transparent url(../images/template/sideNavBackground.gif) no-repeat bottom; padding: 0 0 20px 0; min-height: 150px; }
#sideNav {width: 176px; margin: 0 auto;}
#sideNav ul {z-index: 10; display: block; list-style: none; margin: 0; padding: 0; padding: 0;}
#sideNav ul li {font-size: .95em; margin: 3px 1px; padding: 2px 0; }
#sideNav ul li a {color: #313c64; text-decoration: none; margin: 0 0 0 10px;}
#sideNav ul li:hover, #sideNav ul li.selected {background: #313c64;}
#sideNav ul li:hover a, #sideNav ul li.selected a {color: white;}



#search-form { position: absolute; right: 12px; top: 0; padding-top: 19px; display: block; overflow: hidden; width: 223px; height: 78px; background: url(../images/top-search-bg.jpg) 0 0 no-repeat; }
	 #topform .row { position: relative; z-index: 1; padding: 5px 0 0 13px; margin: 0; font-size: 1.123em; font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }
	  #topform label { z-index: 10; position: absolute; left: 12px; top: 6px; color: #b7b7b7; }
	  * html #topform label { left: 0; }
      #topform input { z-index: 1; color: #b7b7b7; border: 0; }
	  #topform button { position: absolute; right: 23px; top: 2px; display: block; width: 14px; height: 19px; border: 0; padding: 0; margin: 0; overflow: hidden; text-indent: -1000001em; background: url(../images/bttn-top-search.gif) 0 0 no-repeat; }
	  
	 #requestInfo {position: absolute; right: 12px; top: 10px; display: block; overflow: hidden; width: 231px; height: 60px; background: url(../images/requestInfoBackground.gif) 0 0 no-repeat;} 
	 #requestInfoArrow { position: absolute; right: 25px; top: 20px; display: block; width: 14px; height: 19px; border: 0; padding: 0; margin: 0; overflow: hidden; text-indent: -1000001em; background: url(../images/bttn-top-search.gif) 0 0 no-repeat; }
	 #requestInfoArrow a {display: block;}
	 #requestInfoContent a {text-decoration: none; color: inherit;}
	 #requestInfoContent {position: absolute; top: 23px; left: 20px; font-size: 1.25em; } 
	  
	  
 #content { z-index: 1; position: relative; display: block; padding: 0; margin: 0; background: url(../images/content-bg-cent.png) 0 0 repeat-y; }
 #contentFlash { z-index: 1; position: relative; display: block; padding: 0; margin: 0; background: url(../images/content-bg-cent-blank.png) 0 0 repeat-y; }
  .content-wrap-a { display: block; padding: 0 0 36px; background: url(../images/content-bg-bottom.png) 1px 100% no-repeat; }
   .content-wrap-b { display: block; overflow: hidden; height: 1%; padding: 0 14px 0 10px; background: url(../images/content-bg-top.png) 1px 0 no-repeat; }
    #main { z-index: 1; float: left; display: inline; margin: 0; width: 645px; padding: 10px 0 0 34px; }
    #mainFlash { z-index: 1; float: left; display: inline; margin: 0; width: 920px; padding: 20px 0 0 10px; }
    #side { float: right; display: inline; width: 233px; background: #fff; top: 2px; position: relative; }
	.home #side { padding: 11px 0 0; }
	* html #side { margin-left: -3px; }
 

/* GENERAL
------------------------------------------- */
li, dt, dd, p, th, td, caption, pre { font-size: 14px; line-height: 1.35em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 0.7em; }
div#main ul {margin-bottom: 1.5em;}
div#main li {line-height: 1.5em;}

p.intro-txt { font-weight: bold; letter-spacing: 0px; color: #e87d1e; margin: 0; padding: 10px 0 0; }

abbr { text-decoration: none; border: none; }


/* headers */

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #083050; padding:0; }
h1 { font-size: 2 em; line-height: 1em; margin: 0; padding: 0 0 10px 0; }
h2 { font-size: 1.75em; line-height: 1em; margin: 0 0 10px 0; padding: 0; }
h3 { font-size: 1.429em; line-height: 1.2em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

body#AboutUs .home h1, body#AboutUs .home h2 { font-size: 2.2em; color: #b2bb1e; padding: 0; }
body#AboutUs .home h2 { font-size: 2.1em; }
body#AboutUs .home h1 span, body#AboutUs .home h2 span { color: #b2bb1e; }

body#Academics .home h1, body#Academics .home h2 { font-size: 2.2em; color: #791d7e; padding: 0; }
body#Academics .home h2 { font-size: 2.1em; }
body#Academics .home h1 span, body#Academics .home h2 span { color: #791d7e; }

body#Students .home h1, body#Students .home h2 { font-size: 2.2em; color: #e87d1e; padding: 0; }
body#Students .home h2 { font-size: 2.1em; }
body#Students .home h1 span, body#Students .home h2 span { color: #e87d1e; }

body#Parents .home h1, body#Parents .home h2 { font-size: 2.2em; color: #b2bb1e; padding: 0; }
body#Parents .home h2 { font-size: 2.1em; }
body#Parents .home h1 span, body#Parents .home h2 span { color: #b2bb1e; }

body#Admissions .home h1, body#Admissions .home h2 { font-size: 2.2em; color: #791d7e;; padding: 0; }
body#Admissions .home h2 { font-size: 2.1em; }
body#Admissions .home h1 span, body#Admissions .home h2 span { color: #791d7e;; }

body#ContactUs .home h1, body#ContactUs .home h2 { font-size: 2.2em; color: #e87d1e; padding: 0; }
body#ContactUs .home h2 { font-size: 2.1em; }
body#ContactUs .home h1 span, body#ContactUs .home h2 span { color: #e87d1e; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; /* border: 1px solid #ccc; */ }
 
 
/* links */

a:hover, a:focus, a:active { outline: none; }


/* lists */


/* photos with gradients */
.img-right { float: right; margin: -30px -30px 0 0;}

.main-photo { z-index: 0; margin: 0 -30px -5px -33px; width: 708px; padding: 0; background: url(../images/img-main-bottom.png) 0 100% no-repeat; }
.main-photo img { overflow: hidden; width: 642px; padding: 30px 36px 47px 30px; background: url(../images/img-main-top.png) 0 0 no-repeat; }
.main-flash { overflow: hidden; width: 642px; padding: 30px 36px 47px 30px; background: url(../images/img-main-top.png) 0 0 no-repeat; }

* html .main-photo { margin-left: 0; position: relative; left: -33px; top: 0; }

 
/* SPECIFIC
------------------------------------------- */

/* home rotator */

#homeRotator { height: 65px; width: 160px; display: block;position: relative; left: 455px;
}



/* subjects list */

.subjects-list { display: block; overflow: hidden; height: 1%; padding: 5px 0 0 12px; margin: 0; background: #e87d1e; color: #fff; }
 .subjects-list p { font-size: 1.429em; line-height: 2.042em; margin: 0 0 5px; }
 .subjects-list p.note { font-size: 1.444em; font-style: italic; margin: 0 0 5px; }
 ul.col-2-list { display: block; overflow: hidden; height: 1%; margin: 0; padding: 0 0 0 16px;  }
  ul.col-2-list li { float: left;  font-size: 2.2em; line-height: 1.3em; white-space: nowrap; }
  ul.col-2-list li.odd { clear: left; width: 355px; padding-right: 20px; }

/* side-box */
.side-box { background: url(../images/side-box-right-shaddow.png) 100% 0 no-repeat; margin: 0; }
 .side-box-wrap { overflow: hidden; height: 1%; padding: 0 7px 12px 0; background: url(../images/side-box-bottom-shaddow.png) 100% 100% no-repeat; }

/* nav-side */

#nav-side { overflow: hidden; height: 1%; padding: 0; margin: 0 0 9px; width: 225px; }
 #nav-side ul { display: block; padding: 0; margin: 0; list-style: none; }
  #nav-side ul li { display: block; height: 1%; overflow: hidden; margin: 0 0 2px; padding: 0; font-size: 1.327em; font-weight: bold; }
   #nav-side ul li a { display: block; width: 216px; height: 17px; overflow: hidden; color: #fff; text-decoration: none; padding: 8px 5px 6px 34px; background: #791e7e url(../images/nav-side-bg.png) -340px 50% no-repeat; }
   #nav-side ul li a:hover,
   #nav-side ul li.selected a { color: #555; background: #b2bb1e url(../images/nav-side-bg.png) 0 50% no-repeat; }


/* ads */

.ad-green { color: #fff; background: #b2bb1e url(../images/ad-green-bg.png) 0 100% repeat-x; width: 197px; padding: 15px 19px 0 9px; margin: 0; overflow: hidden; }
 .ad-green h2 { color: #fff; font-size: 1.838em; margin: 0; line-height: 1em; font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; }
 .ad-green p { font-size: 1.226em; font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; margin: 0; }
 .ad-green ul { padding: 0 0 0 16px; color: #ffcb05; margin: 0 0 18px; }
  .ad-green ul li { padding: 0; margin: 0; line-height: 1.2em; font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; }
   .ad-green ul li span { color: #474545; }
 .ad-green p.more { font-family: Arial,Helvetica Neue,Helvetica,sans-serif; margin: 0 0 7px; }
  .ad-green p.more a { padding: 5px 27px 5px 0; color: #fff; text-decoration: none; background: url(../images/bttn-more-green.png) 100% 50% no-repeat; }
  
.ad-orange { color: #fff; background: #e87d1e url(../images/ad-orange-bg.png) 0 100% repeat-x; width: 197px; padding: 15px 19px 0 9px; margin: 0; overflow: hidden; }  
  .ad-orange p.more a { padding: 5px 27px 5px 0; color: #fff; text-decoration: none; background: url(../images/bttn-more-green.png) 100% 50% no-repeat; }

/* side-info-box */
.info-box { margin: 0 0 5px; }
.home .info-box { margin: 0; }
p#side-info-box { overflow: hidden; padding: 3px 50px 3px 15px; margin: 0; height: 1%; font-size: 1.633em; line-height: 1em; background: #e87d1e; }
 p#side-info-box a { display: block; padding: 5px 27px 5px 0; color: #fff; text-decoration: none; background: url(../images/bttn-more-orange.jpg) 100% 100% no-repeat; }
 

/* side-quote */

#side-quote { overflow: hidden; padding: 0 13px 0 15px; margin: 0; width: 197px; background: #ffd65c; }
 #side-quote h3 { color: #791e7e; font-size: 1.531em; line-height: 1.5em; text-align: center; }
  #side-quote h3 a { color: #791e7e; }
  #side-quote h3 strong { text-decoration: underline; }
 #side-quote p { /* font-size: 1.531em; */ /* line-height: 1.63em; */ letter-spacing: 1px; }
 #side-quote blockquote { padding: 0; }
  #side-quote blockquote p {text-align: center;}
 #side-quote p.author { margin: 0 0 20px; font-size: 1.2em; line-height: 1em; font-weight: bold; font-style: italic; text-align: right; }
  #side-quote p.author span.source { font-size: 0.71em;  }
  

/* news & events */
.side-news-n-events { margin: 0; padding: 0; }
#side-news-n-events { display: block; overflow: hidden; width: 225px; padding: 70px 0 0; background: #791e7e url(../images/side-clock-bg.jpg) 0 0 no-repeat; color: #fff; }
 #side-news-n-events .wrapper { overflow: hidden; height: 1%; background: #9a569e; }
 #side-news-n-events h2 { font-size: 2.246em; line-height: 2.1em; text-align: center; color: #fff; font-weight: normal; padding: 0; margin: 0 0 8px; }
 #side-news-n-events .item-list { overflow: hidden; padding: 0 20px 0 15px; margin: 0 0 20px; }
  #side-news-n-events .item-list div.item { margin: 0 0 10px; }
   #side-news-n-events .item-list p { margin: 0; font-size: 1.123em; line-height: 1.429em; }
   #side-news-n-events .item-list .date { }
    #side-news-n-events .item-list a { color: #fff; text-decoration: none; }
 #side-news-n-events p.more { padding: 10px 20px 0 15px; line-height: 1.838em; }
  #side-news-n-events p.more a { overflow: hidden; color: #fff; text-decoration: none; padding: 5px 26px 5px 0; background: url(../images/bttn-more-purple.jpg) 100% 50% no-repeat; }
#side-news-n-events .item-list ul { display: none; }


/* contact-form */

form.a { display: block; margin: 0; padding: 0; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 form.a h3 { font-size: 1.4em; font-weight: bold; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 form.a p { overflow: hidden; width: 100%; }
  form.a p label { float: left; width: 110px; padding: 6px 15px 0 0; }
  form.a p input { padding: 5px; width: 275px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p select { padding: 5px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p textarea { overflow: auto; padding: 5px; width: 275px; height: 100px; border: 1px solid #ebe9e2; font: 14px/1.2 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  form.a p img { display: block; margin: 10px 0 0; }
 form.a p.tick-a { }
  form.a p.tick-a label { float: none; width: auto; padding: 0; line-height: 20px; vertical-align: middle; }
  form.a p.tick-a input { width: 20px; height: 20px; margin: 0; padding: 0; border: none; vertical-align: middle; }
 form.a p.submit { width: auto; padding-left: 125px; font-size: 1.4em; font-weight: bold; }
 * html form.a p.submit { text-indent: 3px; }
  form.a p.submit button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 14px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  
  
/* post */

div.post-a { margin: 0 0 30px; }
 div.post-a p.date { margin: 0 0 5px; color: #4194b6; font: bold 1.1em/1.25 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: 2px; }
 div.post-a h1,
 div.post-a h2 { color: #09467c; }
  div.post-a h1 a,
  div.post-a h2 a { color: #09467c; text-decoration: none; }
 div.post-a p.info { clear: both; padding: 10px 0 0; font: 1.2em/1 Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
  div.post-a p.info span { padding: 0 3px; color: #3e90b3; }
  div.post-a p.info strong { color: #333; text-transform: uppercase; }
   div.post-a p.info strong a { color: #333; text-decoration: none; }

div.comments-a { margin: 20px 0 30px; border: 1px solid #f0ece4; }
.js div.comments-a { display: none; }
 div.comments-a p.side { float: right; padding: 9px 10px 0 15px; font-size: 0.9em; }
 div.comments-a h2 { margin: 0; padding: 10px; background: #fdfde3; color: #3e90b3; font: bold 1.4em/1 Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
 div.comments-a p.empty { margin: 0; padding: 10px; }
 div.comments-a div.comment { padding: 10px; border-top: 1px solid #f0ece4; background: #fafafa; }
 div.comments-a div.alt { background: #fff; }
  div.comments-a div.comment p.author { margin: 0 0 5px; color: #3e90b3; text-transform: uppercase; }
   div.comments-a div.comment p.author a { color: #3e90b3; text-decoration: none; }
  div.comments-a div.comment blockquote { margin: 0; padding: 0; font-family: Georgia,serif; }
   div.comments-a div.comment blockquote p { margin: 0; }
   
div.add-comment-a { margin: 0 0 30px; padding: 0 11px; font-family: Georgia,serif; }
.js div.add-comment-a { display: none; }
 div.add-comment-a h2 { margin: 0 -11px 15px; color: #195285; font: bold 1.6em/1.25 Arial,Helvetica Neue,Helvetica,sans-serif; }
 div.add-comment-a p { }
  div.add-comment-a p label { float: left; width: 80px; padding: 1px 10px 0 0; }
  div.add-comment-a p input { width: 200px; padding: 3px; border: 1px solid #eceae3; }
  div.add-comment-a p textarea { width: 480px; height: 100px; padding: 3px; border: 1px solid #eceae3; }
  div.add-comment-a p button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 14px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
 div.add-comment-a p.captcha { }
  div.add-comment-a p.captcha label { display: block; float: none; width: auto; margin: 0 0 10px; }
  div.add-comment-a p.captcha input { margin: 0 10px 0 0; vertical-align: middle; }
  div.add-comment-a p.captcha img { vertical-align: middle; }
 div.add-comment-a p.message { }
  div.add-comment-a p.message label { display: block; float: none; width: auto; margin: 0 0 10px; }


/* sidebar */  
   
div.BlogRecentPost { }
 div.BlogRecentPost ul { list-style: none; margin: 0 0 15px; padding: 0; }
  div.BlogRecentPost ul li { margin: 0 0 5px; }
  
div.BlogPostArchive { }
 div.BlogPostArchive ul { list-style: none; margin: 0 0 15px; padding: 0; }
  div.BlogPostArchive ul li { margin: 0 0 5px; }
  
div.BlogTagCloud { margin: 0 0 15px; font-size: 1em; word-spacing: 10px; line-height: 22px; font-family: Georgia,serif; vertical-align: baseline; }
 div.BlogTagCloud a { font-size: 1.1em; text-decoration: none; word-spacing: 0; }
 div.BlogTagCloud a:hover,
 div.BlogTagCloud a:focus,
 div.BlogTagCloud a:active { text-decoration: underline; }
 div.BlogTagCloud a.BlogTagCloud-XX-Small,
 div.BlogTagCloud a.BlogTagCloud-X-Small { font-size: 1.1em; }
 div.BlogTagCloud a.BlogTagCloud-Small,
 div.BlogTagCloud a.BlogTagCloud-Medium { font-size: 1.4em; }
 div.BlogTagCloud a.BlogTagCloud-Large,
 div.BlogTagCloud a.BlogTagCloud-X-Large { font-size: 1.8em; }
 div.BlogTagCloud a.BlogTagCloud-XX-Large { font-size: 2.2em; }
 
 
 
/*  Blog Styles  */
 
#blog {width: 900px;}

.blog-post-wrapper, .blog-post {width: 575px; float: left; left: 40px; position: relative;}

#sideBlogWrapper {width: 200px; float: right; background: transparent url(../images/template/sideNavBackground.gif) no-repeat bottom; padding: 0 0 20px 0; min-height: 150px; }

.blog-container .side-panel { width: 150px; margin: 0 auto; }
.blog-post h2 a {text-decoration: none;}


 
/* newsletter */

form.newsletter-a { width: 450px; height: 90px; padding: 0 0 5px; }
 form.newsletter-a h2 { margin: 0 0 10px; color: #09467c; font-size: 1.8em; }
  form.newsletter-a h2 span { color: #4ea4ba; }
 form.newsletter-a p { position: relative; width: 100%; margin: 0 0 5px; }
  form.newsletter-a p label { font-size: 0.83em; }
  .js #header form.newsletter p label { position: absolute; left: 5px; top: 5px; }
  form.newsletter-a p input { width: 225px; height: 20px; margin: 0 5px 0 0; padding: 4px 4px 0; border: 1px solid #e3e4e4; font-size: 12px; vertical-align: middle; }
  form.newsletter-a p button { position: relative; height: 26px; padding: 0 20px; border: none; background: #09467c; color: #fff; font: bold 12px/26px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; vertical-align: middle; }
  
  
/* helpers */
 
li.separate { display: block !important; overflow: hidden !important; clear: both !important; float: none !important; width: 100% !important; height: 1px !important; min-height: 0 !important; margin: -1px 0 0 !important; padding: 0 !important; font-size: 1px !important; text-align: left !important; text-indent: -10001px !important; }

/* Teacher Listing Listview Styles */
.clearingdiv {clear:both;}

.teacher-list-PhotoWrapper {width: 80px; height: 85px; float: left; margin: 0 10px 0 0; border-right: 1px solid #e4e4e4;}
.teacher-list-contentWrapper {float: left; width: 150px;}

.teacher-list-photo { padding: 0 30px 0 0;}
/* .teacher-list-photo img {left: 16px; top: 16px;} */
.teacher-list-title { color:black; padding: 0; margin: 0; text-align: left; font-size: 1.2em; }
.teacher-list-position {font-size: 11px; line-height: 10px; text-align: left; color:#CC0000; width: 160px; margin: 0 auto; padding: 5px 0 0 0; height: 20px;}

.teacher-list-title a {font-size: 12px;}
.teacher-list-wrapper {padding: 5px 10px 15px 0; width: 250px; /* background: transparent url(../images/template/teacherListBackground.gif) no-repeat bottom; */}
.teacher-list-intro {font-size: 12px;}
.teacher-list-link-Show {font-size: .8em; text-align: center; float: left; padding: 0 10px 0 10px;}
.teacher-list-link-Hide {Display: none; text-indent: -99999em;}

.teacher-list-email {font-size: .8em; height: 25px; width: 25px; float: left;}
.teacher-list-email a {color:#313c64; text-decoration: none;  background: url(../images/template/email.gif) no-repeat; height: 25px; width: 25px; display: block; text-indent: -9999em;}
.teacher-list-link-Show a {color:#313c64; text-decoration: none; line-height: 25px; }

/* .teacher-list-links-wrapper {padding: 5px; width: 160px; margin: 0 auto;} */

/* Teacher Listing Detail Styles */

.teacher-detail-photoWrapper {width: 410px; height: 310px; position: relative;}


.teacher-detail-photo {padding: 0 20px 20px 0; float: left;}
.teacher-detail-photo img{left: 16px; top: 16px; position: absolute;}
.teacher-detail-title {color:black; padding: 10px 0 3px 10px; font-size: 16px;}
.teacher-detail-title a {font-size: 10px;}
.teacher-detail-description {padding: 10px 0 20px 0px; margin:0 0 20px 10px; border-bottom: 1px solid gray;}
.teacher-detail-wrapper {padding: 20px 0;}
.teacher-detail-position {font-size: 11px; line-height: 10px; color:#b2bb1e;padding: 0 0 0 10px; font-weight: bold;}

.teacher-goBack a {font-size: 10px; text-decoration: none; padding: 0 0 0 10px;}

.teacher-detail-wrapper hr {padding: 0 0 0 10px;}

/* Calendar Styles */

.eventWrapper {display: none; border-bottom: 1px solid #b2bb1e; margin: 10px 0; width: 400px; margin: 5px 0 10px 30px; padding: 0 0 10px 0;}
#eventJanuary .Jan {display: block;}
#eventFebruary .Feb {display: block;}
#eventMarch .March {display: block;}
#eventApril .April {display: block;}
#eventMay .May {display: block;}
#eventJune .June {display: block;}
#eventJuly .July {display: block;}
#eventAugust .Aug {display: block;}
#eventSeptember .Sept {display: block;}
#eventOctober .Oct {display: block;}
#eventNovember .Nov {display: block;}
#eventDecember .Dec {display: block;}

.Listdate {margin: 0; padding:0;}
.ListDateDescription {margin: 0; padding: 0;}

#newsEventsWrapper h2 {/* border-bottom: 1px solid #b2bb1e; */ margin: 0; padding: 0;}

/* Form Tabs  */

#Formtabs { }

#Formtabs ul { list-style: none; margin: 0; padding: 0; height: 30px;}
#Formtabs ul li { float: left; padding: 10px 10px; background: #b3b3b3; margin: 0 10px 0 0;}

#Formtabs ul li a { display: block; float; left; text-decoration: none; color: white; }

#Formtabs ul li.active  { background: #b2bb1e;}
#Formtabs ul li.active a  { color: white; font-weight: bold;}

#FormParent { clear: both; padding: 10px; background: #daee81;}
#FormProfessional { clear: both; padding: 10px; background: #f1e3ab;}


/* Assignments  */


.assignmentEdit {float: left; width: 69px; height: 22px; text-indent: -9999em;}
.assignmentEdit a {width: 69px; height: 22px; display: block; background: url(../images/template/editButton.gif) no-repeat; }

.assignmentDelete {float: left;  width: 69px; height: 22px; text-indent: -9999em;}
.assignmentDelete a {width:69px; height: 22px; display: block; background: url(../images/template/deleteButton.gif) no-repeat;}

.assignmentListWrapper {padding: 20px; border-bottom: 1px solid gray;}
.assignmentListClass {font-size: 1.5em; font-weight: bold;}

.assignmentListEditWrapper {padding: 10px 0 0 0;}

#newAssignmentButton {background: url(../images/template/newButton.gif) no-repeat; width: 125px; height: 22px; text-indent: -9999em;}
#newAssignmentButton a {width:125px; height: 22px; display: block;}






/*
 * Project:   Shreiner Calendar
 * Date:      2009-11-24
/* ---------------------------------------- */

#events-a { width: 875px; margin: 0 0 15px auto; overflow: hidden; font-size: 10px; font-family: Verdana,Helvetica,Arial,sans-serif; color: #313c64; }
 #events-a .data { position: absolute; left: -999em; }
 #events-a .main { float: left; width: 560px; padding: 0 5px; }
  #events-a .main h2 { margin: 0; /* width: 170px; height: 14px; background: url(../images/calendar/header.png) no-repeat; text-indent: -999em; overflow: hidden; */ padding: 0 5px; }
  #events-a .main h3 { font-weight: normal; font-size: 1.5em; margin: 0 0 40px; }
  #events-a .main .empty { font-size: 1.2em; font-weight: bold; }
  #events-a .main .day { position: relative; width: 495px; padding: 5px 0 0 80px; margin: 0 -5px 12px -5px; border-bottom: 1px solid #313c64; }
   #events-a .main .day h4 { position: absolute; left: 0; top: 0; width: 48px; height: 39px; margin: 0; padding: 10px; background: url(../images/calendar/day.png) no-repeat; font-size: 1.4em; font-weight: normal; text-align: center; color: #fff; line-height: 1.1; }
    #events-a .main .day h4 span { display: block; font-size: 1.43em; font-weight: bold; }
   #events-a .main .day .weekday { font-size: 1.5em; color: #b0c131; margin: 0; line-height: 1; }
   #events-a .main .day .event { padding: 10px 0; border-top: 1px solid #e7ecc1; }
   #events-a .main .day .event-first { border: none; }
    #events-a .main .day .event h5 { font-size: 1.2em; color: #336; margin: 0 0 5px; margin: 0; }
    #events-a .main .day .event p { font-size: 1.2em; margin: 0; }

 #events-a .aside { position: relative; float: right; width: 200px; padding: 0 27px 26px 26px; background: url(../images/calendar/aside-bg.png) 0 100% no-repeat; }
  #events-a .aside .nav { text-align: center; font-size: 1.3em; font-weight: bold; margin: 0 0 8px; line-height: 1; width: 100%; }
   #events-a .aside .nav a { display: -moz-inline-stack; display: inline-block; width: 6px; height: 12px; margin: 0 10px; background-repeat: no-repeat; background-position: 0 0; font-size: 0; overflow: hidden; vertical-align: middle; text-indent: -10001px; }
   *:first-child+html #events-a .aside .nav a  { text-indent: 0; }
   * html #events-a .aside .nav a  { text-indent: 0; }
   #events-a .aside .nav a.prev { background-image: url(../images/calendar/prev.png); }
   #events-a .aside .nav a.next { background-image: url(../images/calendar/next.png); }
  #events-a .aside table { width: 100%; border-collapse: collapse; border: none; margin: 0 0 15px; }
   #events-a .aside table td, #events-a .aside table th { font-weight: normal; font-size: 1em; vertical-align: middle; border: 1px solid #fff; padding: 0; width: 12.5%; }
   #events-a .aside table td { background: #dcdfe9;  }
    #events-a .aside table a { display: block; padding: 5px 0; color: #313c64; text-decoration: none; text-align: center; }
    #events-a .aside table a.event { background: #313c64; color: #fff; }
    #events-a .aside table a:hover, #events-a .aside table a.selected { background: #b0c131; color: #313c64; }

    #events-a .aside table td > a.event:hover, #events-a .aside table a.selected.event { background: #b0c131; border: 2px solid #313c64; padding: 2px 0; color: #313c64; }

 #events-a .aside .filter { margin: 0; padding: 0 0 0 20px; list-style: none; }
  #events-a .aside .filter li { font-size: 1.2em; }

 #events-a .aside button { display: block; width: 175px; height: 36px; padding: 0; margin: 0 auto; background: url(../images/calendar/filter.png) no-repeat; border: none; text-indent: -999em; overflow: hidden; }
  .calendarNotes {font-weight: normal; font-size: .6em; line-height: 1.1em; padding: 3px 0 10px 0;}

 
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    height: 400px;
    overflow: scroll;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* New Form Display Styles */

#formWrapper {padding: 20px 0 0 0; border-top: 1px solid gray;}
ul.formSelector {list-style: none;}
ul.forms {float: left; list-style: none; padding: 10px 30px 0 0;}
ul.forms li {height: 39px; width: 180px; display: block; background: url(../images/formButtons/questionButton.gif) no-repeat;}
ul.forms li a {height: 39px; width: 180px;  line-height: 38px; display: block; text-align: center; font-weight: bold; color: white; text-decoration: none;}
ul.forms li:hover, ul.forms li.active {background: url(../images/formButtons/questionButtonOn.gif) no-repeat;}
#formWrapper div.captchaimg {display: block!important;}



/*
 * Project:		Image rotator
 * Date:		2009-04-28
/* ---------------------------------------- */


html.js ul#list-a li { display: none; }
html.js ul#list-a li.active { display: block; }

#list-a li img { display: block;  }
  

/* SF Rotator
------------------------------------------- */
.sfrotator { position: relative; width: 625px; height: 364px; margin: 0 0 30px; z-index: 0; }
.sfrotator .sfitems { position: relative; z-index: 10; }
.sfrotator .sfitems .sfitem { position: absolute; top: 0; left: 0; z-index: 10; height: 500px; } 
.sfrotator ul {list-style: none;}
.sfrotator .sfcontrols {display: none; position: absolute; right: 10px; bottom: 10px; float: left; overflow: hidden; z-index: 20; margin: 0; padding: 0; }

.sfrotator .sfcontrols li { display: inline; float: left; width: 28px; height: 28px; text-align: center; margin: 0 0 0 5px; z-index: 20; font: normal 1em/2 Verdana, Arial, Helvetica, sans-serif; border: none; }

.sfrotator .sfcontrols li a { display: block; color: black; /* background: #493513; */ text-align: center; text-decoration: none; border: 1px solid #89703f; height: 20px; font-size: .6em; }

.sfrotator .sfcontrols li a.active { background: white; border-color: #fff; color: black; }  

.sfrotator .sfcontrols li a:hover { background: #000; border-color: #fff; color: #fff; }  

/*  Photo Gallery */
 
/*
.photogalleryItem {text-align: center; vertical-align: middle; display: block; float:left; border: 1px solid #e4e4e4; margin: 10px; height: 100px; width: 100px; }
.photogalleryItem a {display: block; height: 100px;}
*/

#pageContent table.photogalleryTable {margin: 0; padding: 0;}
#pageContent table.photogalleryTable td {margin: 5px; padding: 5px; height: 80px; width: 80px;  display: block; float: left; border: 1px solid #e4e4e4;}
#pageContent table.photogalleryTable td a {display: block; width: 80px; height: 80px; overflow: hidden; background: black;}
#pageContent table.photogalleryTable td.photogalleryNavigation {display: inline; height: 100%; width: 100%; border: none;}

/* Testimonial Tabs */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(/images/template/tabs.gif) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}


/* Quick launch box on homepage */

#homeBoxWrapper {}

#homeBoxTop{background: #083050; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; height: 35px; border-bottom: 1px solid #ffffff;}
	#homeBoxTop h1 {color: white; line-height: 35px; left: 20px; position: relative; font-size: 16px;}

#homeBoxLeft {float: left; width: 352px; height: 290px; 
	border-left:1px solid #083050; 
	border-bottom:1px solid #083050;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	padding: 0px 20px 30px 20px; 
	overflow: hidden; }
#homeBoxRight {float: left; width: 246px; height: 320px; background: #fffff;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	border-right:1px solid #083050; 
	border-bottom:1px solid #083050;
 }
	
#whyUsWrapper {width: 246px;}
#whyUsContent {background: #083050; padding: 0; }
#whyUsContent h5 {margin: 0; padding: 0 0 5px 15px; color: white; border-bottom: 1px solid white;}
#WhyUsCap {height: 5px; widows: 246px; background: url(../images/SchoolTemplate/WhyUsCap.gif) no-repeat;}
#WhyUsBottom {height: 5px; widows: 246px; background: #e66802 url(../images/SchoolTemplate/WhyUsBottom.gif) no-repeat bottom; padding: 5px 0 0 0;}

.whyWrapper {border-bottom: 1px solid white; clear: both; height: 25px; padding: 0 0 0 15px;}
	.whyLeft {float: left; padding: 0 20px 0 0; line-height: 25px; width: 165px; border-right: 1px solid white; color: white;}
	.whyRight {float: left; line-height: 25px; padding: 0 0 0 10px; color: white}
	.whyRight a {display: block; background: url(../images/SchoolTemplate/infoButton.png) no-repeat; width: 30px; height: 17px; text-indent: -9999em; top: 5px; position: relative;}
	
#rfiContent {padding: 10px 0 0 0;}
span.rfiLeft {float: left; display: block; margin: 0 10px 0 0;}
span.rfiRight {float: left; display: block; width: 40%; font-weight: bold;}	
	


/* Side Contact Form */

/* #afterSchoolForm {background: #B2BB1E; padding: 0 10px 0 0; }
	#afterSchoolFormTop {background: url(../images/rfiImages/green-side-top.gif) no-repeat; width: 200px; height: 5px;}
	#afterSchoolFormBottom {background: url(../images/rfiImages/green-side-bottom.gif) no-repeat; width: 200px; height: 5px;}
#afterSchoolForm .cat_textbox, #afterSchoolForm .cat_listbox {width: 150px;}
#afterSchoolForm .cat_dropdown {width: 150px;}
#afterSchoolForm .item {padding: 5px 0 5px 9px;}
#afterSchoolForm h2 {padding: 10px 0 0 9px;}

#afterSchoolContentHeader {left: 125px; position: relative; font-size: 1.5em;}

#afterSchoolForm .webform {margin: 0 0 0 5px;}
#afterSchoolForm h2 {margin: 0 0 0 5px; color: white;}
form div.inField { position:relative }
#afterSchoolForm label.inField  { position:absolute; top:17px; left:10px}
#afterSchoolForm .inField {padding: 0 0 0 9px;}
#afterSchoolForm .req {padding: 0 0 0 10px;}

#mainSide {display: none;}
#rightColumnWrapper #mainSide {display: block;}

a.tooltiptrigger {cursor: pointer;}
.tooltip {
	background-color:#909090;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
*/

/* Side Contact Form */

#afterSchoolForm {/* -moz-border-radius: 5px; -webkit-border-radius: 5px;  */background: #B2BB1E; padding: 0 10px 0 0; }
	#afterSchoolFormTop {background: url(../images/rfiImages/green-side-top.gif) no-repeat; width: 200px; height: 5px;}
	#afterSchoolFormBottom {background: url(../images/rfiImages/green-side-bottom.gif) no-repeat; width: 200px; height: 5px;}
#afterSchoolForm .cat_textbox, #afterSchoolForm .cat_listbox {width: 200px;}
#afterSchoolForm .cat_dropdown {width: 200px;}
#afterSchoolForm .item {padding: 5px 0 5px 9px;}
#afterSchoolForm h2 {padding: 10px 0 0 9px;}

#afterSchoolContentHeader {left: 125px; position: relative; font-size: 1.5em;}

#afterSchoolForm .webform {margin: 0 0 0 5px;}
#afterSchoolForm h2 {margin: 0 0 0 5px; color: white;}
form div.inField { position:relative }
#afterSchoolForm label.inField  { position:absolute; top:17px; left:10px}
#afterSchoolForm .inField {padding: 0 0 0 9px;}
#afterSchoolForm .req {padding: 0 0 0 10px;}

a.tooltiptrigger {cursor: pointer;}
.tooltip {
	background-color:#909090;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

#fb-comments {border: 1px solid gray; text-align: center; margin: 10px 0 10px 0; padding: 5px 0;}

/* RFI Form Styles */

#rfiForm {width: 600px; background: #b2bb1e; color: white;}
	#rfiForm label {color: white; font-size: 14px; padding: 0 10px 0 0;}
#rfiHeader {background: #b2bb1e url(../images/template/requestFormCap.gif) no-repeat top; border-bottom: 1px solid white; color: white; font-size: 20px; padding: 10px 0 10px 20px;}
.rfiSection {padding: 10px 0; border-bottom: 1px solid white;}
	.rfiSection .cat_textbox {width: 150px;}
	.rfiSection .cat_listbox {width: 525px;}
	.rfiSection .cat_dropdown {width: 150px; float: right;}
	.rfiSection .radioButtons {float: right;}
	
	.req {font-size: 10px;}

.rfiSectionNumber {float: left; font-size: 18px; color: black; padding: 0 15px;}
	.sectionNumberBG {background: url(../images/template/whiteCircle.png) no-repeat center; height: 30px; width: 30px; text-align: center; line-height: 30px; display: block; font-size: 12px;}
.rfiitem {float: left; width: 530px;}
.rfiitemsubmit {float: right;}
.submit .cat_button {text-align: right;}
.rfiCol1 {padding: 5px 0; display: block; float: left; width: 280px; text-align: right;}
	.rfiCol1 label {text-align: right;}
	.rfiCol1 label {text-align: right;}
.rfiCol2 {display: block; float: right; padding: 5px 0;}

.rfiCol1a {padding: 5px 0; display: block; float: left; width: 305px;}
.rfiCol2a {display: block; padding: 5px 0; float: right;}

.rfiitem input[type="radio"] {margin: 0 10px 0 0;}
.rfiitem input[type="checkbox"] {margin: 0 10px 0 0;}

#rfiFooter {background: #b2bb1e url(../images/template/requestFormBottom.gif) no-repeat; height: 15px; width: 600px;}





    /* Landing Page Content Styles*/
    #commentForm { width: 500px; }
    #commentForm label { width: 250px; }
    #SalesForceForm label.error, #commentForm input.submit {display:none!important;}
    #SalesForceForm .error {margin: 0;}

a.tooltiptrigger {cursor: pointer;}
.tooltip {
	background-color:#083050;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

.roundedBox {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fffff;
	border: 1px solid #d4d4d4;
	padding: 10px;
	margin: 10px 0;
	text-align: center;
}
}