/* Default stylesheet for the IDCnet website */

/* ===== Header ===== */
#header {
    margin: 0;
    padding: 0;
    border-top: 10px solid #95a580;
    border-bottom: 10px solid #95a580;
    height: auto;
    }

#toptitle {
    font-size: 200%;
    text-align: center;
    width: 100%;
    }

#toptitle a img {
    display: inline;
    vertical-align: middle;
    margin: 5px 30px;
    }

/* ===== Footer ===== */
#footer {
    margin: 0;
    padding: 0;
	width: 100%;
    border-top: 10px solid #95a580;
    text-align: center;
    }

/* ===== Navigation ===== */
#primarynav	{
    position: absolute;
    left: 6em;
    margin: 0;
    padding: 0;
    border: 0;
    width: 170px;
    }

#primarynav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    }

#primarynav li	{
    border-bottom: 1px solid #000;
    text-align: center;
    width: 170px;
    height: auto;
    margin: 0;
    padding: 0;
    font: 120%/1.0 "frutiger 45 light", arial, sans-serif;
    font-weight: normal;
    color: #000;
    background: #fff;
    }

#primarynav li a {
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background: #bcffff;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    width: 170px; /* False value for IE4-5.x/Win. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 168px;	/* Good value for compliant browers. */
    }

html>#primarynav li a {
    width: 168px; /* Be nice to Opera */
    }

#primarynav li a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
    }

#secondarynav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    }

#secondarynav li	{
    border-top: 1px solid #000;
    border-bottom: 0;
    text-align: center;
    width: 170px;
    margin: 0;
    padding: 0;
    font: 90%/1.0 "frutiger 45 light", arial, sans-serif;
    color: #000;
    background: #fff;
    }

#secondarynav li a {
    display: block;
    margin: 0;
    padding: 0;
    background: #ffffde;
    color: #000;
    text-decoration: none;
    width: 170px; /* False value for IE4-5.x/Win. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 168px;	/* Good value for compliant browers. */
    }

html>#secondarynav li a {
    width: 168px;	 /* Be nice to Opera */
    }

#secondarynav li a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
    }

#copyright {
    display: block;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 10ex 0 2ex 0;
    text-decoration: none;
    width: 170px; /* False value for IE4-5.x/Win. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 168px;	/* Good value for compliant browers. */
    }

html>#copyright {
    width: 168px;	 /* Be nice to Opera */
    }
  
/* ===== Content ===== */
#primarycontent	{
    padding: 0;
    margin: 0;
    margin-left: 170px;
    width: auto;
    border-left: 1px dotted #000;
    }

#contentarea	{ /* Inside primarycontent */
    margin: 0;
    border: 0;
    padding: 1ex 10% 4ex 10%;
    width: 82%; /* False value for IE4-5.x/Win */
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 75%; /* Actual value for conformant browsers */
    }

html>#contentarea {
    width: 75%; /* Be nice to Opera */
    }

/* ===== special classes ===== */
.inline {
    display: inline;
    }

.center {
    text-align: center;
    }

.left {
    text-align: left;
    }

.right {
    text-align: right;
    }