/* ---------------------------------------------------------------------
   mainstyle.css - standrew-cfc.org layout1 css sheet 


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

@import url("/fileadmin/templates/main/cssmenu.css");


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

body {
  font-size: 76%;
  background-color: #453D33;
  background-image: url(./images/background.gif);
  padding: 0 380px 0 380px;
  margin: 0;
  text-align: center;
}
		
#sizer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 84%;
	max-width: 440px;  /* version for IE is at the bottom of this style block */
	text-align: left;
}

#expander {
	background: white;
	margin: 0 -385px 0 -385px;
	min-width: 770; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%; text-align: left; } 


.hiddenStructure {
 display: block;
 background: transparent;
 background-image: none; /* safari bug */
 border: none;
 height: 1px;
 overflow: hidden;
 padding: 0;
 margin: -1px 0 0 -1px;
 width: 1px;
}



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


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



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

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

.visualClear {
    display: block;
    clear: both;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#header {
  position: relative;
  width: 100%;
  background-color: #ddd;
  background-image: url(./images/header.jpg);
  height: 110px;
}

#navbar2 {
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  background: #185661;
  height: 20px;
  _height: 20px;
  vertical-align: middle;
}

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

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




#contentpane {
  position: relative;
  width: 100%;
  background: #fff url(./images/left-bkgnd.gif) repeat-y;
}

#leftcolumn {
  float: left; 
  width: 200px;
  margin: 0;
/*  padding-left: 10px;
  padding-right: 10px; */
  padding: 0;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 1em;
  background: #E9E0D9;
}

#contentcolumn{
/*  width: 74%; */
    margin: 0 10px 0 200px; 
/*  padding: 5px; */
  padding: 0;
}


/* -------------------------------- */

#homecontentpane {
  position: relative;
  width: 100%;
  background: #fff url(./images/left-bkgnd.gif) repeat-y;
}

#homeleftcolumn {
/*  float: left; */
  vertical-align: top;
  width: 200px;
  margin: 0;
/*  padding-left: 10px;
  padding-right: 10px; */
  padding: 0;
  font-family: tahoma, arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 1em;
  background: #E9E0D9;
}

#homecontentcolumn{
/*  width: 74%; */
/*    margin: 0 10px 0 200px; */
/*  padding: 5px; */
  vertical-align: top;

  padding: 0;
}



/* ---------------------------------- */


.threecolumn {
  width: 31%;
  float: left;
  padding: 0 1em 1em 0;
}

.twocolumns {
  clear: both;
} 

.twocolumns .leftcol {
  width: 49%;
  float: left;
}

.twocolumns .rightcol {
  margin-left: 50%;
}


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



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



/* hide from MacIE \*/
* html #leftcolumn {
	margin-right: -3px;
	}
* html #contentcolumn{
	margin-left: 210px;
	}
/* end hide */

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

#footer {
  clear: both;
  width: 100%;
  background-color: #185661;
  color: #fff;
}



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

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

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

#leftcolumn li {
  padding: 0;
}

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

#leftcolumn h2, #leftcolumn h3, #leftcolumn h4, #leftcolumn h5, #leftcolumn h6 {
  font-family: tahoma, arial, sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  color: #000;
  background: #E2CEBF;
  border-bottom: 2px solid #333;
  padding: 2px 2px 2px 5px;
  margin: 5px 0 5px 0;
}

#leftcolumn h3 {
  font-size: 0.9em;
}

#leftcolumn h4 {
  font-size: 0.8em;
}

#leftcolumn h5 {
  font-size: 0.7em;
}

#leftcolumn h6 {
  font-size: 0.7em;
}


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

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


#leftcolumn a:hover {
 background-color: #C6AE9E;
  text-decoration: none;
  color: #000;
  font-weight: normal;

/*  text-decoration: underline; */
}



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

#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 {
  vertical-align: top;
  background: #fff;
  border-spacing: 2px;
  border: 2px solid #eff;
}

#contentarea table td {
  padding: 2px;
  width: 50%;
  vertical-align: center;
  background: #eee;
}

*/

#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: 1em 0 1em 0;
  padding: 1em;
}

#contentarea .alert p {
  margin-bottom: 1em;
  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;
}

.news-latest-item {
  margin-bottom: 5px; 

}

.news-latest-item-1 { 
 padding: 2px;
 padding-left: 2px;
 border: 1px solid #D6bcAA;
 margin-bottom: 3px;
 margin-left: 5px;
 font-size: 1em;
 background-color: #E8DBD1;
}

.news-latest-item-1 a {
 color: #000;
 font-size: 1em;
}

/* ---------------------------------------------------------------------
   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;
}

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

#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: 1em;
  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: 1em;
  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: 97%;

}

#navigation ul li {
 padding: 0px;
 padding-left: 2px;
 border: 1px solid #D6bcAA;
 margin-bottom: 3px;
 margin-left: 0px;
 background-color: #E8DBD1;
}

#navigation .act ul li {
  background-color: #38DBD1;
}

#navigation ul li li {
 border: 0px;
 margin-bottom: 0px;
}

#navigation .act a {
  font-weight: bold;
  background-color: #16BC44;
}

#navigation .spacer {
  background-color: #D6BCAA;
  font-weight: bold;
  padding-left: 5px;
  
}

#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;
}


.calendar_upcoming li, #navigation li {

}

.calendar_upcoming ul li {
 padding: 0px;
 padding-left: 2px;
 border: 1px solid #D6bcAA;
 margin-bottom: 3px;
 margin-left: 0px;
 background-color: #E8DBD1;
}

.calendar_upcoming .start_date {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 0.8em;
  color: #888;
}
 
.calendar_upcoming li a, #navigation li a {
  font-weight: normal;
  color: #000;
}



#navigation li a:hover {
  background-color: #C6AE9E;
  text-decoration: none;
  color: #000;
  font-weight: normal;
}

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


#navigation li .current {
  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;
}

#contentarea a:hover {
  background-color: #fff;
  color: #666;
}

*/

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

.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 {
  clear: both;
  text-align: right;
  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: 0.8em;
  color: #888;
  padding-top: 0px;
}

.news-title a {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 1.0em;
}

.news-title a:hover {
  color: #333;
}

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: bold; margin: 0;
  margin-top: .25em; margin-bottom: .17em; 
}

#contentarea h1 {
/*  background: #BEC8CA url(./images/h1-bkgnd.jpg); */
/*  padding: .125em 0em .125em 1em; */
  padding: .125em 0em .125em 0em;
  font-size: 1.8em; 
  color: #185661;
  font-weight: normal;
  border-bottom: 1px solid #aaa; 
/*  border-bottom: 2px solid #666; */
  margin-bottom: 0.5em; 
}



#contentarea h1 a, #contentarea h2 a, #contentarea h3 a, #contentarea 
h4 a, #contentarea h5 a, #contentarea h6 a { 
  color: #000;
}
#contentarea h1 a:hover, #contentarea h2 a:hover, #contentarea h3 a:hover, #contentarea 
h4 a:hover, #contentarea h5 a:hover, #contentarea h6 a:hover { 
  color: #666;
}

#contentarea h2 { font-size: 1.5em; font-weight: normal; }
#contentarea h3 { font-size: 1.25em; border-bottom: none; font-weight: bold; }
#contentarea h4 { font-size: 1.15em; border-bottom: none; font-weight: normal; }
#contentarea h5 { font-size: 1.1em; border-bottom: none; font-weight: normal; }
#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 3em; padding: 0; }
#contentarea ol { line-height: 1.25em; margin-bottom: 0em; list-style-image: none;  list-style-position: outside; }
#contentarea li { line-height: 1.25em; margin-bottom: 0em; list-style-image: none; }
#contentarea li { margin-bottom: .5em; }

/* ---------------------------- 
   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 .contentelement { clear: right; }

#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 2em 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; }
.tx-slideshow-pi1 { background-color: #ccc; margin-bottom: 1em;} 

.csc-header { clear: right; }

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

.contenttable-2 .tr-even {
  background-color: #ddd;
}

.contenttable-2 .tr-odd {
  background-color: #eee;
}

#contentarea .contenttable-2 .tr-0 td {
  background-color: #185661;
  margin: 0px;
  padding: 0;
}

#contentarea .contenttable-2 td p {
  margin: 0;
  padding: 2px;
}

#contentarea .contenttable-2 .tr-0 td p {
  color: #fff;
  font-weight: bold;
  margin: 0;
  padding: 2px;
}


/* ----------------------------------
   Frames
   ---------------------------------- */

.csc-frame-frame1 {
  background-color: #ddd;
  border: 3px solid grey;
  margin: 0px;
  padding: 5px;
}

.csc-frame-frame2 {
  background-color: #E1D27D;
  border: 3px solid #7E6914;
  padding: 5px;
}