html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family:verdana, arial, helvetica, sans-serif; 
  font-size:76%;
}

#page {
  margin: 20px;
  margin-top:  10px;
}
#columnLeft {
  background: #fff;
  margin-top:    0;
  padding-top:   0;
  padding-right: 1em;
  padding-bottom:  20px;
  margin-right:  255px;
}
#columnRight {
  float:  right;
  padding-left:  10px;
  margin-top:  10px;
  padding-top:  0;
  width:  255px;
  text-align: center;
}

#page {
  padding:  0px;
  
}
#footer {
 clear:  both;
 margin-top:  20px; 
 margin-left: 10px;
 margin-right: 10px;
 padding: 4px;
 background-color: #f9f9f9;
 border: 1px solid #d2d2d2;
 text-align: center;
}
*html #footer {
 	z-index: -1;
}

#footer ul {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #ccc;
}
#footer li {
	display: inline;
	border-left: 1px solid #ccc;
	padding: 0px 4px;
}

.funstuff {
  clear: both;
  border: none;
  padding: 0px;
  font-size: 0.8em;
  padding: 20px 4px;
  text-align:  center;
  margin-bottom: 20px;
}
.funstuff a {
  margin: 0px;
  text-decoration: none;
}

/* -------------------------------------
*
*   Banner
*
------------------------------------- */

#banner {
  color:  #fff;;
  background-image: url("/_admin2/img/gradient/banner.jpg");
  background-repeat: repeat-x;
  height: 94px;
  width: 100%;
  padding-top: 16px;
}

#name_slogan {
  margin-left: 150px;
}
img#logoimg {
  float:  left;
  margin-left:  35px;
}

#siteslogan {
  margin-left:  8px;
}

/* -------------------------------------
*
*   Generic
*
------------------------------------- */

.clearer {
  clear:  both;
}

.justifyText {
  text-align:  justify;
  line-height:  1.5em;
}

.colorPatch {
  padding: 0;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-left:  1px solid #6c6c6c;
  border-right:  1px solid #6c6c6c;
}
.datetag {
  margin-bottom:  5px;
  font-style: italic;
}

img {
  border:  none;
}
/* -------------------------------------
*
*   Sidebox, in the right column
*
------------------------------------- */

.boxSide .content {
  padding:  10px; 
}
.boxSide .title {
  background-color: #3c3c3c;
  padding:  0;
  padding-left:  10px;
  padding-right:  10px;
  height:  25px;
  font-size:  1.1em;
  font-weight:  bold;
  line-height:  20pt;
  color:  #FFF;
}

.boxNews {
  border:  1px solid #669;
  margin-bottom:  20px;
  text-align: left;
}
.boxNews .title {
  background-image: url("/_admin2/img/gradient/darkgrey.gif");
}


/* -------------------------------------
*
*   Project boxes
*
------------------------------------- */

#legend {
  width:  100%;
  line-height:  1.8em;
}

#legend2 {
  width:  100%;
  line-height:  1.8em;
  font-size: 0.9em;
  margin-top: -10px;
}

/* .menu code from css play -- Horizontal unordered lists non-floating */
.menu {
  display:table;         /* ignored by IE */
  padding:0; 
  list-style-type:none;
  white-space:nowrap;    /* keep text on one line */
  width:  100%;
  padding:  5px 0;
  }
* html .menu {
  display:inline-block;  /* for IE only */
  width:1px;             /* IE will expand to fit menu width */
  padding:0 2px;         /* fix bug in IE for border spacing */
  }  
.menu li {
  display:table-cell;    /* ignored by IE */
  }
* html .menu li {
  display:inline;        /* for IE only */
  }
.menu a, .menu a:visited {
  display:block;         /* for all browsers except IE */
  padding:4px 16px;
  color:#000; 
  background: #d4d4d4; 
  border: 3px solid #fff; /* add a 1px white border around items */ 
  text-decoration:none;
  }
* html .menu a, * html .menu a:visited {
  display:inline-block;  /* for IE only */ 
  margin:0 -2px;         /* to correct an IE border width bug */  
  }
.menu a:hover {
  color:#fff; 
  background:#08c;
  }
/* --- end of code from css play --- */  
.menu .selected a, .menu .selected a:visited {
  border-top: 3px solid #cc6;
} 

#linkAll {
  font-weight:  bold;
}

.showAllProducts {
  font-size:  0.9em;
  text-align:  right;
}

#products_projects {
  margin-bottom:  20px;
}

.boxProduct {
  display:  block;
  float:  left;
  width:  200px;
  border:  1px solid #c3c3c3;
  margin-right:  25px;
  margin-bottom:  20px;
}

.boxProduct .content {
  padding:  10px; 
}
.boxProduct .title {
  padding:  0;
  padding-left:  10px;
  padding-right:  10px;
  height:  25px;
  font-size:  1.1em;
  font-weight:  bold;
  line-height:  20pt;
  color:  #000;
  border-bottom:  1px solid #c3c3c3;
}

.boxProduct .desc {
  height:  90px;
}

.boxProduct .links {
  height:  20px;
  text-align: right;
}

.boxOnline .title {
  background-color:  #FFA700;
  background-image: url("/_admin2/img/gradient/yellow.gif");
}

.boxSoftware .title {
  background-color: #8AAB00;
  background-image: url("/_admin2/img/gradient/green.gif");
}

.boxWebdvt .title {
  background-color: #d2d2d2;
  background-image: url("/_admin2/img/gradient/lightgrey.gif");
}

.boxHosted .title {
  background-color: #d2d2d2;
  background-image: url("/_admin2/img/gradient/lightgrey.gif");
}

.boxProduct .moreLink {
  font-size:  0.95em;
  bottom:  5px;
}

.boxProduct .rssLink {
  font-size:  0.8em;
  background-image: url("/_admin2/img/rss_16_tulliana.gif");
  width:  16px;
  height:  16px;
}

.productImg {
  padding-left:  10px;
  float: right;
}

#main_contents {
  margin-left:  50px;
  margin-right:  50px;
  line-height: 1.3em;
  font-size:  1.2em;
}

.boxProductList li {
  list-style: none;
  text-align:  left;
}