/* start overloaders */
/* this section contains the basics that can be added to any element; font sizes, margins, padding, etc... resuable stuff */

.mach-hyper-blue{
    color: blue;
}
.mach-hyper-blue:hover{
    color: blue;
    text-decoration: underline;
}
.mach-no-padding{
	padding:0px;
}
.mach-no-margin{
	margin:0px;
}
.mach-5-padding{
	padding:5px;
}
.mach-no-border{
	border:0px;
}
.mach-arial-12{
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
}
.mach-arial-11{
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
}
.mach-arial-10{
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
}
.mach-top-border{
	border-top:1px solid #49536b;
}
.mach-bottom-border{
	border-bottom:1px solid #49536b;
}
.mach-hyper a{
	color:black;
	text-decoration: none;
	font-weight: bold;
}
.mach-hyper:hover a{
	color:blue;
	text-decoration: underline;
	font-weight: bold;
}

.mach-hyper-red a{
	color: #ad111b;
	text-decoration: none;
	font-weight: bold;
}
.mach-hyper-red:hover a{
	color: #ad111b;
	text-decoration: underline;
	font-weight: bold;
}

.mach-hyper:hover img{
	color:blue;
	text-decoration: none;
	font-weight: bold;
}
.mach-hyper-red{
	color:#cd0000;
	text-decoration: none;
}
.mach-hyper-red:hover{
	color:#cd0000;
	text-decoration: underline;
}
/* end overloaders */

/* start body */
.mach-blue-border{
	width:100%;
	background:#48526a;
	height:9px;
}
.mach-content-table{
	width:950px;
}
.mach-content{
	width:100%;
	padding: 0 0 0 0;
}
.mach-sidebar-header{
	background:url('/images2/mach/sidebar_header_bg.gif') repeat-x;
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
}
.mach-sidebar{
	background: #f2f5f8;
	border-left:1px solid #49536b;
	border-right:1px solid #49536b;
	width:172px;
}

.mach-sidebar img{
	display:block;
}

.mach-breadcrumb{
	font-size:11px;
	display: inline;
	font-weight: normal;
}

/* end body */

.image-overlay { list-style: none; text-align: left; margin: 0; float:left;}
.image-overlay li { display: inline; }
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }

.image-overlay a
{
    margin: 9px;
    float: left;
    background: #fff;
    border: solid 0px;
    overflow: hidden;
    position: relative;
}
.image-overlay img
{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.image-overlay .caption
{
    float: left;
    position: absolute;
    background-color: #000;
    width: 100%;
	cursor: pointer;
	/* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to
		longtime IE abuse of it, so opacity is not offically supported - use at your own risk. 
		To play it safe, disable overlay opacity in IE. */
    /* For Firefox/Opera/Safari/Chrome */
	opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3,
.image-overlay .image-overlay .caption h5, .image-overlay .caption h6
{
	margin: 10px 0 10px 2px;
    font-size: 15px;
    font-weight: bold;
	padding: 0 0 0 5px;
}
.image-overlay p
{
	text-indent: 0;
	margin: 10px;
	font-size: 1em;
}
.caption h4{
	margin: 10px 5px 10px 2px;
    font-size: 15px;
    font-weight: normal;
	padding: 0 0 0 5px;
	color: #FFFFFF;
}
.caption h4:hover{
	text-decoration: underline;
}