/* ################################################## */
/*                      Resetting                     */
/* ################################################## */

html {
  width:  99.9%;
  height: 99.9%;
}

body {
  width:  100%;
  height: 100%;
  background: #e5e5e5 url('../images/body_bg.jpg') repeat-x;
}

.typography .reset,
* {
  margin:  0;
  padding: 0;
}

a img     { border: 0; }

.clear    { clear: both; height: 0; }



/* ################################################## */
/*                      Structure                     */
/* ################################################## */

#PageBox {
  width: 950px;
  min-height: 100%;
  background: url('../images/page_bg.gif') repeat-y;
  margin: 0 auto;
}

#Page {
  padding: 0 0 10px 0;

  /*
  -webkit-box-shadow: 3px 3px 5px #bbb;
     -moz-box-shadow: 3px 3px 5px #bbb;
          box-shadow: 3px 3px 5px #bbb;
  */
  /* border: solid 1px green; */
}

#TopSpacer {
  height: 10px;
  background: #fff;
}

#Top {
  height: 213px;
  background: url('../images/top_bg.jpg') repeat-x;
}

#Main {
}

#Left {
  float: left;
  width: 160px;
  margin-left: 20px;
  margin-right: 40px;
}


#Right {
  float: left;
  width: 680px;
  margin-left: 20px;
}

#Content {
  width: 640px;
  margin-left: 25px;
}



/* ################################################## */
/*                      Divisions                     */
/* ################################################## */


/* #################### Header ###################### */

#Breadcrumbs, #Breadcrumbs a {
  color: #888;
  font-size: 14px;
}

#Breadcrumbs {
  margin: 6px 0 0 22px;
}

#Breadcrumbs a {
  text-decoration: none;
  margin:  0;
  padding: 0;
}

#Breadcrumbs a:hover {
}



/* ##################### Menu ####################### */

#Menu {
}

#Menu li {
  list-style-type: none;
  line-height: 1.7em;
  margin: 0;
  padding: 0 2px;
  border-bottom: solid 1px #ddd;
}

#Menu a {
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

#Menu_OFF a:hover { color: #666; }

#Menu li.current a,
#Menu li.section a { color: #666; }



/* #################### Content ##################### */

#Holder ul {
  margin-left: 0px;
}

#Holder ul li {
  margin-left: 0px;
  list-style-type: none;
}

#Holder li.newsTitle { font-size: 1em; }

#Holder div.odd, #Holder div.even { margin-bottom: 3em; }



/* #################### Footer ###################### */

#Creator {
  padding-top: 12px;
}

#Creator a {
  color: #d5d5d5;
  background: transparent;
  text-decoration: none;
  padding: 0;
  margin:  0;
}

#Creator a:hover {
  color: #ff9000;
}



/* ##################### Other ###################### */

.subcolumns { /* IE6 error -> width: 100%; overflow: hidden; */ }

.c25l, .c33l, .c50l, .c66l, .c75l, .c38l, .c62l, .c45l, .c55l { float: left; }
.c25r, .c33r, .c50r, .c66r, .c75r, .c38r, .c62r, .c45r, .c55r { float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%;     }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%;     }
.c66l, .c66r { width: 66.444%; }
.c75l, .c75r { width: 75%;     }
.c38l, .c38r { width: 38.2%;   }
.c62l, .c62r { width: 61.8%;   }

.c45l, .c45r { width: 45%; }
.c55l, .c55r { width: 55%; }

.subcl { margin: 0 15px 0  0; }
.subcr { margin: 0  0   0 20px; }