html {
  height: 100%;
}

body { 
  font: 11pt Verdana, arial, sans-serif;
  color: #333333;
  background: #F3C2CF url('/images/avant_bg.jpg') repeat-x;
  margin: 0;
  padding: 0;
  height: 100%;
}

img {
  border: 0;
}

#main {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 700px;
  background: url('/images/avant_bg_corner.jpg') no-repeat;
}


/**
 * dropdown link menu
 */
#linkMenu,#linkMenu ul {padding:0;margin:0}
#linkMenu a {
  text-decoration: none;
  color: #666677;
}
#linkMenu ul li ul li a {
  padding-left:1em;
  text-decoration: none;
  color: black;
  display: block;
}
#linkMenu ul li ul li a:hover {
  color: #eeeeff;
  background: black;
}
#linkMenu ul li {
  float:left;
  width:9.5em;
  position: relative;
  list-style-type:none;
  font-weight:600;
}
#linkMenu ul li ul {
  visibility:hidden;
  background: white;
  border-bottom: 4px solid #666699;
  border-top: 1px solid #666699;
  border-left: 1px solid #666699;
  border-right: 1px solid #666699;
  position: absolute;
}
#linkMenu ul li:hover ul,
#linkMenu ul li.msieFix ul {
  visibility:visible;
}
* html #linkMenu li:hover ul,
* html #linkMenu li.msieFix ul {
  top:1.1em;
  left:.2em;
  width:9.5em;
}



/**
 * LINK BOX
 */
#linkbox {
  width: 350px;
  margin: 60px auto 0 auto;
  padding: 10px 5px 10px 20px;
  border-top: 4px solid #bbbbcc;
  border-right: 1px solid #bbbbcc;
  border-bottom: 1px solid #bbbbcc;
  border-left: 1px solid #bbbbcc;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.3);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff, endColorstr=#4dffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff, endColorstr=#4dffffff)";
}
#linkbox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#linkbox li {
  margin: 15px 0 15px 0;
}
#linkbox a {
  color: black;
  font: 1.6em "Verdana", arial, sans-serif;
  text-decoration: none;
}
#linkbox a:hover, a.select:hover {
  color: black;
}


#twitter_div {
  margin: 10px auto 0 auto;
  width: 400px;
  font-size: 11pt;
  color: #777788;
}
#twitter_div ul {
  list-style: square;
  margin: 0 0 0 2.5em;
  padding: 0;
}
#twitter_div li {
  padding: 0;
}
#twitter_div a {
  color: #777788;
}
#twitter_div a:hover, a.select:hover {
  color: black;
}

.opaque {
  filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
}

.opaque_hi {
  filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

.solid {
  filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;
}