/*
 *******************************************
 * Some defaults 
 *******************************************
 * */

body {
    margin: 10px 0px 0px 60px;
    font: 12px "Courier", "Courier New", "Monaco", monospace; 
	font-style: normal;
}

a {
    color: #000;
    text-decoration: none; 
}

a:hover {
    background-color: #99ccff; 
}

li.active a {
    background-color: #99ccff; 
}

img {
    border: none; 
}

/*
 *******************************************
 * HEADER
 *******************************************
 * */

header{
    margin-top: 16px;
    width: 550px;
}

/* style for main nav */
#main_navigation_wrapper {
    margin-top: 3px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #000; 
}

#main_navigation_wrapper ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    display: inline; 
}

#main_navigation_wrapper ul li {
    margin-left: 0;
    list-style: none;
    display: inline; 
}

#main_navigation_wrapper ul li.first:before {
    content: "";
    padding: 0px; 
}

#main_navigation_wrapper ul li:before {
    content: "/";
    padding-right: 15px; 
}

/* style for sub_nav. hyphen is not supported with css */
#sub_navigation_wrapper ul {
    padding-left: 0;
    margin: 8px 0px 13px 0px;
    list-style-type: none; }
#sub_navigation_wrapper li:before {
    content: "- "; 
}

/*
 *******************************************
 * CONTENT
 *******************************************
 * */

#content {
    width: 450px; 
}

#content #description {
    margin-bottom: 13px;
    background-color: #99ccff; 
}

#content #images {
    margin-left: 63px; 
}

#about {
    margin-top: 8px;
    font: 40px "Helvetica", "Arial", Verdana, sans-serif;
    width: 500px; 
}

#about span.swiss {
    font-size: 80%;
    font-weight: bold;
    padding: 5px;
    background-color: #F00;
    color: #FFF; 
}