@charset "utf-8";
@import url("reset.css");
/* CSS Document */
/* RE-Formating TAGS Section */

body, html {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#333333;
color:#fc6; /*color #565847 - dark grey #cccc99* green-beige/*/

/*scrollbar-base-color: #fff;  http://iconico.com/CSSScrollbar/ 
scrollbar-arrow-color: #597691;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #597691;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #ccc;
scrollbar-shadow-color: #ccc;
scrollbar-track-color: #fff;
text-align:left;*/
}


a:hover {color: #B06110} /* color #B06110 */
img {border: 0px}
strong {color: #030} /* use the deprecated "b" for bold text that is not black)

/*Container Formating Section */
#containerpage {
position: absolute;
margin-left: -496px; /* This is the sum of the [width] + [2x][padding] [divided in half] */
margin-top: -304px; /* This is the sum of the [height] + [2x][padding] [divided in half] */
left: 50%;
top: 50%;
 /* These two lines establish the size of the content area, the padding is additional */
width: 1019px;
height: 554px; /* This is the sum of the [body height] + [header height] + [footer height] - [1xpadding] */
 /**/
/*overflow: auto;
/*padding: 10px; /* This sets the white margin and border at the outside edge of the content area */
 /* border: 1px solid #ccc; */
background-color:#333333;
 /* These 3 lines create the MH logo in the top right corner */
/*background-image:url(../images/BALE.jpg);
background-repeat: no-repeat;
background-position: 836px -6px;*/
 }
#containerheader {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; /* font for the pulldown menus */
 z-index:150;
 height: 24px;
}

#containerbody {
 position: relative;
 overflow: hidden; /* 'auto' adds scrollbars when needed */
 height: 580px; /* dimensions are here to keep things tidy */
 width: 1019px; /* dimensions are here to keep things tidy, match with above */
 background-color:#333333;
}

.contact_text {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-style:normal;
 font-size:16px;
 color:#CCCC99;
 position: relative;
 top:10px;
 left:0px;
 text-align:left;
 width:770px;
 /*overflow:hidden;
 scrollbar-base-color: #fff;  http://iconico.com/CSSScrollbar/ 
 scrollbar-arrow-color: #597691;
 scrollbar-3dlight-color: #cccc99;
 scrollbar-darkshadow-color: #597691;
 scrollbar-face-color: #cccc99;
 scrollbar-highlight-color: #ccc;
 scrollbar-shadow-color: #ccc;
 scrollbar-track-color: #fff;
 text-align:left;*/
}


#containerfooter {
 position: relative;
 /*background-image: url(../images/BALE.jpg);
 background-repeat: no-repeat;
 background-position: 0px 7px;*/
 height: 20px;
 width: 200px;
}


/* Character Formating Section */
h1, h2, h3, h4, h5, h6 {margin: 0px; color:#000}
h6 {font-size: 90%}
h5 {font-size: 11px; color:#000} /*normal size - match with body text size above*/
h4 {font-size: 100%}
h3 {font-size: 130%}
.serif {font-family:Georgia, "Times New Roman", Times, serif}
.sanserif {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#color1 {color: #597691} /*main heading color - Blue for now, was orange #B06110*/
#colorwhite {color:#FFF}
#color2 {color: #597691} /*secondary color - Blue for now #597691*/
#colorgrey {color: #999}

.slides_text {
font-size:14px; 
color:#FFF;
}



/* DIV Formating Section */
.footertext {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 position:relative;
 top:4px;
 left:0px;
 font-size:60%;
 font-weight: normal;
 color:#cc9;
 width:500px;
 text-align:left;
}

.padtopright {
 float: left;
 padding-top: 1px;
 padding-right: 1px;
}
.imgtopright1x1 {
 float: left;
 padding-top: 1px;
 padding-right: 1px;
 height: 99px;
 width: 99px;
}
.imgtopright1x2 {
 float: left;
 padding-top: 1px;
 padding-right: 1px;
 height: 99px;
 width: 199px;
}
.imgtopright1x1small {
 float: left;
 padding-top: 1px;
 padding-right: 1px;
 height: 49px;
 width: 49px;
}
.imgtopright1x1big {
 float: left;
 padding-top: 1px;
 padding-right: 1px;
 height: 199px;
 width: 199px;
}
#pagetitle {
 position: absolute;
 left: 232px; /* This clears the pulldown menus */
 top: 40px; /* to center vertically alongside pulldown menus */
 background-color:#FFF;
 font-style: oblique;
 font-size: 10px;
 font-weight: bold;
 color: #999;
}
.box1x1 {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 position: absolute;
 height: 145px; /* subtract the padding from the actual height*/
 width: 145px;
 overflow: hidden;
 text-align: center;
 padding: 2px;
}
.boxMaintext {
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 position: absolute;
 overflow: hidden;
 padding: 20px;
}
.underline { text-decoration: underline
}
.popup {
position:absolute;
top: 60px;
left:36px;
width: 898px;
height: 498px;
overflow: hidden;
text-align:center;
}
.popupimage {
border: 10px solid #FFF;
position: relative;
top: 5px;
height: 467px;
}
/*Styles for Links Page*/

h1.links { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	color: #666633; 
	font-weight: bold;
	margin: 15px 25px;
}

p.linkTitle {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
	color: #cccc99;
	line-height: 15px;
	margin: 10px 0px 0px 0px;
}
p.last {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2pt;
	text-align: left;
	color: #fff;
	line-height: 15px;
	margin: 0 0 35px 25px;
}

a.linksPage:link { 
	font-size: 12pt; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C99479;
	/*color:#FFF;*/
	text-decoration: underline;
	display:inline;
	width: 400px;
	/*margin: 0 0 15px 25px;*/
}

a.linksHomePage:link { 
	font-size: 16pt; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333333; 
	text-decoration: none;
	display: inline;
	width: 400px;
	/*margin: 0 0 15px 25px;*/
}


a.linksPage:visited {
	font-size: 9pt; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#C99479;
	/*color:#BC7958;
	/*color:#85AD33; 
	/*color: #8DA971;
	color: #666633;*/ 
	text-decoration: none;
	display: inline;
	width: 400px;
	
}

a.linksHomePage:visited {
	font-size: 16pt; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #333333;
	/*color: #666633;*/
	text-decoration: none;
	display: inline;
	width: 400px;
}

a.linksPage:hover {
	color: #FFF
	/*color: #fc6;*/
}
a.linksHomePage:hover {
	color:#CC9;
	/*color: #fc6;*/
}