* {
	margin: 0;
	padding: 0;
}

body {
background-color: gray ;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #222;
padding: 20px;
}

a {
text-decoration: none;
color: black;
}
a:hover {
text-decoration: none;
color: #111;
}

#wrap {
margin: 0 auto;
width: 800px;
}

#topmenu {
text-align: right;
font-family: Helvetica;
font-style: bold;
font-size: 11px;
background-color: white;
margin-bottom: 5px;
}

#header {
height: 150px;
background-color: white ;
text-align: right;
}
#header h1 { 
font-size: 25px;
letter-spacing: -1px;
padding: 120px 40px 0 0;
color: #fff;
}
#header h1 a { 
color: #fff;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #111;
}
#header h2 {
font-size: 18px;
color: #fff;
padding: 3px 40px 0 0;
letter-spacing: -1px;
font-weight: 100;
}

#content {
background-color: white;
padding: 0 20px;

}

.right {
float: right;
width: 465px;
text-align: left;
margin-right: 5px;
}
.right h2 {
font-size: 18px;
font-weight: 100;
padding-left: 0px;
height: 26px;
line-height: 26px;
}
.right h2 a {
text-decoration: none;

}
.right h2 a:hover {

}

.left {
float: left;
width: 160px;

}
.left h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 26px;
line-height: 26px;
color: #000;
font-size: 13px;
}
.left ul {
padding: 10px 0 15px 20px;
color: black;
font-family: 'Copperplate Gothic Bold',Arial,'Times New Roman',Times,serif;
list-style-type: none;
font-size:12px;
}
.left ul li a {
text-decoration: none;
font-weight: 600;

}
.left ul li a:hover {

}

.menu {
float: right;
width: 120px;
 

}
.menu h2 {
margin: 0px 0 0 0;
padding-left: 10px;
height: 26px;
line-height: 26px;
color: #000;
font-size: 13px;
}
.menu ul {
padding: 10px 0 15px 10px;
color: #FD9A01;
list-style-type: none;
}
.menu ul li a {
text-decoration: none;
font-weight: 600;
}
.menu ul li a:hover {

}
#articles { 
padding: 1px;
padding-left: 1px;
padding-right:1px;
margin-left:10px;
margin-top:15px;

font-family:Arial, 'Times New Roman', Helvetica ;
color:gray;
}

#bottom {
background-color: white;

}

#footer {
text-align: right;
font-size: 11px;
font-family: Helvetica;
background-color: white;
margin-top: 5px;


}
#footer a { color: black; }
#footer a:hover { color: #111; }


.applemenu{
margin: 5px 0;
padding: 0;
width: 155px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background-color: red ;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-color: blue;
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 200px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


.subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left;margin-left: 2px; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: left; margin-left: 2px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 32.333%;border: 0px solid }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 65.666%;border: 0px solid}
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0 0.5em 0; text-align:left;}
  .subcl { padding: 0 0 0.5em 0; text-align:left; }
  .subcr { padding: 0 0 0.5em 0; text-align:left;}