/* style.css */

/* Reset: based on http://meyerweb.com/eric/tools/css/reset/  v1.0 | 20080212 */
body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#ccccff;
	}
	
img {
  border: 0;
  float:none;
}



a:link {color:#0000FC;}
a:visited {color:#0066FF;}
a:hover {background-color:#FFFF99}
a.major:link {
  color: #990000;
  font-weight:bold;
  background:#FFFF00;
}
#Header a:hover {
	text-decoration:none;
	background-color:transparent;
}
p  {text-indent:10px; }
/*        Top left Corner                             */

/*        Header: top center  */

#Header {
  position:absolute; /* Same as LftCorner.height  */
  top:0;
  height: 160px;
  left: 0px;
  width: 185px;
  /*border:inset;
  border-bottom-color:#9900FF;
  border-left:none;
  border-top-color:#9900FF;
  border-right-color:#9900FF;
  background-color:#CCCCFF;
  background-color:#CCCCFF;*/
  margin:2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  z-index:1;
}


#Header p {
  padding-left: 4px;
  text-indent:2px;

}
  #Header H1 {
    text-align:center;
	color: #9900FF;
	font-size:130%;
  }
  #Header H2 {
    text-align:center;
	color: #9900FF;
	font-size:110%;
  }
  #Header H3{
    text-align:left;
	color: #9900FF;
	font-size:95%;
	text-indent: 5px;
  }
    #Header H4{
    text-align:left;
	color: #9900FF;
	font-size:75%;
	text-indent: 5px;
  }

/*                        Menu: on left under left corner    */

#leftSide, #rightSide {
	position:absolute;
	top: 0px;
	width:200px;
	height: 150%;
	background-image:url(../../images/zebrastripes.png);
	background-repeat:repeat-y;
	z-index:0;
}
#leftSide {
	left: 0px;
}
#rightSide {
	left: 1052px;
}
#Menu {
	position: absolute;
	top:165px;
	left: 0px;
	width:185px;
	min-width:100px;
	height: auto;
	/*padding:10px; */
    margin:2px 2px 2px 2px;
	background-color:#fff;
	/*border:3px  groove  #9900FF;*/
	line-height:17px;
	overflow: hidden;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
    /* Again, "be nice to Opera 5". */
	 #Menu.UL {
      list-style:outside;
      list-style-type:circle;
      padding: 0px 0px 22px 0px;
      margin:0;
    }
    #Menu.Li {
      margin: 0px 10px 30px 0px;
      padding-left: 2em;
      text-indent: -2em;
    }

    #Menu p {
	 margin: 0px 0px 0px 0px; 
	 text-indent: -1px; 
	 font-size: 85%;
	
	/* padding-left: 2px; */
	}
	#Menu a {
	font-size: 85%;
	text-decoration:none;
	}
#Item {
  min-height:40px;
  height: auto;
  margin:2px;
} 
#BigItem {
  min-height:80px;
  height: auto;
  margin:2px;
} 
#MainItem {
  min-height:65px;
  height: auto;
  margin:2px;
} 
#MainItem H3 {
	color: #FF00FF;
	font-size:75%;
	font-style:italic;
}
.styleF {
	color: #FF0000;
	font-size:75%;
	font-style:italic;
}

#Item img {
  ;float:left;
  border: 0;
}
#Item img1 { float:none; padding-right:0px; border:0; cursor:pointer }

#MPic {
  ;float:left;
  border: 0;
}
#Menu ItemS {
  min-height:40px;
  height: auto;
  margin:0;
}
#ItemS img {
  float:none;
  border: 0;
} 
#Item a {
font-size: 85%;
text-decoration:none;
}
.important {
 color: #FF0000;
 font-weight:bold;
 background-color:#FFFF00;
} 
#indented {
margin-left: 10px;

}
/*   FULL SECTION     */
#Alpha {
  position:absolute;
  left: 202px;   /* LftCorner.left + LftCorner.width   */
  top: 202px;      /* Header height  */
  width: 650px;
  height: auto; 
  border:none;
  background-color:#CCCCFF;
  margin:2px 2px 2px 2px;
  z-index:1;
} 
#SubHead {
  position:absolute;
  left: 202px;   /* LftCorner.left + LftCorner.width   */
  top: 35px;      /* Header height  */
  width: 800px;
  height: 165px; 
  border:none;
  background-color:#CCCCFF;
  margin:2px 2px 2px 2px;
  /*z-index:1; */

} 

#Content {
  position:absolute;
  left: 202px;   /* LftCorner.left + LftCorner.width   */
  top:165px;      /* Header height  */
  /*width: 650px;*/
  width: 800px; 
  height: auto; 
  border:none;
  background-color:#CCCCFF;
  margin:2px 2px 2px 2px;
  z-index:1;

} 
.styleH {
	color:#930;
	font-size:130%;
	font-style:oblique;
}
#Content img {
  float:none; 
  border: 0;
  
}
#Content.ul {
      list-style:circle;
      list-style-type:circle;
      padding: 1px 1px 22px 1px;
      margin:1;
    }
#Content.li {
      margin: 0px 10px 30px 0px;
      padding-left: 2em;
      text-indent: -2em;
}
#Content img1 { float:none; padding-right:2px; border:0; cursor:pointer }
#high {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:110%;
}

#Backform {
  position:absolute;
  left: 855px;    
  /*right: 0px; */
  top: 180px;      /* Header height  */
  width: 200px;
  height: 160px; 
  border:none;
  /*background-color:; */
  margin:0px;
  z-index:4;
}
#Ad {
	background-color:#FFF;
  position:absolute;
  left: 1064px;     
  /*right: 5px; */
  top: 165px;      /* Header height  */
  width: 160px;
  height: auto; 
  /*border:inset;
  border-left-color:#9900FF;
  border-top-color:#9900FF;
  border-right-color:#9900FF;
  border-bottom-color:#9900FF;*/
  margin:0;
  z-index:1;
}
#Pic {
  position:relative;
  width:auto;
  height: auto;
}
#PicItemAuto {
  position:relative;
  width:645px;
  height: auto;
  margin-bottom:2px;
}
#PicItem {
  position:relative;
  min-height:80px;
  width:645px;
  height: auto;
  margin-bottom:2px;
}
#PicItem a {
font-size: 85%;
text-decoration:none;
}
#PicItem p{
  font-size: 85%;
} 
#NoPicItem {
  position:relative;
  width:645px;
  height: 80px;
  margin-bottom:2px;
}
#NoPicItem p{
  font-size: 85%;
} 
#NoPicItem img{
float:none;
} 
/*                                Content for Flash	 */

#Box {
  /* filter:shadow(color:#CC99FF);  this puts a shadow on the picture and word */
  position: relative;
  height: 160px;
  width: 160px;
  border:none;
  margin:2px 2px 2px 2px;
}
#MainTable {
width: 100%;
border: 0px;
text-align:center;
}
#MainTable a {
 text-align:center;
}
hr {
color:#9900FF;
  border:groove;
  border-top-color:#9900FF;
  border-bottom-color:#FFCCFF;
  border-width:2px;
}
#Med {font-size: medium;}
.img1 { float:none; padding-right:2px; border:0; cursor:pointer }
img1 { float:none; padding-right:2px; border:0; cursor:pointer }



/*End of Styling from hello_original.css*/
/*__________________________________________*/

/*Styling to make sure the menu works*/
#menucontent {
	color: #333;
}
ol, ul, dl {
	display:block;
	padding-left: 3px; /*Padding of the menu content*/
	list-style:disc;
	margin: 0 .5em;
}
li {
	padding: 0 .5em;
}
dt, dd {
	padding: 0 0 .5em 0; 
}

/* Layout */

.clear {
	clear: left;
}
/* styles for menuTree plugin */
.menuTree {
	text-decoration: none;
}

.collapsed {
	display: none;
}