/* General tags */

BODY {
   font: normal 100% Verdana, Arial, Helvetica, sans-serif; 
   margin: 0;
   padding: 0;
   height: 100%;
}
INPUT, SELECT, TEXTAREA { 
   background-color: #7b7;
   border-color: #7b7; 
}
FORM {
   margin: 0; padding: 0;
}
UL,LI { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
IMG { border: 0px; }

A:link, A:visited {
   color: #333; 
   text-decoration: none; 
}
A:hover, A:active {
   color: #1E90FF; 
   text-decoration: underline; 
   font-variant : normal; 
}

HR {
   height: 2px;
   margin: .2em;
   clear: both;
}

H1,H3 { 
   font-weight: bold;
   font-size: 1em;
   color: #060;
   margin: .8em 0 .5em 0;
}
H2 {
   font-weight: bold;
   font-size: 1em;   
   color: #333;
   margin: .8em 0 0 0;
}
H4 {
   font: 2em serif;
   color: black;
   margin: 0; padding: 0;
}
P {
   margin: 0; padding: 0;
   clear: none;
}
P.bodytext {
   margin-bottom: .5em;
}


/* Top navigation */
div.topimage {
	text-align: center;
	width: 100%;
	background-image: url(../../fileadmin/topback.jpg);
}

DIV.navbar {
   display: inline-block;
   text-align: center;
   width: 100%;
   background: black;
   padding: 0; margin: 0; 
   border-bottom: 1px solid green;
/*   font-size: 11pt; */
/*   border: 1px solid red; */
}


DIV.navbar TABLE {
   border: 0;
   padding: 0;
   margin: 0 auto;
   border-collapse: collapse;
}

DIV.navbar TABLE TD {
   border: 0;
   padding: 0;
   margin: 0;
   white-space: no-wrap;
}

UL.tabnav {
  display:block;
  list-style-type: none;
  padding: 0; margin: 0;
  margin-top: .2em; 
  font-size: 11pt;
}

UL.tabnav LI {
  position:relative; 
  display:block;
  top: 1px;
  float:left;
  padding:0;
  margin:0;
  xmargin-right:0.6em;
  border:solid 1px;
}

UL.tabnav LI A {
  display:block;
  padding:0.1em 5px .1em 5px;
  color:#000;
  font-weight:bold;
  text-decoration:none;
}

UL.tabnav LI.inactive {
  margin-top:3px;
  border-color:#aca #aca #6c6 #aca;
  background: #cfc;
  padding-bottom: 2px;
}

UL.tabnav LI.active {
  padding-top: 2px; padding-bottom: 3px;
  border-color:#6c6 #6c6 #fff #6c6;
  background-color:#fff;
}

ul.tabnav .active   a       { cursor:pointer; cursor: hand; }
ul.tabnav .inactive a:hover { cursor:pointer; cursor:hand; background:#f8fff8; }

#tabds    { border:none; width:0px; height:100%; position:relative; z-index:30; margin: 0; vertical-align: bottom; }
#tabds_ds { position:absolute; top:0; height: 1.9em; width:7px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin/tabds.png', sizingMethod='scale'); z-index:35; }
#tabds.inactive { display:none; }

*>#tabds_ds { background-image:url(../../fileadmin/tabds.png); height:1.9em; bottom:auto; }

#main {
   margin: 0;
   padding: 0;
   margin-bottom: 2em;
   clear: both;
   background-color: white;
   font-size: .95em;
   border-collapse: collapse;
}

/* Left navigation */

#show_menu {
   display: none;
}

#LeftCol {
   vertical-align: top;
}

UL.leftnav {
   list-style-type:none;
   white-space:nowrap;
   padding: .4em 0 .8em 0;
   margin: .1em 0 .9em 0;
}

UL.leftnav LI {
   padding: .05em .5em .05em .5em;
   margin: 0;
}

UL.leftnav LI A, UL.leftnav A:hover, UL.leftnav A:visited {
   display: block;
   border-top: 1px solid black; border-bottom: 1px solid black;
   text-decoration: none;
   color: white;
}

UL.leftnav LI.active A, UL.leftnav LI.active A:visited {
   border-top: 1px solid #040;
   border-bottom: 1px solid #040;
   color: #bfb;
}
UL.leftnav LI A:hover, UL.leftnav LI.active A:hover {
   border-top: 1px solid green;
   border-bottom: 1px solid green;
   color: #bfb;
}

.rounded_black {
   background: black;
}

/* Center content */

#CenterCol {
   width: 100%;
   vertical-align: top;
   padding: 0 0 0 .3em;
}

#CenterCol A {
   text-decoration: underline;
}

#CenterCol UL {
   margin-bottom: 1em;
}

H1.csc-firstHeader {
   margin-top: 0;
}
.csc-header {
   width:100%;
   clear: none;
   padding: 0;
   margin: 0;
   display: inline;
}
.csc-header-n1 {
   padding-top: 0;
}
H1 A, H1 A:link, H1 A:visited {
   color: #060;
}
.floatleft H1.csc-firstHeader {
   margin-top: .8em;
}


/* Footer */

div#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   background-color: black;
   color: white;
   padding: 2px;
   margin: 0;
   white-space: nowrap;
   border-top: 2px solid #999;
   font-size: 11pt;
   z-index: 100;
}

div#footer A {
   color: white;
   margin-left: 2em;
}

div#footer IMG {
   margin-bottom: -2px;
}

div#footer IMG#xhtml_logo {
   position: absolute;
   margin: 0;
   right: .5em; bottom: .2em;
}

@media screen {
   div#footer {
      position: fixed;
   }
}

/* For PDAs, does anyone other than Ryan use this? */
@media handheld {
   div#footer {
      visibility: hidden;
   }
   .news-list-item IMG {
      visibility: hidden;
   }   
}

/* iPad doesn't need fixed footer
@media only screen and (max-device-width: 1024px) and (orientation:landscape),
       only screen and (max-device-width: 1024px) and (orientation:portrait) {
   div#footer {
      display: none;
   }
   
   ul.tabnav li a {
     padding: 1px; 
     margin: auto; 
     font-weight: normal;
   }   
} */

/* Overcome stupid IE bug for fixed footer */
* HTML DIV#footer {
   position: absolute;
   bottom: 0; left: 0;
} 
* HTML BODY {
   overflow: hidden;
   height: 100%;
   margin-bottom: 1.5em;
}
* HTML DIV#wholepage {
   overflow: auto;
   width: 100%;
   height: 100%;
}


/* News listings */

.floatleft {
   margin: 0; padding: 0;
/*   float: left; */
   vertical-align: top;
   display: inline-block;
   padding-right: 2em;
}

/* Yet another IE bug... */
* HTML .floatleft {
   width: 50%;
   display: inline;
}

.centerme {
   text-align: center;
}
.centerme TABLE {
   margin: 0 auto;
   padding: 0;
   border-collapse: collapse;
   text-align: left;
}
.centerme TABLE TD {
   vertical-align: top;
   width: 50%;
}

.red {
   color: red;
}

DIV.news-list-item {
   margin-bottom: .8em;
   padding: 0;
}

DIV.news-list-item H1 {
   margin: 0;
   padding: 0;
   display: inline;
}

SPAN.news-list-date {
   display: block;
   margin: 0;
   padding: 0;
   font-size: .8em;
   color: #777;
   white-space: nowrap;
}

DIV.news-list-item .bodytext {
   margin: 0;
   padding: 0;
}

DIV.news-list-item .subheader {
   font-size: .9em;
   color: #555;
}

.news-list-item IMG {
   float: left;
   padding: 0 .3em 0 1em;
   clear: both;
}

/* New front page news listings */

DIV.news-latest-container {
   display: inline;
   clear: none;
}

DIV.news-latest-item {
   margin-bottom: .8em;
   padding: 0;
   clear: left;
}

DIV.news-latest-item H1 {
   margin: 0;
   padding: 0;
   display: inline;
}

SPAN.news-latest-date {
   display: block;
   margin: 0;
   padding: 0;
   font-size: .8em;
   color: #777;
   white-space: nowrap;
}

DIV.news-latest-item .bodytext {
   margin: 0;
   padding: 0;
}

DIV.news-latest-item .subheader {
   font-size: .9em;
   color: #555;
}

DIV.news-latest-item li {
   list-style-position: inside; 
}


.news-latest-item IMG {
   float: left;
   margin: 0 .5em 0 0;
}

/* Image layouts for news articles */
.news-single-img IMG {
   float: left;
   clear: none;
   margin: .3em;
   border: 1px solid black;
}

.news-single-item .bodytext {
   clear: left;
}


/* New right side menu */
DIV#rightcontainer {
   float: right;
   display: block;
   font-size: .7em;
   text-align: center;
   width: 17em;
}

DIV#rightcol {
   float: right;
   background: black;
   padding: .8em .8em 1.1em .9em;
   width: 17em;
   color: white;
   margin: 0;
   text-align: left;
}

DIV#rightcol H6 {
   display: block;
   margin: 0;
   padding: 1px;
   background-color: green;
   font-size: 1.2em;
}
DIV#rightcol H5 {
   display: block;
   margin: 0;
   padding: 1px;
   background-color: red;
   font-size: 1.2em;
}

DIV#rightcol A, DIV#rightcol A:link, DIV#rightcol A:visited {
   color: white;
   text-decoration: none;
}


DIV#rightcol A, DIV#rightcol A:hover {
   color: white;
   text-decoration: underline;
}

DIV#rightcol IMG {
   padding: 2px 2px 0 0;
   margin-bottom: -2px;
}

DIV#rightcol .rightcol1 {
   margin: .5em;
   width: 170px;
   background-color: #090;
}

DIV#rightcol HR {
   color: #222;
   background-color: #222;
   height: 1px;
   border: none;
}

DIV#rightcol IMG#st_logo {
   margin: 1px auto 1px auto;
   padding: 0;
   display: block;
}

#ready_img {
   border: none;
}


.csc-sitemap ul li {
   font-weight: bold;
   display: block;
   float: left;
   height: 40em; 
   width: 20em;
   display: table-cell;
}

.csc-sitemap ul li ul li {
   font-weight: normal;
   float: none;
   width: auto;
   height: auto;
   display: block;
}

.csc-sitemap ul ul ul {
   visibility: hidden;
   height: 0;
   padding: 0;
   margin: 0;
}


/* Table layout 1 has alternating green rows and a bold header */
.contenttable-1, .contenttable-2 {
   border-collapse: collapse;
}

.contenttable-1 .tr-0 P {
   font-weight: bold;
}

.contenttable-1 .tr-odd, .contenttable-2 .tr-even {
   background-color: #efe;
}

.contenttable-1 TD, .contenttable-2 TD {
   border: 1px solid black;
   margin: 0;
   padding: 3px;
}

.contenttable-1 .tr-0 TD {
   text-align: center;
   border: none;
}

/* For right aligned image-texts */
.csc-textpic-intext-right .csc-textpic-imagewrap {
/*   position: relative; */
   display: block;
   margin-top: -1.5em;
}

.csc-textpic-caption {
   text-align: center;
}


/* For the "we teach someone you love" image */
DIV.we_teach {
   text-align: center;
   margin-right: 14em;
}


/* Rounded corners, thanks NiftyCorners! */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

.prev_days, .next_days {
   white-space: nowrap;
}

.csc-mailform {
   border: none;
}

.csc-mailform-field label {
   width: 6em;
   align: right;
   float: left;
}

IFRAME {
   margin: 0;
   width: 100%;
   height: 700px;
   border: none;
   scrollbars: none;
   overflow-x: hidden;
}

.csc-mailform-field {
   display: block;
   overflow: auto;
}

.csc-mailform-field  label {
   display: block;
   width: 15em;
   font-weight: bold;
   clear: both;
}


/* Calendar CSS */

.monthview, .calendar-month {
	font-family:  Arial, Helvetica, sans-serif;
}
TABLE.monthview {
	border: 1px solid #333;
	background-color: #cfc;
	padding: 0px;
	align: center;
	clear: both;
	width: 90%;
	border-collapse: collapse;
	margin: auto;
}

.calendar-month .prev_months {
	float: left;
	width: 220px;
	text-align: right;
	padding-top: 5px;
	white-space: nowrap;
}
.calendar-month .next_months {
	float: right;
	width: 220px;
	padding-top: 5px;
	white-space: nowrap;
}
.calendar-month .the_month {
	font-size: 15pt;
	font-weight: bold;
	color: #060;
	text-decoration: none;
	text-align: center;
}
.calendar-month .the_month A {
	color: #060;
	text-decoration: none;
}

.calendar-month .p_m {
	float: left;
}
.calendar-month .n_m {
	float: right;
}

.calendar-month .cat_select {
	text-align: right;
}

.calendar-month .p_y_1 A, 
.calendar-month .n_y_1 A {
	display: inline;
	text-decoration: none;
}


.calendar-month .p_m_1, 
.calendar-month .p_m_2,
.calendar-month .p_m_3,
.calendar-month .n_m_1, 
.calendar-month .n_m_2,
.calendar-month .n_m_3
{
	color: #060;
	display: inline;
}

.calendar-month .p_m_1 A, 
.calendar-month .p_m_2 A,
.calendar-month .p_m_3 A,
.calendar-month .n_m_1 A, 
.calendar-month .n_m_2 A,
.calendar-month .n_m_3 A
{
	color: #060;
	text-decoration: none;
}

.calendar-month .p_m_1, 
.calendar-month .n_m_1 {
	font-size: 12pt;
}

.calendar-month .p_m_2,
.calendar-month .n_m_2 {
	font-size: 10t;
	padding: 10px;
}

.calendar-month .p_m_3,
.calendar-month .n_m_3 {
	font-size: 9pt;
}


TABLE.monthview TR TD.top_header {
	/* background-color: #EEEEEE; */
	height: 20px;
	font-size: 20pt;
}

TABLE.monthview TR TD.top_header .weekheader {
	text-align: center;
	border-bottom: 1px solid #000000;
	/* background-color: #FFFFFF; */
	visibility: hidden;
}

.monthview .top_header .dayheader {
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFFF;
	color: black;
	border: 1px solid #888;

}
.monthview .week {
}

.monthview .weeknum {
	vertical-align: top;
	border: 1px solid #aaa;
}

.monthview .weeknum .week_header {
	color: black;
	font-weight: bold;
	padding-left: 5px;
	font-size: 10pt;
}
.monthview .weeknum .week_header A {
	color: black;
	text-decoration: none;
	display: block;
	width: 100%;
}

TABLE.monthview TR TD.day {
	/* border-bottom: 1px solid #9999FF; */
	vertical-align: top;
	height: 80px;
	width: 14%;
	background-color: #FFFFFF;
	border: 1px solid #AAA;
}
TABLE.monthview TR TD.weekend {
	/* visibility: hidden; */
	/* display: none; */
	background-color: #EFFEFF;
}
TABLE.monthview TR TD.not_in_month {
	/* visibility: hidden; */
	/* display: none; */
	background-color: #BBB;
}
TABLE.monthview TR TD.day_is_today {
	background-color: #FFDDDD;
}
TABLE.monthview TR TD.day .dayTitle {
	font-size: 9pt;
	margin-top: 2px;
	margin-left: 2px;
}
TABLE.monthview TR TD.day .dayTitle A {
	text-decoration: none;
	display: block;
	width: 100%;
}


TABLE.monthview TR TD.day DIV.event_today,DIV.event_not_today {
	display: block;
	font-size: 8pt;
	border: 1px solid;
	border-top: 3px solid;
	border-color: #2AA4DD;
	margin: 2px;
	background-color: #EFEFEF;
	overflow: hidden;
}
TABLE.monthview TR TD.day DIV.event_today DIV.inner A {
	color: #222255;
	text-decoration: none;
	white-space: nowrap;
	display: inline;
}
.monthview .event_today,.event_not_today .inner {
	white-space: nowrap;
}
/*	
.monthview .event_not_today {
	border-top: 3px solid #0000FF;
	border-top-color: #2AA4DD;
	margin: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.monthview .event_not_today .inner {
	display: none;
} */


/* mini month */
.mini-month {
	width: 150px;
	border: 1px solid #AAAAAA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.mini-month .mini-month-header {
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
}
.mini-month .mini-month-header A {
	color: #288EBD;
	text-decoration: none;
}

.mini-month TABLE {
	margin: auto;
}

.mini-month TD.day {
	text-align: center;
	font-size: 8pt;
}
.mini-month TD.day A {
	text-decoration: none;
}

.mini-month TD.has_events A {
	color: #FF0000;
}

.mini-month TD.not_in_month {
	visibility: hidden;
}

/* Ready or not page */


.readyornot iframe {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 660px;
	width: 820px;
	border: none;
}

.readyornot h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 18px;
	font-weight: bold;
	color: #900;
	margin-left: 25px;
}

.readyornot .contenttable {
	border-collapse: collapse;
	width: 627px;
	margin-left: 25px;
}

.readyornot .contenttable .td-0 {
	width: 400px;
}
.readyornot .contenttable .td-1 {
	width: 150px;
}
.readyornot .contenttable .td-2 {
	width: 77px;
}

.readyornot .contenttable .tr-0 {
	text-align: left;
	font-weight: bold;
	background-color: #F4F3F3;
}

.readyornot .contenttable .tr-0 td {
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}

.readyornot .contenttable a {
	color: #900;
}

/* FAQ Page, make the answers stand out a bit */
.tx-irfaq-pi1 .tx-irfaq-dynheader {
	color: #040 !important;
}

.tx-irfaq-pi1 .tx-irfaq-dynans-visible P {
	background-color: #dfd;
	margin: 1em;
	padding: .5em;
}

.tx-irfaq-pi1 .additional-info {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Frame types */
.csc-frame-rulerBefore {
	clear: both;
	border: 1px solid black;
}