/* CSS Document */



body {
    background-color:white;
    background: url(../img/tcs_header.gif) top left no-repeat;
	border: 0px;
	margin: 0px;
}

p {
	padding:0px;
	margin: 0px;
}


a:link {
    color:#FF9900;
	text-decoration: none;
}

a:visited {
    color:#FFCC66;
    text-decoration: none;
} 
/*  a:hover must be specified last !
*/
a:hover {
     text-decoration: underline;
}



#content li {
    list-style-image:url(images/backgrounds/li.gif);
  }


  
.invisibleFont {
	z-index: 100;
	font-size: 0.1px; 
	line-height:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white;

}


#Header {
    margin:10px 0px 0px 0px;/*top right bottom left */
    padding: 0;
	height: 160px;
    background: url(../img/navi_header.gif) bottom left no-repeat;
    background: none;
  }
#Header h1{
	text-align: left;
	margin-left: 400px;
	font-size: 8px;
	color: gray;
}

#Leftbar {
    /* position:float;
    */
    float: left;
    margin:0px 0px 0px 0px;
    
    /*top right bottom left */
	width: 200px;
    min-height: 300px;
    border-color:blue;
    border-style:none;
    border-width:1px;
  }


#Navigation {
	width:160px;
	z-index: 30;
    /*left:20px;
    */ 
	float:left;
	padding:5px;
	margin-top: 200px;
	margin-left: 20px;
    /*top right bottom left */
    height:14px;
    text-decoration:none;
    font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
	font-weight:bold;
  }
#Navigation a {
	text-transform:uppercase;
	text-decoration:none;
	display:block;
  }
 #Navigation a:hover {
	text-decoration:underline;
  }


/* Main Menu */


#Menu {
    /* position:float;
    */
	float:left;
    width:160px;
	margin-top:0px;
    margin-bottom:40px;
	margin-left: 20px;
    padding:5px;
   
   

	font-family:verdana, "Arial Narrow", Arial, sans-serif;
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;

	font-size:0.8em;
	line-height:1.2em;
	text-transform:uppercase;
	font-weight:bold;
    font-family:verdana, arial, helvetica, sans-serif;
	 text-decoration:none;
  }


#Menu a {
    color:#09c;
    display:block;
    padding:5px;
	padding-right:0px;
	margin-right: 0px;
	text-decoration:none;
  }


#Menu a:link {
    color:#FF9900;
	color: black;
	text-decoration:none;
 }

#Menu a:visited {
	color:#FF9900;
	color: black;
  }
#Menu a:hover {
    background-color:#eeeeee;
	background-image:url(../img/submenua_hover.jpg);
	background-repeat:repeat-y;
	background-position:right;
	text-decoration: none;

  }








#Content {
	min-height: 550px;
    z-index:1;
    padding:0px;
    margin: 0px;
  }


#Stories {
    z-index:2;
    float: left;
    top:10px;
    width: 600px;
    padding:0px;
    margin: 0;
    min-height: 10px;
  }


.Story {
    position:relative;
    padding:0px 10px 20px 10px;/*top right bottom left */
	margin: 0px 10px 60px 10px;
	width: auto;

    border-bottom: 2px ridge #a7a7a7;
    /* top right bottom left borders */
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:12px;
	line-height:16px;
  }
 
.Story h1 {
    
    color: #ff9900;
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font: verdana, arial, helvetica, sans-serif;
	font-size:20px;
	font-variant:small-caps;
	font-weight:bold;

  }

.Story h2 {
    font:16px verdana, arial, helvetica, sans-serif;
    color: black;
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:14px;
	font-weight:bold;

  }

.Story p {
	margin-bottom: 5px;
  }


.Story img {
    /* position:float;
    */
    border-style:solid;
    border-width:1px;
  }
.Story b{
	font-weight: 500;
}



img {
    float: right;
  }




.StoryCont {
	font: verdana, arial, helvetica, sans-serif;
	font-weight : bold;
	font-size: 0.8em;
	color:#ff9900;
	text-align: right;
	padding: 0px;
	margin: 0;
}






#Footer {
    /* position:float;
    */ 
	bottom: 0px;
    border: 0;
    /* border-top: 1px solid #ccc;
    */
    color: #666;
    background: #eee;
    padding: 5px 7px 7px 10px;
    text-align: center;
    clear: both;
    font-size: 0.6em;
    font-family: verdana, arial, helvetica, sans-serif;
  }


#Footer p {
    margin: 10px;
    padding: 0;
  }


#Footer ul {
    margin: 10px 0px 0px 0px;
    padding: 0px;
  }


#Footer li {
    display: inline;
    margin: 0px;
    padding: 0 15px 0 0;
    text-align: left;
    border: 0px;
  }


.Intro {
    color : #7F7F7F;
    font-family: verdana, arial, helvetica, sans-serif;
	font-family:Helvetica, Arial, sans-serif;
    font-size : 1.0em;
	line-height:1.4em;
    font-style : italic;
	
 }
 
 .Intro {
	color : #7F7F7F;
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size : 16px;
	line-height: 20px;
	font-style : italic;
	border: 1px;
	border-style: dashed;
	margin: 0px;
	margin-bottom:20px;
	padding-left: 5px;
	padding-right: 1px;
	background: url(../img/intro_start.gif) bottom left no-repeat;
	font-weight: bold;
  }
  
.Intro p {
	padding:30px;
	margin: 10px;
	background-color:#CCCCCC;
	background: url(../img/intro_end.gif) top right no-repeat;
}