/* ---------------------------------------------------------------------
   print.css - standrew-cfc.org layout for printed documents


   table of contents..
    - default definitions for common elements (ie headers, text, lists)
	- Basic Page Layout Formatting (body, container)
	- Header and Navigation Bar Config (position, styling)
	- Rootline Configuration (position, styling)
	- Section Navigation Config (position, styling)
	- Main Content Area Config (position, styling)
	- Footer Config (position, styling)
   --------------------------------------------------------------------- 
*/

/* ---------------------------------------------------------------------
   Default definitions for common elements
   --------------------------------------------------------------------- 
*/


/* ---------------------------------------------------------------------
   Basic Page Layout Formatting
   --------------------------------------------------------------------- 
*/

body {
  font-size: 76%;
  background-color: #453D33;
  background-image: url(./images/background.gif);
  padding: 0;
  margin: 0;
  text-align: center;
}
		
#sizer {
	margin: 0;
	padding: 0;
}

#expander {
	background: white;
	margin: 0;
	padding: 0;
}
#wrapper { width: 100%; text-align: left; } 

.hiddenStructure {
 display: none;
}

img {
 margin: 0;
 padding: 0;
}

#container {
  width: 100%;
  background-color: #fff;
  text-align: left;
  margin: 0;
  padding: 10px;
}

/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

#header {
  display: none;
}

#navbar2 {
  display: none;
}

#rootline {
  position: relative;
  left: 0;
  bottom: 0;
  padding: 0px;
  margin: 0px;
  width: 100%;
  background: #fff;
}

#rootlinearea {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: .8em;
  color: #000;
  padding: 5px;
}


#contentpane {
  position: relative;
  width: 100%;
}

#leftcolumn {
  display: none;
}

#contentcolumn{
  margin: 0;
  padding: 0;
}

#contentarea {
  width: 100%;
  margin: 0;
  padding: 0;
}

div .tx-slideshow-pi1 {
  padding: 0px;
}

#sectnav {
  display: none;
}

#footer {
  display: none;
}



/* ---------------------------------------------------------------------
   Left Column Config 
   --------------------------------------------------------------------- 
*/

/* #leftcolumn {
  padding: 5px; 
} */

#leftcolumn p {
  padding: 0 5px 0 5px; 
  margin: 0 0 1em 0;
}

#leftcolumn li {
  padding: 0 5px 0 5px;
}

.calendar-upcoming ul, .calendar-upcoming li  {
  text-size: 8pt;
  margin: 0;
  padding: 0;
  list-style-type: none;
}


#leftcolumn h1 {
  font-family: tahoma, arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
  border-bottom: 2px solid #777;
  border-top: 1px solid #fff;
  background: #185661;
  padding: 2px 2px 2px 5px;
  margin: 5px 0 5px 0;
  
}

/*
#leftcolumn a {
  text-decoration: none;
  color: #185661;
  font-weight: bold;
}
*/

#leftcolumn p a {
  text-decoration: underline;
/*  color: #185661;  */
  font-weight: bold;
}

/*
#leftcolumn p a:hover {
  text-decoration: underline;
  color: #567A80; 
  font-weight: bold;
}

*/

#leftcolumn div ul {
  list-style-type: none;
  margin: 0px;
  padding-left: 5px;
}

#leftcolumn li {
  font-family: arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #000;
}


/* ---------------------------------------------------------------------
   Content Area Config
   --------------------------------------------------------------------- 
*/

/*
#contentarea {
  padding: 0 1em 1em 1em;
}
*/

#contentarea {
 font-family: tahoma, arial, helvetica, sans-serif;
 font-size: 1em;
}

#contentarea h1, h2, h3, h4, h5 {
  color: #185661;
}

#contentarea table .twocolumn {
  padding: 5px;
  background: #eee;
}

#contentarea table {
  width: 100%;
  vertical-align: top;
  background: #fff;
  border-spacing: 1px;
}

#contentarea table td {
  padding: 5px;
  width: 50%;
  vertical-align: top;
  background: #ddd;
}

#contentarea h1 {
  font-size: 1.4em;
}

#contentarea h2 {
  font-size: 1.3em;
}

#contentarea h3 {
  font-size: 1.2em;
}

#contentarea h4 {
  font-size: 1.1em;
  font-weight: normal;
}

#contentarea .alert {
  background-color: #E1D27D;
  color: #BA1F1F;
  margin: 0;
  padding: 10px;
}

#contentarea .alert p {
  margin: 0;
  padding: 0;
}

#contentarea .alert h1, #contentarea .alert h2, #contentarea .alert h3, #contentarea .alert h4, #contentarea .alert h5 {
  display: block;
  font-weight: bold;
  color: #BA1F1F;
  padding: 0;
  margin: 0;
}

#contentarea .news {
 padding: 5px;
}

/* ---------------------------------------------------------------------
   Header and Navigation Bar Config 
   --------------------------------------------------------------------- 
*/

#header .navbar1 {
  background: #185661;
  float: right;
  min-height: 15px;
  _height: 15px;
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 30px;
}

#header .search {
  clear: both;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

#header .search input {
  border: 1px solid #185661;
  background-color: #ccc;
  font-size: .8em;
  text-align: left;
}

.navbar1 ul {
 margin: 0;
 padding: 0px 0px 0px 0px;
 white-space : nowrap;
}

.navbar1 li {
  display: inline;
  border: 0;
  margin: 0;
  margin-left: 2px;
}

.navbar1 li a {
  padding: 2px 5px 2px 5px;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 0.8em;
  color: #fff;
  text-decoration: none;
}

.navbar1 li a:hover {
  background-color: #144750;
  color: #ddd;
  text-decoration: none;
}

#navbar2 ul {
 margin: 0;
 padding: 0px 0px 0px 0px;
 white-space : nowrap;
}

#navbar2 li {
  display: inline;
  border: 0;
  margin: 0;
  margin-left: 2px;
}

#navbar2 li a {
  padding: 2px 5px 2px 5px;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: .8em;
  color: #fff;
  text-decoration: none;
}

#navbar2 li a:hover {
  background-color: #144750;
  color: #ddd;
  text-decoration: none;
}


/* -------------------------------------------------------------------- 
   Rootline Configuration 
   --------------------------------------------------------------------- 
*/

#rootlinearea .youarehere {
  padding-left: 10px;
  vertical-align: middle;
  color: #000;
}

#rootlinearea span {
  padding-left: 3px;
  vertical-align: middle;
}

#rootlinearea a {
  color: #144750;
  margin: 0;
}

#rootlinearea a:hover {
  color: #000;
  text-decoration: underline;
}

#leftcontent {
  float: left;
  width: 172px;
  background-color: #fff;
  margin: 5px;
  clear: both;
}
 

/* -------------------------------------------------------------------- 
   Section Navigation Config 
   --------------------------------------------------------------------- 
*/



#navigation ul {
  margin: 0;
  padding: 0;
  width: 100%;

}

#navigation ul li {
 padding: 0px;
}

#navigation .act a {
  font-weight: bold;
}

#navigation .no a {
  font-weight: normal;
}

#navigation ul li a {
 font-family: tahoma, arial, helvetica, sans-serif;
 font-size: 1em;
 text-decoration: none;
 margin: 0;
 padding: 0;
  width: 100%;
}

#navigation ul li ul li a {
 font-family: tahoma, arial, helvetica, sans-serif;
 font-size: 1em;
  width: 100%;
 margin: 0;
 padding: 0;
  text-indent: 10px;
}

#navigation ul li ul li ul li a {
 font-family: tahoma, arial, helvetica, sans-serif;
 font-size: 1em;
  text-indent: 20px;
  width: 162px;
}

#navigation ul li ul li ul li ul li a {
  text-indent: 30px;
  width: 157px;
}

#navigation li {
  display: block;
}
 
#navigation li a {
  display: block;
  font-weight: normal;
  color: #000;
  width: 100%;
}

#navigation li a:hover {
  display: block;
  text-decoration: none;
  color: #185558;
  font-weight: bold;
}

#navigation li {
  font-size: 1em;
  font-weight: normal;
  margin-left: 0;
  padding-left: 0px;
  text-indent: 0;
  list-style-type: none;  
  display: block;
}


#navigation li .current {
  display: block;
  font-weight: bold;
}


#sectnavfoot {
  background: #fff url(./images/portlet-bottom.gif) no-repeat;
  height: 14px;
}

/* -------------------------------------------------------------------- 
   Main Content Area Config 
   --------------------------------------------------------------------- 
*/
#content {
  width: 100%;
  margin-left: 190px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #fff;
}

#content2 {
  width: 100%;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #fff;
}

#content p, li {
 font-size: 1em;
 color: #000;
 margin: 0;
}

#content ol, #content ul {
  border: thin solid #f2f2f2;
  background: #f9f9f9;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  text-indent: 0;
}


#content li {
  text-indent: 0;
  margin: 0;
  padding: 0;
}

#content blockquote {
  clear: both;
  border: 2px solid #f2f2f2;
  background: #f9f9f9;
  padding: 10px;
  font-size: 1em;
  font-family: tahoma, arial, helvetica, sans-serif;
}


#contentheader {
  background: #fff url(./images/content-area-top.gif) no-repeat;
  width: 561px;
  height: 19px;
  margin: 0;
  padding: 0;
}

#contentfooter {
  background: #fff url(./images/content-area-footer.jpg) no-repeat;
  width: 561px;
  height: 14px;
}

#contentimage {
  background: #fff url(./images/content-area-hefdader-gfx.jpg) 
no-repeat;
  width: 560px;
  height: 88px;
  margin: 0;
  padding: 0;	
}

#contentimage img {
  padding: 0;
  margin: 0;
  border: 0;
}


#contentbody {
  padding: 0px;
  margin: 0;
}

#content a {
  font-weight: bold;
  color: #D44545;
  margin: 0;
  padding: 0;
}

#content a:hover {
  color: #666;
}

/* ---------------------------------------------------------------------
   Main Content Table Layout Configs
   --------------------------------------------------------------------- 
*/

/* table {
  margin: 0px;
  padding: 0px;
}

table td {
  padding: 2px;
  margin: 2px;
  vertical-align: top;
  background: #eee;
  border: 5px solid white;
  width: 1%;
}

table tr {
  margin: 5px;
}

table td a {
  color: #faa;
}

table .tr-even {
  background: #eee;
}

table .tr-odd {
  background: #eee;
}

*/ 

.contenttable-1 .tr-0, .contenttable-1 .tr-0 .td-0 , .contenttable-2 
.tr-0, .contenttable-3 .tr-0 {
  background: #7F4444;
}

p .contenttable-1 .tr-0 {
  color: #fff;
}

.contenttable-1 .tr-last, .contenttable-1 .tr-last .td-0, 
.contenttable-2 .tr-last {
  background: #fff;
}

.contenttable-1 .td-0 {
  background: #aaa;
  font-weight: bold;
}

#lastupdate {
  text-align: left;
  font-size: .8em;
  color: #666;
  font-family: tahoma, arial, helvetica, sans-serif;
}

/* ---------------------------------------------------------------------
   Footer Config
   --------------------------------------------------------------------- 
*/

#footerarea {
  padding: 5px;
}

#footerarea .copyright {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  color: #aaa;
  text-align: center;
  margin-left: 0px;
  margin-top: 0px;
}

#footerarea .menu {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
  margin-right: 0px;
  text-align: center;
}

#footerarea .menu ul {
 margin: 0;
 padding: 0px 0px 0px 0px;
 white-space : nowrap;
}

#footerarea .menu li {
  display: inline;
  border: 0;
  margin: 0;
}

#footerarea .menu li a {
  color: #fff;
  font-size: 1em;
  text-decoration: none;
  padding: 0px 5px 0px 5px;
}

#footerarea .menu li a:hover {
  color: #ccc;
  background-color: #144750;
}


/* ---------------------------------------------------------------------
   Sitemap Config
   --------------------------------------------------------------------- 
*/

.csc-sitemap-level1 a {
  margin: 0;
  font-size: 1.5em;
}

.csc-sitemap-level2 a {
  margin-left: 20px;
  font-size: 1.1em;
}

.csc-sitemap-level3 a {
  margin-left: 40px;
  font-size: 1em;
}

.csc-sitemap-level4 a {
  margin-left: 60px;
  font-size: 1em;
}

.csc-sitemap-level5 a {
  margin-left: 80px;
  font-size: 1em;
}

/* News Formatting */

.news-latest-date {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 1em;
  color: #666;
  padding-top: 5px;
}

.news-title a {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 1.1em;
  color: #333;
  text-decoration: underline;
}

.news-title a:hover {
  color: #ccc;
  background-color: #666;
  text-decoration: underline;
}

p .news-title {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 1em;
  color: #000;
  margin: 0;
  padding: 0;
}

/* standard css config for RTE
   this can be copied to main template css file with appropriate wrappers (ie #contentarea)  */

/* ---------------------------- 
   standard element config 
   ---------------------------- */ 
#contentarea p { font-size: 1em; color: #000; font-family: Tahoma, Arial, Helvetica, Sans-Serif; 
    font-weight: normal; margin: .4em 0 .5em 0; line-height: 1.5em; }

#contentarea hr { height: 1px; color: #aaa; background-color: #aaa; border: 0; margin: .2em 0 .2em 0; }


/*
#contentarea h1, #contentarea h2, #contentarea h3, #contentarea h4, #contentarea h5, #contentarea h6 { 
    font-family: Tahoma, Arial, Helvetica, San-Serif;
    font-size: 1.4em; color: #185661; font-weight: bold; }

#contentarea h2 { font-size: 1.3em; font-weight: bold; }
#contentarea h3 { font-size: 1.2em; font-weight: bold; }
#contentarea h4 { font-size: 1.1em; font-weight: bold; }
#contentarea h5 { font-size: 1em; font-weight: bold; }
#contentarea h6 { font-size: 1em; font-weight: normal; }

*/

#contentarea h1, #contentarea h2, #contentarea h3, #contentarea h4, #contentarea h5, #contentarea h6 { 
  color: #185661; background: none; font-weight: normal; margin: 0;
  padding-top: .5em; padding-bottom: .17em; border-bottom: 1px solid #aaa;
}

#contentarea h1 { font-size: 1.4em; }
#contentarea h2 { font-size: 1.3em; }
#contentarea h3 { font-size: 1.25em; border-bottom: none; font-weight: bold; }
#contentarea h4 { font-size: 1.2em; border-bottom: none; font-weight: bold; }
#contentarea h5 { font-size: 1.15em; border-bottom: none; font-weight: bold; }
#contentarea h6 { font-size: 1.0em; border-bottom: none; font-weight: bold; }

/*

#contentarea pre { font-family: monospace; font-size: 1.2em; }

#contentarea ul, #contentarea ol, #contentarea li { 
     font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-size: 1em;
     color: #000; font-weight: normal; }

*/

#contentarea pre { padding: 1em; border: 1px solid #185661; color: black; 
background-color: #D1DDDF; font-size: 1.1em; }
#contentarea ul { line-height: 1em; list-style-type: square; margin: 0 
1em 0 1em; padding: 0; }
#contentarea ol { line-height: 1.5em; margin: 0; padding: 0; list-style-image: none; }
#contentarea li { margin-bottom: .1em; }

/* ---------------------------- 
   special paragraph elements
   ---------------------------- */

#contentarea .alert { background-color: #E1D27D; color: #BA1F1F; margin: 0; padding: 10px; }
#contentarea .alert p { margin: 0; padding: 0; }
#contentarea .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
  display: block; font-weight: bold; color: #BA1F1F;
  padding: 0; margin: 0;
}

#contentarea blockquote {
  font-family: Georgia, Times New Roman, Serif;
  font-style: italic; color: #185661; background-color: #ddd;
  padding: 5px 10px 5px 10px; font-size: 1em; margin: 5px 10px 5px 10px;
}

#contentarea .quote {
  font-family: Georgia, Times New Roman, Serif;
  font-style: italic; color: #185661; background-color: #ddd;
  padding: 10px; font-size: 1em;
}

#contentarea .deprecated { text-decoration: line-through;  color: #aaa; }
#contentarea .highlight { background-color: yellow; color: #000; }

/* ---------------------------- 
   special text span elements
   ---------------------------- */

#contentarea span.quote { font-style: italic; color: #ee9; }
#contentarea span.highlight { background-color: yellow; color: #000; }
#contentarea span.deprecated { text-decoration: line-through; color: #aaa; }

/* ---------------------------- 
   image styles
   ---------------------------- */

#contentarea img.float-right { float: right; margin: 5px 0px 5px 5px; }
#contentarea img.float-right-border { float: right; border: 1px solid black; margin: 5px 0px 5px 5px; }
#contentarea img.right-border { border: 1px solid black; text-align: right; }

#contentarea img.float-left  { float: left; margin: 5px 5px 5px 0px; }
#contentarea img.float-left-border { float: left; border: 1px solid black; margin: 5px 5px 5px 0px; }
#contentarea img.left-border { border: 1px solid black; text-align: left; }

#contentarea img.center-border { border: 1px solid black; text-align: center; }

.typo3-adminPanel { text-align: left; }