/* 
    Document   : main
    Created on : Mar 10, 2010, 10:57:22 AM
    Author     : martin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   #870203
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
    margin: 0px;
    background-repeat: repeat-y;
    background-color: black;
    background-image: url(../images/bg-slice-tipis.png);
    background-position: center;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:10pt;
}
.main_container {
    width: 974px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../images/Bakground.png);
    height: 800px;
}
.header {
    height: 150px;

    background-image: url(../images/Header.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.menu {
    width: 693px;
    margin-right: auto;
    margin-left: auto;
    height: 29px;
}
/* Menu CSS */
#nav, #nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:1.5em;
}

#nav a{
    display:block;
    height:29px;
    border:1px solid #333;
    color:#fff;
    text-decoration:none;
    background-color:#333;

}

#nav a:hover{
    background-color:#fff;
    color:#333;

}

#nav li{
    float:left;
    position:relative;
}

#nav ul {
    position:absolute;
    display:none;
    width:12em;
    top:2.3em;
}

#nav li ul a{
    width:12em;
    height:auto;
    float:left;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    border-buttom: 1px dotted #ccc;
    border-top:1px dotted #ccc;
    padding-left:10px;
}

#nav ul ul{
    top:auto;
}

#nav li ul ul {
    left:12em;
    margin:0px 0 0 0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    padding-left:10px;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
}
/* end of Menu CSS */

.breadcrumb{
    width: 390px;
    margin-left: 140px;
    color: white;
    margin-top: 10px;

}
.breadcrumb a{
    color: white;
}
.footer {
    width: 726px;
    height: 50px;	
    margin-bottom: 20px;    
	margin-left:auto;
	margin-right:auto;
    text-align: center;
    color: #fff;
    clear: both;
}