/* 
    Document   : newCascadeStyleSheet
    Created on : 01.05.2009, 18:45:59
    Author     : Frank Michael Trieba
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
*{margin:0px; padding:0px;}

body {
    font-family:Helvetica, Arial,non-serif;
    font-style:normal;
    font-size:75%;
    margin:0;
    text-align:center;
    color:#FFF;
    line-height:150%;
    background:#000;
}

h1{
    text-align:left;
    font-size:110%;
    font-weight:bold;
    padding:0px;
    margin:0px 0 3px 30px;
}

h2{
    font-size:140%;
    font-weight:bold;
    line-height:200%;
    color:#FF9966;
    margin-bottom:60px;
}

ul   {

    font-weight:bold;
    float:left;    
    padding:0px;
    margin:0px;
    background-color: #000;
}
ul.static {
    margin-top:15px;
}
li.static{margin-top:2px;}

li{
    list-style:none;
    color:#FF9966;
    margin-top:8px;
    line-height:120%;
    background-color: #000;
}

li.sub{
    margin-top:2px;
}

table{
    margin:10px 0 0 30px;
}

img{
    text-align:left;
    border:1px solid #000;
}

a {
    font-style:normal;
    font-weight:normal;
    color:#FFF;
    text-decoration: none;
    margin:0px;
}

a.active {
    font-weight:bold;
    color:#FF9966;
}

a:hover {

    font-weight:normal;
    color:#FF9966;
    background-color:#000;
    text-decoration: none;
    margin:0px;
    }

.text{
    text-align:left;
    padding:0px;
    width:500px;
    margin:10px 3px 3px 30px;
}

.autor{
    font-style:italic;
    margin:3px 10px 20px 30px;
    text-align:left;
    width:500px;
    padding:0px;
}

.table{

    padding:3px;
    font-size:75%;
}

.footer{
    font-weight:normal;
    text-align:left;
    color:white;
    padding:0px;
    margin-left:3.75%;
}
.caption{
    margin-top:8px;
}


div{
    float:left;
    width:100%;
    background-color:#000;
}

#header{
    float:left;
    height:80px;
    width:100%;
    background-color:#000;
}
#header p{
    margin:35px;
    text-align:left;
}

#intro{
    margin-top:10%;
}

#footer{
    float:left;
    margin-top:60px;
    height:50px;
    width:100%;
    background-color:#000;
}

/*left menu*/
#left{
    float:left;
    width:25%;
    background-color:#000;
}

/*content container*/
#main{
    padding:0;
    float:left;
    width:70%;
    background-color:#000;
}

/*navi container*/
#navi{
    float:left;
    margin-left:35px;
    padding:0px;
    width:auto;
    background-color:#000;
    text-align:left;
}


#navi a {

    text-decoration: none;
    padding: 3px 10px 3px 5px;
    margin: 0 0 0 10px;
    border:0px #000 solid;
    display:block;
    width:180px;
}

#navi a:hover {
    color:orange;
    background-color:#000000;
    text-decoration: none;
    padding: 3px 10px 3px 5px;
    border:0px #CCC solid;
    margin:0 0 0 10px;
    }

#text_container{
    float:left;
    margin:15px 0px 0px 10px;
    width:540px;
    background:#000;
}

#img_container{
    float:left;
    margin:15px 0px 0px 10px;
    padding:0;
    width:500px;
    height:auto;
    background:#000;

}

#img_container p{
    clear:left;
    font-weight:bold;
    }


.img_display{
    float:left;
    width:145px;
    height:145px;
    padding:0px;
    margin:8px;
    color:#FFF;
    background-color:#000;
}

.img_big_display{
    float:left;
    width:600px;
    height:auto;
    padding:10px;
    margin:5px;
    color:#FFF;
    background-color:#000;
}

#img_big	{
    padding:10px;
    background:#000;
    margin:20px 0px 0px 20px;
    background:#000;
}

#img_big p{
    text-align:left;
    font-weight:normal;
    margin:20px 0 0 0;
    font-family:Verdana,Helvetica,Arial;
    width:500px;
}