/* Start of CMSMS style sheet 'Miscellaneous' */
.left {float: left; margin-right: 2em !important;}

.right {float: right; margin-left: 2em !important; }

.clear {clear: both;}

.divider {border-top: 1px solid #CCCCCC; margin-top: 8px; padding-top: 5px; height: 2px; }

.breadcrumbs .divider {margin-left: 0;}

.caption {padding-left: 10px;font-size: 10px; color: #777777;}
div#content p.caption {margin-left: 0;}

.instructions {width: 100px; float: left; margin-left: 10px; color: #777777; }

.callout {color: #777777; margin: 20px 0; position: relative; top: 5px; border: 1px #EEEEEE solid; background: #F7F7F7; font-size: 11px; padding: 10px;}
.callout .heading {font-weight: bold; }

div#content p.callout {margin-left: 0;}

/*.calloutleft {float: left; width: 300px; padding: 6px; margin: 10px 0 10px 0; position: relative; top: 5px; border: 2px #CCCCCC solid; background: #FFFFFF; font-size: 90%; }

.calloutcenter {display: block; border: 1px solid #CCCCCC; font-size: 90%; margin: 1em 0; padding: 1em; }
*/
 #cntnt01searchinput {border: 1px solid #CCCCCC; color: #777777; font-size: 11px; height: 1.4em;}


blockquote {
width: 500px; 
margin: 10px auto; 
position: relative; 
left: 0%; 
text-align: justify; 
line-height: 1.3em; 
color: #777777; 
padding-top: 10px; 
padding-left: 10px; 
background: url("images/layout/miscellaneous/dq1.jpg") no-repeat top left;
border-left: 1px solid #FFFFFF;
}

blockquote div {
padding-bottom: 10px; 
padding-right: 10px;
background: url("images/layout/miscellaneous/dq2.jpg") no-repeat bottom right; 
}

blockquote p {
margin: 0; 
margin-bottom: 10px; 
}

blockquote cite {
display: block; 
text-align:right; 
font-size: 0.9em; 
}

/* LISTS */
div#maincontent ul,
div#maincontent ol,
div#maincontent dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
   list-style: none;
}
div#maincontent ul li,
div#maincontent ol li {
   margin: 0 0 0.25em 1em;
   padding-left: 2em;
   background: url("images/layout/miscellaneous/bullet.gif") no-repeat 0 5px;
} 
div#maincontent ul .key {
   line-height: 1em;
}
.toplink {padding-left: 2em; background: url(images/layout/miscellaneous/education-up.gif) no-repeat 0 4px; margin-bottom: 8px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; font-size: 80%;  }

.toplink2 {padding-left: 2em; background: url(images/layout/miscellaneous/education-up.gif) no-repeat 0 4px; margin-bottom: 8px; padding-bottom: 10px; font-size: 80%;  }


#maincontent .sitemap a {
  color: #687c97;
  margin-bottom: 0.25em
}

#maincontent .sitemap a:hover {
  color: #264D9B;
}

#maincontent .sitemap li {
   margin-left: 0;
   margin-bottom: 0.5em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   background-image: none;
   border: 1px solid #CCCCCC;
}
#maincontent .sitemap li li {
   border: none;
   padding-top: 0;
   padding-bottom: 0;
   margin-bottom: 0;
}
#maincontent .sitemap ul {
   margin-bottom: 0;
   padding-bottom: 0;
}
#maincontent .sitemap ul ul {
   margin-bottom: 0;
   padding-bottom: 0;
}

#timeline {width: 570px; border-top: 2px solid #CCCCCC; margin-top: 15px; padding-top: 10px;}
#timeline .date {float: left; width: 100px;}
#timeline .detail {float: left; width: 440px; line-height: 1.3em; }
#timeline .float-divider {border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; }

.grid {margin: 0 0 10px 0; color: #777777; }
.grid th, .grid td {padding: 3px 3px 3px 0;}
.grid .day {width: 120px;}
.grid .time {width: 180px;}
.grid .detail {width: 400px;}

.herb, .herb2 {float: left; width: 255px;}
div#maincontent .herb h4,
div#maincontent .herb2 h4 {font-size: 11px;}
.herb2 {padding-left: 20px; border-left: 1px solid #CCCCCC;}

form {background-color: #FFFFFF; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px 0; }
form label
{
float: left;
width: 100px;
padding-top: 5px;
color: #777777;
}
form select {width: 169px;}

.pdf {background: url(images/layout/miscellaneous/pdf.gif)  0 0 no-repeat; padding-left: 22px; padding-top: 3px; padding-bottom: 3px; }

#maincontent .educationlinks li {background-image: url(images/layout/miscellaneous/education-down.gif);}
#content .educationlinks a {border-bottom: none;}

.shopfront {margin: 4px 0 4px 4px ; padding: 0; float: left; text-align: center;}
#content .shopfront h4 {margin-top: 0;}
.shopfront p {width: 170px; margin-left: 0;}
#content .shopfront img {margin: 4px 0 0 0; padding: 0; border: 2px solid #ffffff;}

#shop {background-color: #F7F7F7;border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee;margin-top: 15px;padding-top: 4px;}
/* End of 'Miscellaneous' */

/* Start of CMSMS style sheet 'Headers' */
/*** headers ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header1 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner1.jpg) no-repeat;  
   position: relative;
}

div#header2 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner2.jpg) no-repeat;  
   position: relative;
}

div#header3 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner3.jpg) no-repeat;  
   position: relative;
}

div#header4 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner4.jpg) no-repeat;  
   position: relative;
}

div#header5 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner5.jpg) no-repeat;  
   position: relative;
}

div#header6 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner6.jpg) no-repeat;  
   position: relative;
}

div#header7 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner7.jpg) no-repeat;  
   position: relative;
}

div#header8 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner8.jpg) no-repeat;  
   position: relative;
}

div#header9 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner9.jpg) no-repeat;  
   position: relative;
}

div#header10 {
   height: 285px; /* adjust according your image size */
   background: #FFFFFF url(images/layout/headers/banner9.jpg) no-repeat;  
   position: relative;
}

div#header1 h1 
{
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  text-indent: -999em;
}

div#header2 h1 a, 
div#header3 h1 a, 
div#header4 h1 a, 
div#header5 h1 a, 
div#header6 h1 a,
div#header7 h1 a,
div#header8 h1 a,
div#header9 h1 a,
div#header10 h1 a {
   background: transparent;
   display: block; 
   height: 70px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

div.breadcrumbs {
   padding: 6px 0 6px 0px; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 11px;            
   font-weight: normal;
   margin: 0;              /* css shorthand rule will be opened to be "0 1em 0 1em" */
   color: #aaaaaa;
   
     position:absolute;
   left: 50px;
   top: 12px;
}

div.breadcrumbs .divider {
   color: #aaaaaa;
   border-top:none;
}
 div.breadcrumbs a, div.breadcrumbs a:link, div.breadcrumbs a:active, div.breadcrumbs a:visited {
   font-weight: normal;
   color: #aaaaaa;
   text-decoration: none;
}
div.breadcrumbs a:hover {
   color: #aaaaaa;
   text-decoration: underline;
}

.headerdate {
  position:absolute;
  padding: 6px 0 6px 12px;
  font-weight: bold;
  color: #666666;
  left: 210px;
  top: 65px;
}
/* End of 'Headers' */

/* Start of CMSMS style sheet 'Calendar' */
	
/* highlight "today" for the small calendar */
.calendar-today {
  font-weight: bold;
}

#cal-upcominglist .calendar-title,
#cal-upcominglist .calendar-date-from,
#cal-upcominglist .calendar-date-to {
  display: inline; 
  margin-right: 5px;
  line-height: 140%;
  font-weight: bold;
}

#cal-upcominglist .calendar-summary {
  line-height: 140%;
}

.calendar-detail {
  line-height: 140%;
  margin-bottom: 10px;
}

.calendar-event .calendar-details {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 10px 0;
  margin: 0 0 10px 0;
}

.calendar-event .calendar-summary {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 10px 0;
  margin: 0 0 10px 0;
}

.calendar-list .calendar-summary {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
}

.calendar-upcominglist .calendar-summary
{

border: none;

padding: 0;

margin: 0;

background: none;

}



#cal-upcomingsm .calendar-title {

  line-height: 120%;

  font-weight: bold;

 }



#cal-upcomingsm .calendar-event a {

  line-height: 120%;

  font-weight: bold;

 }



#cal-upcomingsm .calendar-date-from,

#cal-upcomingsm .calendar-date-to,

{

line-height: 120%;

font-size: 100%;

font-weight: bold;

font-style: italic;

}



#cal-upcomingsm .calendar-summary

{

  font-size: 90%;

  line-height: 120%;

}



#cal-upcomingsm .calendar-event,

#cal-upcominglist .calendar-event

{

 margin-bottom: 10px;

}






.calendar-date-from, .calendar-date-to

{

line-height: 140%;

/*font-style: italic;*/

}



.calendar-event .calendar-date-title,

.calendar-event .calendar-summary-title,

.calendar-event .calendar-details-title

{

display: none;

}


#week {}

#week .day {

margin: 10px 0;
background: #FFFFFF;
border-collapse: collapse;
width: 420px;
border-top: 2px solid #999999;
border-right:1px solid #999999;
  border-bottom: 1px solid #999999; 
}

#week td {
vertical-align: top;
padding: 3px;
}
#week .date  {

  /*border-top: 2px solid #CCCCCC;*/
 /* border-right:4px solid #CCCCCC;*/
  border-bottom: 1px solid #CCCCCC; 
  padding: 5px 0;
  font-weight: bold;
  color: #777777;
}

#ongoing .date  {
  background: #FFFFFF;  
  padding: 0 0 5px 0 ;
  font-weight: normal;
  color: #777777;
}

#longongoing .date  {
  background: #FFFFFF;  
  padding: 0 0 5px 0 ;
  font-weight: normal;
  color: #777777;
}
#week .time {width: 50px; margin-right: 10px !important;}
#week .detail {width: 321px; margin-right: 5px !important;}
#week .event {
background: #FFFFFF;
margin: 0 !important;
padding: 5px 0 5px 0;
line-height: 120%;
}


#ongoing {
  width: 150px;
margin: 5px 0;
background-color: #FFFFFF;
}
#ongoing .event {
background: #FFFFFF;
margin: 0;
padding: 5px 0 5px 0;
/*border-top: 1px solid #CCCCCC;*/
}

#ongoing .title {
  border-left: none;
  padding: 5px 0 ;
}

#longongoing {
  width: 420px;
background-color: #FFFFFF;
margin: 5px 0 5px 0;
}

#longongoing .event_wrapper {
  border-top: 2px solid #999999;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  margin: 10px 0;
}

#longongoing .event {
background: #FFFFFF;
margin: 0;
padding: 0px 0 5px 0;
/*border-top: 1px solid #CCCCCC;*/
color:#333333;
}

#longongoing .title {
  background: #FFFFFF;   
  border-left: none;
  padding: 5px 0 ;
}

 #week .spacer, #ongoing .spacer, #longongoing .spacer {
padding:  7px;
border-top: 1px solid #CCCCCC;
background-color: transparent;
}

/*#week td.today {
background: #EEEEEE;
}*/

.universalis {

font-size: 75%;

color: gray;

}

.regular {

font-size: 100%;

color: black;

}

.special {

background: inherit;  /*for now at least*/

}



div#maincontent ul#weeklist {

list-style: none;
margin: 0;

}

div#maincontent ul#weeklist li {

list-style: none;
margin: 0 0 5px 0;
padding-left: 10px;
background-image: none;
}


#small {
  font-size: 90%;
  text-align: center;
  width: 140px;
}
#content #small img {border: none;}

/* nice squares for the #small table */
#small th
{
  border: 1px solid white;
  padding: 2px;
  width: 20px;
  color: #777777;
}

#small td {
  border: 1px solid #CCCCCC;
  vertical-align: top;
  padding: 2px;
  /*height: 20px;*/
  width: 20px;
 background-color: #F3F3F3;
}

/* format summaries nicely in #big */
#small ul
{
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}





#small li
{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#small td
{
  background-color: transparent;
}

#small .calendar-day
{
  background-color: #80ff80;
}

#small .calendar-month {color: #777777; padding-top: 5px; margin-top: 2px; }
#small .calendar-today
{
  font-weight: normal;
  color: #FFFFFF;
  background-color: #CCCCCC;
}

#content #small a,
#content #small a:link,
#content #small a:active,
#content #small a:visited {font-weight: normal; border-bottom: none; color: #687C97;}

#content a.Regular , #content a.Regular:link, #content a.Regular:active, #content  a.Regular:visited {color: #555555; background:url(images/layout/miscellaneous/link_arrow_regular.jpg) right 3px no-repeat;border:none;}

#content  a.Edit, #content a.Edit:link, #content a.Edit:active, #content a.Edit:visited {color: #555555; border-right: none;border-top:none;border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_regular.jpg) right 3px no-repeat;}

#content a.Extra , #content a.Extra :link, #content a.Extra :active, #content a.Extra :visited {color: #555555;border-top:none; border-right: none;border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_regular.jpg) right 3px no-repeat;}

#content a.Service, #content a.Service:link, #content a.Service:active, #content a.Service:visited {color: #FF9900;border-top:none;border-right: none;border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_service.jpg) right 3px no-repeat;}

#content a.Closure, #content a.Closure:link, #content a.Closure:active, #content a.Closure:visited {color: #CC0000;border-top:none;border-right: none;border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_closure.jpg) right 3px no-repeat;}

#content a.Event, #content a.Event:link, #content a.Event:active, #content a.Event:visited {color: #990066;border-top:none;border-right: none;border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_event.jpg) right 3px no-repeat;}

#content a.Concert, #content a.Concert:link, #content a.Concert:active, #content a.Concert:visited {color: #006699;border-top:none;border-right: none;border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_concert.jpg) right 3px no-repeat;}

#content a.Organ, #content a.Organ:link, #content a.Organ:active, #content a.Organ:visited {color: #339999; border-top:none;border-right: none; border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_organ.jpg) right 3px no-repeat;}

#content a.Lecture, #content a.Lecture:link, #content a.Lecture:active, #content a.Lecture:visited {color: #006600;border-top:none; border-right: none;border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_lecture.jpg) right 3px no-repeat;}

#content a.Exhibition, #content a.Exhibition:link, #content a.Exhibition:active, #content a.Exhibition:visited {color: #669966;border-top:none;border-right: none; border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_exhibition.jpg) right 3px no-repeat;}

#content a.Cancel, #content a.Cancel:link, #content a.Cancel:active, #content a.Cancel:visited {color: #FF7722;border-top:none;border-right: none; border-bottom: none;padding-right:10px;background: url(images/layout/miscellaneous/link_arrow_cancel.jpg) right 3px no-repeat;}

#content .Regular a:hover, #content .Edit a:hover, #content .Extra a:hover  {text-decoration: underline;color: #555555;border-bottom:none;}
#content .Service a:hover {text-decoration: underline;color: #FF9900;border-bottom:none;}
#content .Closure a:hover {text-decoration: underline;color: #CC0000;border-bottom:none;}
#content .Event a:hover {text-decoration: underline;color: #990066; border-bottom:none;}
#content .Concert a:hover {text-decoration: underline;color: #006699;border-bottom:none;}
#content .Organ a:hover {text-decoration: underline;color: #339999;border-bottom:none;}
#content .Lecture a:hover {text-decoration: underline;color: #006600; border-bottom:none;}
#content .Exhibition a:hover {text-decoration: underline;color: #669966;border-bottom:none;}
#content .Cancel a:hover {text-decoration: underline;color: #FF7722;border-bottom:none;}

div#content .Regular2, div#content .Edit2 {color: #555555; border:none;}
div#content .Service2 {color: #FF9900; border:none;}
div#content .Closure2 {color: #CC0000; border:none;}
div#content .Event2 {color: #990066; border:none; }
div#content .Concert2 {color: #006699; border:none;}
div#content .Organ2  {color: #339999; border:none;}
div#content .Lecture2 {color: #006600;  border:none;}
div#content .Exhibition2 {color: #669966!important; border:none;}
div#content .Cancel2 {color: #FF7722!important; border:none;}



#content #navlinks a, #content #navlinks a:link, #content #navlinks a:visited, #content #navlinks a:active {text-decoration: none; color: #939598; font-weight: normal; border-bottom: none;}
#content #navlinks a:hover {text-decoration: underline; color: #221E1F; border-bottom: none;}




div#sidecontent ul {margin-left:0;}

#content .calendar-returnlink a, 
#content .calendar-returnlink a:link, 
#content .calendar-returnlink a:visited, 
#content .calendar-returnlink a:active {
   text-decoration: none;
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
   padding-right: 10px;
   background: url(images/layout/miscellaneous/link_arrow.gif) right 3px no-repeat;
}


#content .calendar-returnlink a:hover {text-decoration:underline;}
/* End of 'Calendar' */

/* Start of CMSMS style sheet 'Cataloger' */
.category_items
{
    margin-top: 15px;
    padding-top: 15px;

}

#content .category_items .category_item a,
#content .category_items  .category_item a:link 
#content .category_items  .category_item a:active,
#content .category_items  .category_item a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
}


#content .category_items  .category_item a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}

.category_item
{
    float: left;
    width: 220px;
    margin-bottom: 1.5em;
    margin-right: 50px;
}

.category_item .image
{

    float: left;
    width: 100px;
   margin-right:15px;
   margin-bottom: 15px;
}

.category_item a
{
   line-height: 1.2;
}

.category_item .number
{
}

.category_item .detail
{
    margin-left: 2em;
    padding-left: 20px;
}

.category_item .detail p
{
    margin-top: 0.5em;
}

.catnav
{
    clear: both;
}

.catnav a
{
    text-decoration: none;
}

.catalog_item {
  margin: 5px 0;
  padding: 10px 0;
  background-color: #FFFFFF;
}
.catalog_item .item_images {
  float: left;
  width: 200px;
  margin: 10px 0;

}
.catalog_item .item_image {

}
.catalog_item .item_thumbnails {
background-color: #f7f7f7;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
margin: 5px 0;
padding: 5px 5px 10px 5px;
}
#content .catalog_item .item_thumbnails img {
border: none;
padding: 0 5px;

}

.catalog_item .item_detail {
float: left;
width: 350px;
}

.box_office_items
{
   margin-top:15px;
   border-top:1px solid #EEEEEE;
}

#content .box_office_items .box_office_item a,
#content .box_office_items  .box_office_item a:link 
#content .box_office_items  .box_office_item a:active,
#content .box_office_items  .box_office_item a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #666666; 
   font-weight: bold;
   border-bottom: none;
}


#content .box_office_items  .box_office_item a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #C40000;
   border-bottom: none;
}



.box_office_items .box_office_item
{

   
}

.box_office_items .box_office_item .image
{

    float: left;
    width: 60px;
   margin-right:15px;
   
}

.box_office_items .box_office_item a
{
   line-height: 1.2;
}

.box_office_items .box_office_item .title
{
float:left;
width:150px;
}

.box_office_items .box_office_item .price
{
  float:left;

width:50px;
   line-height: 1.2;
}

.box_office_items .box_office_item .detail p
{
    margin-top: 0.5em;
}








.box_office_overview_items
{
    margin-top: 15px;
    padding-top: 15px;
}

#content .box_office_overview_items .box_office_overview_item a,
#content .box_office_overview_items  .box_office_overview_item a:link 
#content .box_office_overview_items  .box_office_overview_item a:active,
#content .box_office_overview_items  .box_office_overview_item a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #666666; 
   font-weight: bold;
   border-bottom: none;
}


#content .box_office_overview_items  .box_office_overview_item a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #C40000;
   border-bottom: none;
}



.box_office_overview_item
{
   margin-bottom: 1.5em;
   
}

.box_office_overview_item .image
{

    float: left;
    width: 120px;
   margin-right:15px;
   
}

.box_office_overview_item a
{
   line-height: 1.2;
}

.box_office_overview_item .detail
{
float:left;
width:400px;
}


#content .box_office_overview_item .detail p {margin-left:0;}

.box_office_item {
  margin: 0;
  padding: 10px 0;
}
.box_office_item .box_office_item_images {
  float: left;
  width: 120px;
  margin: 10px 0;
margin-right:15px;
}
#content .box_office_item .item_image {

}
#content .box_office_item .item_thumbnails img {
border: none;
padding: 0 5px;

}

.box_office_item .box_office_item_detail {
float: left;
width: 400px;
}

.box_office_item .seating {float:left;width:60px;}
.box_office_item .summary {float:left;width:300px;}
#content .box_office_item p {margin-left: 0;}
/* End of 'Cataloger' */

/* Start of CMSMS style sheet 'Thickbox' */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	
	color: #cccccc;
}

#TB_secondLine {
	font-size: 10px;
	color:#cccccc;
}

#TB_window a:link {color: #cccccc;}
#TB_window a:visited {color: #cccccc;}
#TB_window a:hover {color: #cccccc;}
#TB_window a:active {color: #cccccc;}
#TB_window a:focus{color: #cccccc;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000000;/*ffffff;*/
	z-index: 102;
	color:#cccccc;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 5px 0 15px 15px;
}

#TB_caption{
	padding:10px 30px 15px 15px;
	float:left;
	font-weight: bold;
}


#TB_closeWindow{
	padding:10px 15px 15px 0;
	float:right;
}
#TB_closeWindow a {color: #CCCCCC;  padding-right: 25px; display: block;  background: url(images/layout/miscellaneous/close.gif) top right no-repeat;}

#TB_next{float: right; padding-right: 15px; }
#TB_next a {display: block; padding-right: 15px; background: url(images/layout/miscellaneous/tbnext.gif) bottom right no-repeat;}
#TB_prev{float: left; padding-left: 15px; }
#TB_prev a {display: block; padding-left: 15px; background: url(images/layout/miscellaneous/tbprev.gif) bottom left no-repeat;}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	text-align:right;
	float:right;
}
#TB_closeAjaxWindow a, #TB_closeAjaxWindow a:link, #TB_closeAjaxWindow a:active, #TB_closeAjaxWindow a:hover {color: #777777;}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 8px;
	color: #777777;
        font-weight: bold;
}

#TB_title{
	background-color:#EEEEEE;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:100px;
	width:100px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* End of 'Thickbox' */

/* Start of CMSMS style sheet 'Content Images' */
#maincontent img {
border: 2px solid #CCCCCC;
}

#gallery_images {
width: 250px; 
margin: 5px 0; 
position: relative; 
border-top: 1px solid #EEEEEE;  
border-left: 1px solid #EEEEEE;
background: #F7F7F7;
}

div#content #gallery_images p {margin-left: 0;}

.tl {background:url(images/layout/miscellaneous/box-top.gif) top left no-repeat;}
.br {background:url(images/layout/miscellaneous/box-bottom.gif) bottom right no-repeat;}
.padleft {
padding-top: 15px; 
padding-bottom:15px;
padding-left: 10px; 
}
.padright {
padding-top: 15px; 
padding-bottom:15px;
padding-left: 10px; 
}

#gallery_images img {
  border: 2px solid #FFFFFF;
  margin: 0 5px;
}
#gallery_images .float-divider {height: 5px;}

#sidecontent img {
  border: 2px solid #CCCCCC;
}

#content #gallery_images a,
#content #gallery_images a:link 
#content #gallery_images a:active,
#content #gallery_images a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
}

#content  #gallery_images a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}
/* End of 'Content Images' */

/* Start of CMSMS style sheet 'Links' */
/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active,
a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
}

a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
}


div.quicklinks {
   font-weight: bold;
   text-decoration: none;
   font-size: 11px;
   float: right;
   padding: 6px 10px 6px 0;   
   position:absolute;
   right: 25px;
   top: 60px;
}

div.quicklinks a,
div.quicklinks a:link,
div.quicklinks a:active,
div.quicklinks a:visited {
   text-decoration: none;
   font-weight: bold;
   color: #ababab;
   padding-left: 5px;
}

div.footer_links a, 
div.footer_links a:link,
div.footer_links a:active,
div.footer_links a:visited {
   text-decoration: none;
   font-weight: bold;
   color: #666666;
   padding-left: 5px;
}

div.quicklinks a:hover {
  text-decoration: underline;
  color: #EEEEEE;
}
div.footer_links a:hover  {
  text-decoration: underline;
  color: #221E1F;
}


div.footer_nav {
   width:798px;
   margin-left:25px;
   font-size: 11px;
   border:1px solid #CCCCCC;
   margin-top:3px;
}
div.footer_nav .inner {padding: 5px 0 5px 197px;background:url(images/layout/miscellaneous/logo.jpg)  0 center no-repeat;height:100%;}
div.footer_nav a,
div.footer_nav a:link,
div.footer_nav a:active,
div.footer_nav a:visited {
   display:block;
   float:left;
   width: 178px;
   background: url(images/layout/miscellaneous/link_bullet.jpg) no-repeat;
   text-decoration: none;
   color: #aaaaaa;
   padding: 0 0 0 20px;
  font-weight: normal;
  margin:4px 0;
}

div.footer_nav a:hover {
  text-decoration: underline;
  color: #aaaaaa;
}



div.footerlinks {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   padding: 7px 0 7px 3px;
}

div.footerlinks a,
div.footerlinks a:link,
div.footerlinks a:active,
div.footerlinks a:visited {
   text-decoration: none;
   color: #F1C5B8;
   padding: 0 1px;
  font-weight: normal;
}

div.footerlinks a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}


div#outer a,
div#outer a:link,
div#outer a:active,
div#outer a:visited {
   font-weight: normal;
   text-decoration: none;
   color: #939597;
}
div#outer a:hover {
   text-decoration: underline;
   color: #221e1f;
}

#content a,
#content a:link 
#content a:active,
#content a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #ab252e;
  border-bottom: 1px solid #EEEEEE;
font-weight: normal;
text-decoration: none;
}

#content a:hover {
   
   border-bottom: #ab252e 1px solid; 
   background-color: inherit;
    color: #ab252e;    
}

#content .imglink {border-bottom: none!important;}

#content  a.single,
#content  a.single:link,
#content  a.single:active,
#content  a.single:visited  {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
padding-right: 10px;
background: url(images/layout/miscellaneous/link_arrow.gif) right 3px no-repeat;
}

#content a.single:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}

#content .category_items {border-bottom: none!important;}

#content  a.pdf,
#content  a.pdf:link,
#content  a.pdf:active,
#content  a.pdf:visited  {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
}

#content a.pdf:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}

#content  .educationlinks a,
#content  .educationlinks a:link,
#content  .educationlinks a:active,
#content  .educationlinks a:visited  {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #939598; 
   font-weight: bold;
   border-bottom: none;
}

#content .educationlinks a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}


#content  #plan a,
#content  #plan a:link,
#content  #plan a:active,
#content  #plan a:visited,
#content  .toplink a,
#content  .toplink a:link,
#content  .toplink a:active,
#content  .toplink a:visited,
#content  .hvlog a,
#content  .hvlog a:link,
#content  .hvlog a:active,
#content  .hvlog a:visited,
#content  .toplink2 a,
#content  .toplink2 a:link,
#content  .toplink2 a:active,
#content  .toplink2 a:visited   {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #939598; 
   font-weight: bold;
   border-bottom: none;
}

#content .toplink a:hover,
#content #plan a:hover,
#content .hvlog a:hover,
#content .toplink2 a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}

#home_top a.single,
#home_top a.single:link,
#home_top a.single:active,
#home_top a.single:visited  {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #67696D; 
   font-weight: bold;
   border-bottom: none;
padding-right: 10px;
background: url(images/layout/miscellaneous/link_arrow.gif) right 3px no-repeat;
}

#home_top a.single:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #221E1F;
   border-bottom: none;
}




/* End of 'Links' */

/* Start of CMSMS style sheet 'Layout: Common' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 1em;
}

div {
   font-size: 11px;
}

img {
   border: 0;
}


/*** basic layout ***/

body {
   background: #E7E7E7 url(images/layout/miscellaneous/bodybg.jpg) repeat-x;
   color: #221E1F;
}

div#pagewrapper {
	width: 850px;
        position: relative;
	left: 50%;
	margin-left: -425px;
        padding: 0;
	background: #FFFFFF url(images/layout/miscellaneous/pagewrapper_bg.jpg) repeat-y;
}

div#contentwrapper {
  margin:0 25px;
  background: url(images/layout/miscellaneous/wrapper_bg.gif) repeat-y;
  height:100%;
}

div#content
{
float: right;
width: 625px;
margin-top:5px;
background: #FFFFFF url(images/layout/content/tower.jpg) no-repeat left bottom;
position:relative;min-height:530px;height:auto !important;height:530px;
}


div#sidebar {
   float: left;
   width: 175px;
   display: inline;
}
div#footer1 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer1_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer2 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer2_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer3 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer3_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer4 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer4_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer5 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer5_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer6 {
   clear:both;      
   color: #F1C5B8;
   background: transparent  url(images/layout/footers/footer6_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer7 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer7_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer8 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer8_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}

div#footer9 {
   clear:both;      
   color: #F1C5B8;
   background: transparent url(images/layout/footers/footer9_bg.jpg) no-repeat; 
   height: 55px;
   margin:0 25px;
   padding-left: 180px;
}


div#footer p {
   font-size: 0.8em;
   padding: 1em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

div#outer {
background:url(images/layout/miscellaneous/outer_bg.jpg) left top no-repeat;
padding-top: 15px;
padding-bottom: 15px;
color:#666666;
}

div#outer .design {
  font-size:10px;
    float:left;
  margin:0 0 0 25px;
  display:inline;
  width:200px;
}

div#outer .links {
   font-size: 10px;
      float: left;
      margin:0;
   display:inline;
}

div#outer .copy {
   font-size: 10px;
   float: right;
margin:0 25px 0 0;
display:inline;
}
div.float-divider {clear: both; display: block; }

/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   font-family: Arial, Helvetica, serif;
   padding:12px 0 7px 10px ; 
   margin:1px 0 5px 0; 
   font-weight: bold;
   color: #221E1F; 
   font-size: 14px;
   background-color: #ffffff;
   text-transform:uppercase;
}
/*div#content h3 {
   color: #2D5B8A; 
   font-size: 12px;
   font-weight: bold;
   margin: 0 0 6px 10px;
}*/
div#content h4 {
   color: #221E1F; 
   font-size: 11px;
   line-height: 1.3em;
   margin: 15px 0 5px 0; 
   text-transform:uppercase;
}
div#content #sidecontent h4 {
margin-left: 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   line-height:1.4em;
   margin: 0 0 0.5em 0;
   padding: 0;
}

pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

#maincontent .inner {margin-left:10px;}
/* End of 'Layout: Common' */