{*
  main.welcome.css updated 2010-02-16
*}
/* =========================
            GENERAL LAYOUT
========================= */
#center {
  background: url(images/custom/bottom-collage.1000x256.png) bottom right no-repeat;
  clear: both;
  padding-top: 0; /* main.welcome.css only */
  padding-bottom: 260px; /* main.welcome.css only */
}
#content-container {
  border-left: 1px solid #d7c899; /* main.welcome.css only */
  border-right: 1px solid #d7c899; /* main.welcome.css only */
  width: 1000px; /* 984 in main.welcome.css only, otherwise 986 */
}
#content-container2 {
  padding: 0; /* main.welcome.css only */
  background: #fff url(images/custom/notepaper_background.1000w.2.jpg) repeat-y top right; /* main.welcome.css only */
}
/* =========================
               ALPHA BY ID
========================= */
/*
    TAB-BOX VARIATIONS
*/
#tab-content-ss,
#tab-content-vv,
#tab-content-ocn,
#tab-content-lips,
#tab-content-talkies {display: none;}
#tab-content-new {display: block;}
/*
    TABBED BOX LAYOUT
*/
#center .tabbed {
  position: relative;
  float: right;
  margin: 18px 0 0;
  padding: 0;
  width: 844px;
  background: transparent;
  clear: none;
}
#center .tabbed li {
  white-space: nowrap;
}
#center .tabbed .tab-content {
  float: right;
  margin: 8px 26px 18px 0;
  border: 1px dotted #d7c899;
  padding: 18px;
  width: 585px;
  background-color: #fffbee;
}
/*
#center .tabbed .tab-content a {
  display: block;
  clear: both;
  text-align: right;
}
#center .tabbed .tab-content img {
  float: left;
  margin: 4px 15px 0 0;
}
#center .tabbed .tab-content h2 {
  margin: 30px 0 5px;
  font-size: 16px;
}
*/
#center .tabbed .tab-content p {
  font-size: 14px;
  line-height: 1.6em;
}
#center .tabbed .tab-content p.author {
  text-align: center;
  color: #000;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#center .tabbed .tab-content .program-info a {
  display: block;
  clear: both;
}
#center .tabbed .tab-content .program-info {
  float: right;
  margin: 0;
  padding: 0 5px;
  width: 345px;
}
#center .tabbed .tab-content .program-info p {
  margin-top: 0;
}
#center .tabbed .tab-content .program-info ul {
  margin: 0 0 1em;
  padding: 0 0 0 25px;
}
#center .tabbed .tab-content .program-info ul li {
  margin-left: 15px;
  list-style-type: disc;
  font-size: 14px;
  line-height: 1.6em;
}
/*
#center .tabbed #tab-content-new h1 {
  margin: 4px 0 5px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #000;
  letter-spacing: 1px;
  font-variant: small-caps;
}
#center .tabbed #tab-content-new h2 {
  margin: 0 0 30px;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  font-variant: small-caps;
}
#center .tabbed #tab-content-new h2 > span {
  padding: 2px 19px;
  border-top: 1px solid #000;
}
#center .tabbed #tab-content-new p {
  margin: 0 0 18px;
  padding: 0 46px;
  text-align: justify;
  color: #333;
}
*/
#center .tabbed #tab-content-ss h1,
#center .tabbed #tab-content-vv h1,
#center .tabbed #tab-content-talkies h1,
#center .tabbed #tab-content-lips h1,
#center .tabbed #tab-content-ocn h1 {
  margin: 10px 25px 25px 0;
  border-bottom: 1px solid #000;
  padding-bottom: 6px;
  font-size: 15px;
  line-height: 1.5em;
  text-align: left;
  letter-spacing: 1px;
}
#center ul#tabs {
  padding: 0;
  margin: 0;
  width: 168px;
  height: 100%
  float: right;
  list-style-type: none;
  background: transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  overflow: hidden;
}
#center ul#tabs li {
  display: block;
  margin-top: 5px;
}
#center ul#tabs li a {
  margin: 0 9px 0 0;
  padding: 50px 12px 16px 0;
  height: 100%;
  float: none;
  display: block;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}
#center ul#tabs li a:hover,
#center ul#tabs li a:active {
  margin: 0;
  text-decoration: underline;
}
#center ul#tabs li a span {
  padding: 0 0 0 9px; 
  float: none; 
  display: block; 
  font-size: 0.75em;
  font-weight: bold;
  color: #fff;
}
#center ul#tabs li a:hover span {
}
#center ul#tabs li.current a {
  margin: 0;
  padding: 50px 12px 16px 0;
  height: 100%;
  float: none;
  display: block;
  overflow: hidden;
}
#center ul#tabs li.current a span {
}
#center ul#tabs li.current a:hover {
}
#center ul#tabs li.current a:hover span {
}
#header .line3 {
  height: 46px;
  border-bottom: none;
}
#student-pics {
  position: relative;
  float: right;
  width: 156px;
  margin: 18px 0 0;
  padding: 0;
  border: none;
  overflow: hidden;
}
/*
#tab-content-new #featured-icons {
  margin: 27px 19px;
  padding: 0;
  width: 549px;
}
#tab-content-new #featured-icons li {
  position: relative;
  display: block;
  float: left;
  margin: 0 19px 19px 0;
  border: 2px solid #a10309;
  padding: 1px;
  width: 164px;
  height: 164px;
  background-color:#fff;
}
#tab-content-new #featured-icons li.last {
  margin-right: 0;
}
#tab-content-new #featured-icons li a {
  position: relative;
  display: block;
  border: 1px solid #000;
  width: 162px;
  height: 162px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-variant: small-caps;
  overflow: hidden;
}
#tab-content-new #featured-icons li a:hover,
#tab-content-new #featured-icons li a:active {
  text-decoration: none;
}
#tab-content-new #featured-icons li a:hover span,
#tab-content-new #featured-icons li a:active span {
  background-color: rgb(180,136,138);
  background-color: rgba(180, 136,138,0.6);
  color: #200001;
}
#tab-content-new #featured-icons li a span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 2px 4px 6px;
  width: 154px;
  z-index: 100;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.6);
  color: #200001;
  line-height: 1.3em;
}
#tab-content-new #featured-icons li img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 0;
}
*/
/* =========================
    START FEATURED SOLUTION STYLES
========================= */
#center .tabbed #tab-content-new {
  position: relative;
  border: 1px solid #d7c899;
  padding: 0;
  width: 621px;
  background-color: #fff;
}
#center .tabbed #tab-content-new div.featured-intro {
  position: relative;
  margin: 0;
  border-top: 1px dotted #d7c899;
  background-color: #fffbee;
  padding: 0;
  width: 621px;
}
#center .tabbed #tab-content-new div.featured-intro ul {
  float: left;
  margin: 0;
  border-right: 1px dotted #d7c899;
  padding: 15px 3px 15px 27px;
  width: 201px;
  background-color: #fffbee;
}
#center .tabbed #tab-content-new div.featured-intro ul li {
  list-style-type: disc;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.6em;
  margin-bottom: 6px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#center .tabbed #tab-content-new div.featured-intro p {
  margin: 0 0 0 232px;
  padding: 18px 27px;
  /* width: 298px; */
}
#center .tabbed #tab-content-new div.featured-intro p.offer {
  border-top: 2px solid #a10309;
  background-color: #fff;
  color: #000;
}
#center .tabbed #tab-content-new div.featured-intro p.offer a {
  clear: none;
  display: inline;
}
#center .tabbed #tab-content-new div.featured-intro p.offer strong {
}
#center .tabbed #tab-content-new #gift-img {
  float: right;
  margin: 0;
  border-left: 1px solid #d7c899;
  border-bottom:1px solid #d7c899;
  padding: 10px 12px;
  width: 221px;
}
#center .tabbed #tab-content-new #gift-img img {
  margin: 0;
}
#center .tabbed #tab-content-new h2 {
  margin: -1px 0 0 -1px;
  border-right: 1px solid #d7c899;
  padding: 12px 36px;
  width: 304px;
  height: 52px;
  background-color: #8F9BBF;
  color: #fff;
  font-size: 30px;
  font-variant: small-caps;
}
#center .tabbed #tab-content-new h2.alert {
  position: absolute;
  top: 0;
  right: 0;
  margin: -1px -1px 0 0;
  border: none;
  padding: 20px 21px 4px 51px;
  width: 174px;
  background-color: #a10309;
  color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.3em;
  font-variant: small-caps;
}
#center .tabbed #tab-content-new h2.alert span {
  font-family: Georgia, Palatino, "Palatino Linotype", serif; /* stet */
  font-size: 30px;
  font-variant: small-caps;
  font-weight: normal;
}
#center .tabbed #tab-content-new h2 span.line-1 {
  display: block;
  font-size: 13px;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#center .tabbed #tab-content-new h2 span.line-1 strong {
  font-size: 1.4em;
  font-variant: normal;
}
#center .tabbed #tab-content-new h2 span.line-2 {
  display: block;
  text-align: right;
  line-height: 30px;
}
#center .tabbed #tab-content-new h3 {
  margin: 0;
  padding: 27px 18px 0;
  width: 515px;
  width: 339px;
  text-align: center;
  font-variant: small-caps;
  font-size: 15px;
  line-height: 1.4em;
}
#center .tabbed #tab-content-new img {
  margin: 10px 0;
  float: none;
}
#center .tabbed #tab-content-new li {
  white-space: normal;
}
/* END FEATURED SOLUTION STYLES */
#tab-ss a {
  background: url(images/custom/green-torn-paper.png) top right no-repeat;
}
#tab-vv a {
  background: url(images/custom/red-torn-paper.png) top right no-repeat;
}
#tab-ocn a {
  background: url(images/custom/blue-torn-paper.png) top right no-repeat;
}
#tab-lips a {
  background: url(images/custom/orange-torn-paper.png) top right no-repeat;
}
#tab-talkies a {
  background: url(images/custom/pink-torn-paper.png) top right no-repeat;
}
#Welcome-Line {
  display: block;
  text-align: center;
  margin: 0;
}
#Welcome-Line h1 {
  margin: 4px 0 10px;
  font-family: 'Coming Soon', Georgia, serif;
  font-size: 20px;
  color: #000;
}
/* =========================
              SERVICE STYLES
========================= */
.clear-after {
  display: inline-table;
}
.clear-after:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 1px;
}
.clear-both {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
/* Hides from IE-mac \*/
.clear-after {
  display: block;
  *zoom: 1;
}
/* End hide from IE-mac */
.reg {
  font-size: 11px;
}
.reg-2 {
  font-size:10px;
  vertical-align:top;
}