/* 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 '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' */