/*============================================
  GENEREL STYLES
  ============================================*/            
            
    body {
        background-image:url("/css/blackwhite/bg.jpg");
        background-repeat:no-repeat;
        background-position:bottom center;
        background-color:#000000;
        margin-top:5%;
        margin-bottom:15px;
    }
    
    a:link, a:visited {
        color:#ffffff;
        border-bottom: dotted 1px #ffffff;
        text-decoration:none;
    }
    
    a:hover {
        border:none;
        color:#000000;
        background-color:#ffffff;
    }
    
    p, td {
        font-family:monospace;
        font-size:12px;
        color:#ffffff;            
    }

    h1 {
        border:solid 1px #ffffff;
        text-align:center;
        display:block;
    	width:100%;
	margin-top:0px;
	font-size:16px;
    }         

    h2 {
	font-size:14px;
    }

    h3 {
	font-size:12px;
	color:#000000;
	background-color:#ffffff;
	text-align:center;
	padding:2px;
    }
    h4 {
	font-size:12px;
	text-transform:uppercase;
    }

    #main {
        border:solid 1px #ffffff;            
        background-color:#000000;
        width:80%;
        display:table;
        padding:10px;
    }

    #footer {
	text-align:center;
	font-family:monospace;
	font-size:12px;
	color:#ffffff;
	clear:both;
	border-top:solid #ffffff 1px;
	padding-top:10px;
    }

/*============================================
  ELEMENT STYLES
  ============================================*/            
    
    #logo {
        background-image:url("/css/blackwhite/chrsen.png");
        background-position:bottom right;
        background-repeat:no-repeat;
        background-color:#000000;
        width:80%;
        height:30px;
    }
    #menu {
        width:20%;
        background-color:#000000;
        text-align:left;
        display:table-cell;
        float:left;
        border-top:solid #ffffff 1px;
        margin-right:5%;
	padding-bottom:15px;
    }
    
    #content {
        text-align:left;
        font-family:monospace;
        font-size:12px;
        display:block;
        color:#ffffff;
        padding-top:0px;
        margin-top:0px;
        width:70%;
        display:table-cell;
        float:left;
	padding-bottom:15px;
    }

/*============================================
  MENU STYLES
  ============================================*/            
    
    #menu a:link, #menu a:visited, #menu a:hover {
        color:#ffffff;
        font-family:monospace;
        font-size:12px;
        text-decoration:none;
        border:none;
        background-color:#000000;
    }
    
    #menu ul {
        list-style:none;
        padding:0px;
        margin:0px;
    }

    #menu .ul_l1 li {
        width:100%;
        border-bottom:solid #ffffff 1px;
    }
    
    #menu .ul_l2 li {
        width:100%;
        border-bottom:none;
        background-color:#ffffff;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:5px;
    }
    
    #menu .ul_l3 li {
        width:80%;
        border-bottom:none;
        background-color:#ffffff;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:15px;
    }
    
    #menu .li_III_l1, #menu .li_IOO_l1, #menu .li_OII_l1 {
        border-right:solid #ffffff 5px;
    }
    
    #menu .III_l2:link, #menu .IOO_l2:link, #menu .OII_l2:link, #menu .III_l2:visited, #menu .IOO_l2:visited, #menu .OII_l2:visited {
        border-bottom:dotted #000000 1px;
        background-color:#ffffff;
        color:#000000;
    }
    
    #menu .OOO_l2:link, #menu .OOO_l2:visited, #menu .OIO_l2:link, #menu .OIO_l2:visited {
        background-color:#ffffff;
        color:#000000;
    }
    
    #menu .III_l3:link, #menu .IOO_l3:link, #menu .OII_l3:link, #menu .III_l3:visited, #menu .IOO_l3:visited, #menu .OII_l3:visited {
        border-bottom:dotted #000000 1px;
        background-color:#ffffff;
        color:#000000;
    }
    
    #menu .OOO_l3:link, #menu .OOO_l3:visited, #menu .OIO_l3:link, #menu .OIO_l3:visited {
        background-color:#ffffff;
        color:#000000;
    }
    
    .box {
        border:solid 1px #ffffff;
        width:100%;
	display:block;
	font-family:monospace;
	font-size:12px;	
    }
    .boxheader {
        color:#000000;
        font-weight:bold;
        background-color:#ffffff;
	text-align:center;
	text-transform:uppercase;
    }
    .boxcontent {
        padding:5px;
	color:#ffffff;
    }

    .newsheader {
	display:table;
	width:100%;
	border-top:solid #ffffff 1px;
    	padding-bottom:10px;
    }

    .newsdate {
        color:#000000;
	background-color:#ffffff;
	font-size:10px;
	display:table-cell;
	clear:both;
	width:50px;
    }

    .newstitle {
	display:table-cell;
    }

    .newsbody {
	padding-bottom:10px;
    }