@charset "utf-8";

.myContainer-upper-lower{
	height:31em;
	background-image:url(../images/background2-20-500.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	margin: 0 auto;
	padding-bottom: 0%;
}

.myContainer-all{
	background-image:url(../images/background2-20-500.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	margin: 0 auto;
	padding-bottom: 0%;
}

.myContainer-top {
	margin:auto;
	width: 80%;
	resize: horizontal;
	overflow:auto;
}

.myContainer-bottom {
	width:60%;
	height:60%;
	margin: auto;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	color: #666;
}
	
/*3 box styles*/

#largebox{
	width: 92%;
	height: 90%;
	padding-top:1em;
	padding-left:4%;
	padding-right:4%;
}

#box1{
	width: 30%;
	height: 30%;
	float:left; /*No underlines on the link*/
	text-align: justify;
	
	
}

#box2{
	width: 30%;
	height: 30%;
	float:left;
	margin-left: 5%;
	text-align: justify;
	
	
}

#box3{
	width: 30%;
	height: 30%;
	float:right;
	text-align: justify;
	
	
}

div.clickable { /* Containing div must have a position value */
	position:relative;
	font-size: 90%;
	font-family: Verdana, Geneva, sans-serif;
}

div.clickable a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none; /* Makes sure the link doesn't get underlined */
	z-index:10; /* raises anchor tag above everything else in div */
	background-color:#CCC; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity=0); /*workaround to make clickable in IE */
	-moz-opacity: 0;
	opacity:0;
	filter: alpha(opacity=0);
}

#img_about{
	background-image:url(../images/button_a_grey.png);
	height:4.2em;
	width:100%;
	background-repeat: no-repeat;
	padding-top: 7em;
	background-position: center 2em;
}
	
#img_about:hover{
	background-image:url(../images/button_a_violet.png);
	height: 4.2em;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 2em;
}
	
#img_info{
	background-image:url(../images/button_i_grey_sq.png);
	height:4.2em;
	width:100%;
	background-repeat: no-repeat;
	background-position: center 2em;
	padding-top: 7em;
}

#img_info:hover{
	background-image:url(../images/button_i_green_sq.png);
	height: 4.2em;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 2em;
}

#img_question{
	background-image:url(../images/button_q_grey_sq.png);
	height:4.2em;
	width:100%;
	background-repeat: no-repeat;
	background-position: center 2em;
	padding-top: 7em;
}

#img_question:hover{
	background-image:url(../images/button_q_orange_sq.png);
	height: 4.2em;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center 2em;
}

/*text-styles*/

#p50 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 200%;
	color: #666;
	padding-top: 1em;
}

#p51{
	font-family:  Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #666;
	font-style: italic;
	
}

#p52{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 150%;
	color: #666;
	text-decoration:none;
}

#p53{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 105%;
	color: #666;
	text-decoration: none;
	text-align: justify;
	overflow: hidden;
}