@charset "utf-8";
/* CSS Document */


body {
	margin: 2px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #F3EDF3;
	}
	

a {
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	color:  #990066;
	outline: none;
	}
a:visited {
	color:  #990066;
	}
a:active {
	color:  #990066;
	}
a:hover {
	color: #990066;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

ul{
	font-size: 12px;
	line-height: 22px;
	list-style-type: disc;
}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	
#top {
	margin: 20px 0px 0px;
	padding: 10px 0px;
	background: #69034c;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:898px;
	height: 70px;
	}
html>body #top {
	height: 70px; /* ie5win fudge ends */
	}
	
#MainNav 
{
	background-image: url(../images/menubg.png);
	background-repeat: no-repeat;
	margin-left:120px;
}

#MainNavContent ul
{
	margin: 0 10px;
	padding: 0;
	list-style: none;
	text-align: center;
}

#MainNavContent ul li
{
    float: left;
	

}

#MainNavContent a 
{
	text-decoration: none;
	padding: 3px 10px;
	display: block;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	color: #ffccff;
}

#MainNavContent a:link a:visited
{
	color: #FF00FF;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#MainNavContent a:hover
{
	color: #FF00FF;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
}



 .nofloat { clear: both; height: 1px; overflow: hidden; }


#left {
	position: absolute;
	top: 120px;
	left: 93px;
	margin: 0px;
	padding: 0px;
	border: 5px solid #ccc;
	background: #666;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #left {
	width: 120px; /* ie5win fudge ends */
	}
#middle {
	margin: 20px 190px 20px 190px;
	padding: 10px;
	border: 5px solid #ccc;
	background: #666;
	}
	
	
#middlehome {
	background: #e1d9ab;
	
	}
#hometext{
	width:840px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#right {
	position: absolute;
	top: 120px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	border: 5px solid #ccc;
	background: #666;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #right {
	width: 120px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
#lefthp {
	position: absolute;
	top: 93px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../images/centerimg.jpg);
	width: 898px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:898px;
	height: 328px;
	}
html>body #lefthp {
	width: 898px; /* ie5win fudge ends */
	}
	
#righthp {
	position: absolute;
	top: 93px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 0px;
	background: #666 url(../images/rightimg.jpg);
	width: 439px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 439px;
	height: 328px;
	}
html>body #righthp {
	width: 439px; /* ie5win fudge ends */
	}


#ContainerWrapper 
{
	width: 850px;  /* using 28px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #990066;
	border-left-color: #990066;    
}


#footer
{
	background-color: #330000;
	position: relative;
	font-size: 10px;
	font-weight:bold;
	color: #CC99CC;
}


/*Font Color*/

.purpletxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990066;
	text-align:center;
	padding: 2px;
}

.redttxt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990033;
	text-transform: uppercase;	
	
}


.address{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #330000;
	text-align:center;
}




/* mainMenu styles */
#mainMenu{
	margin: 0; padding: 0;
}
#mainMenu ul{
	position: relative;
	display: block;
	background: transparent;
	list-style: none;
	margin: 0px; padding: 0px;
}
#mainMenu ul li{
	position: relative;
	float: left;
	width: 103px;
	text-align:center;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}
#mainMenu ul li a{
	display: block;
	height: 20px;
	padding-top: 68px;
	padding-bottom: 2px;
	text-align:left;
	text-decoration: none;
	color: #FFCCFF;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding-left: 4px;
	background-color: transparent;
	background-image: url(../images/menubg.png);
	background-position: 0px -400px;
	background-repeat: no-repeat;
	/*
	border-left-color:#fff;
	border-left: 1px solid #fff;
	border-top: 0px solid #003366;
	*/
	position: relative;
	text-transform: uppercase;
}
#mainMenu ul li a span{
	display: block;
	position: absolute;
	cursor: pointer;
	white-space: nowrap;
	top: 68px;
	left: 2px;
	text-align: center;
	padding-left: 17px;
}
#mainMenu ul li a:hover{
	padding-top: 62px;
	border-top: 6px solid #FFFFCC;
	color: #FFFFCC;
	padding-bottom: 2px;
}
#mainMenu ul li a:hover span{
    	top: 62px;

}
#mainMenu ul li a:span#menuitem_6{
	text-align: center;   

}

#mainMenu ul li a:hover#menulink_8{
    background-position: -159px -6px;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
#mainMenu ul li a:hover#menulink_7{
   	background-position: -233px -6px;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
#mainMenu ul li a:hover#menulink_6{
   	background-position: -307px -6px;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
#mainMenu ul li a:hover#menulink_5{
	background-position: -381px -6px;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
#mainMenu ul li a:hover#menulink_4{
	background-position: -455px -6px;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
#mainMenu ul li a:hover#menulink_3{
	background-position: -529px -6px;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
#mainMenu ul li a:hover#menulink_2{
	background-position: -603px -6px;
	background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: center top;

}
#mainMenu ul li a:hover#menulink_1{
	background-position: -677px -6px;
		background-image: url(../images/butterfly_over.gif);
	background-repeat: no-repeat;
	background-position: center top;

}

mainArea #leftColumn .module{
	position: relative;
	top: 0px;
	left: -8px;
	margin-top: 8px;
	z-index: 100;
	/*-moz-border-radius: 8px;
	border-radius: 8px;*/
	background-color: #fff;
	color: #000;
	border: 1px solid #666;
	min-height: 50px;
}


.shadow{
	position: absolute;
	background-color: #333;
	filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;
	/*-moz-border-radius: 8px;
	border-radius: 8px;*/
}

#banner{
    width: 850px;
	clear: both;
	background: #ffffff url(../images/menubg.png) no-repeat left top;
	position: relative;
}
table#buttons{
	position: relative;
	background: #ffffff url(../images/menubg.png) no-repeat left top;
	width:850px;
}

table#logo{
	position: relative;
	background: #ffffff left top;
	width: 100%;
}

/* Center image */

#content {
	float: left;
	padding: 10px 2px 10px 2px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	background: transparent url(../images/leftimg.jpg) no-repeat left top;
	width: 444px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 444px;
	}
html>body #content {
	width: 444px; /* ie5win fudge ends */
	}
#content2 {
	float: left; /* Opera5.02 will show a space at right when there is no scroll bar */
	padding: 10px 2px 10px 2px;
	margin: 0px;
	border: 0px;
	background: transparent url(../images/logoimg.jpg) no-repeat;
	width: 400px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 394px;
	}
html>body #content2 {
	width: 394px; /* ie5win fudge ends */
	}



/* For the logo*/

#wrapper {
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:auto
}

#containerab {
	
}

#side_a {
	float: left;
	width: 450px;
	height:281px;
	background-color: #FFffff;
		background: url(../images/leftimg.jpg) no-repeat;

}

#side_a_under {
	float: left;
	width: 450px;
	height: 44px;
	background: #FFffff url(../images/butterfliesprogram.jpg) no-repeat left top;

}

#side_b {
	margin: 0;
	float: left;
	width: 400px;
	height:281px;
	background:transparent url(../images/logoimg.jpg) no-repeat;
}
#side_b_under {
	margin: 0;
	float: left;
	width: 400px;
	height: 44px;
	background: transparent url(../images/vih.jpg) no-repeat;
}

/*
html>body #side-b  {
	height: 1% /* Holly hack for Peekaboo Bug ;
	} */


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

/* INSIDE PAGES*/

/* All the content boxes belong to the content class. */
.contentin {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:850px;
	margin:0px 0px 0px 0px;
	border:1px solid black;
	background-color:white;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
	
	
	#Left_Content {
	float:left;
	width:70%;
	background:#fff;
	border-right:1px solid #993366;
	border-bottom:1px solid #993366;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #993366;
	border-left-color: #993366;
	margin: 5px;
	padding: 5px;
		}

	
#Left_Content>p {margin:0px;}
#Left_Content>p+p {text-indent:30px;}


#Right_Menu {
float:right;
margin-top: 5px;
    padding:10px;
    background-color:#eee;
	border:1px dashed #999;
	line-height:17px;

	
	}

/* Again, "be nice to Opera 5". */
body>#Right_Menu {width:150px;}

#intextbox{
	width:840px;
	padding:2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;


}

#programs
{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

#inbullets ul{
	list-style-type: none;
	text-align: left;
}
#inbullets ul li a{
	background: transparent url(../images/arrows.gif) no-repeat left center;
	padding-left: 15px;
	text-align: left;
	font: normal 12px , verdana, lucida, sans-serif;
	text-decoration: none;
}

#inbullets ul li a:hover
{
	color: black;
	text-decoration: underline;
}

.headertext{
	font-family: Arial, Helvetica, sans-serif;
	padding:2px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}