body  {
    margin:0 auto;
    padding:0;
    background: #DCE9E8 url(http://www.mahec.net/images/body_bg2.gif) left top repeat-x; 
    font:normal 85% Arial;
}

#maincontainer{   
    width: 800px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
    background:#F8F8F1 url(http://www.mahec.net/images/contentBG2.gif) left top repeat-y;
    border:solid 1px #666666;
    overflow: hidden;
    position:relative;
    /*background:#f1f1f1 url(http://www.mahec.net/images/barStretch.jpg) left top repeat-y;*/
}

#topsection{
    position:relative;
    margin-right:0 auto;
    padding:0;
    background: #DCE9E8 url(http://www.mahec.net/images/banner.jpg) right top no-repeat;
    height: 120px; /*Height of top section*/
    overflow: hidden;
    border-bottom:solid 1px #55AAA5;
}

.header { float:right;display: inline;color:#FFCC66; margin:5px 5px 0 0;} 
.header A:link,  A:visited {color : #FFCC66; text-decoration : none;border:none;padding :0 0 0 0;}
.header A:hover {color:#ffffff;text-decoration:none;border:none;padding :0 0 0 0;  }
ul.arrowGr,li.arrowGr {color:#454C4C;list-style-image: url("http://www.mahec.net/images/arrow1.gif");font-weight:normal;margin-left:15px;}


#topOuterBar {
    margin-top:96px;
    background:transparent;
    position:relative;
    padding:0;
}

#topInnerBar {
    position:relative;
    color:#F8F8F1;
    margin-right:0 auto;
    text-align:center;
    padding:0;
    height:32px; 
    padding:3px;
}
#topBar {
    position:absolute;
    padding:0;
    width:800px;
    background:#78658c;
 	filter: Alpha(Opacity=90, FinishOpacity=30, Style=1, StartX=0, StartY=90, FinishX=0, FinishY=30);
 	-moz-opacity:.60; 
 	opacity: 0.6;
	border-top:solid 1px #000000;
	height:23px;
	overflow:hidden;
}

#topInnerBar {
    position:relative;
    color:#F8F8F1;
    margin-right:0 auto;
    text-align:center;
    padding:0;
    height:32px; 
    padding:3px;
}

#topInnerBar a {
    position:relative;
	text-decoration:none;
	color:#D3D2CF;
	font-weight:bold;
	height:32px;
	padding:2px 10px 5px;
}

#topInnerBar  a:hover {
	text-decoration:none;
	color:#D3D2CF;
	background:#F9F9E4;
}
#topOuterBarTh {
    position:absolute;
    margin-top:88px;
    padding:0;
    width:800px;
	/*height:23px;*/
	overflow:hidden;
}


	#topOuterBarTh ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#topOuterBarTh ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#topOuterBarTh ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		color:#D5D5D5;
		background:#49355F;
		filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
	}
	#topOuterBarTh ul li a:hover {
		background:#01766F;
		color:#D5D5D5;
	}
	#topOuterBarTh ul li a.active,
	#topOuterBarTh ul li a.active:hover {
	
		color:#ffffff;
		background:#01766F;
		filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
		border-top:solid 1px #01766F;
		border-bottom:solid 1px #01766F;
	}
	#topOuterBarTh ul li a span {
		display:block;
	}

#contentwrapper{
    float: left;
    width: 100%;
}

#contentcolumn{
    margin-left: 0px; /*Set left margin to LeftColumnWidth*/
    overflow: hidden;
}

#contentcolumn a {
	color:#000000;
	text-decoration:none;
	padding:0;
	border-bottom:dotted 1px crimson;
	}
	
#contentcolumn a:hover {
	color:#cc0000;
	text-decoration:none;
	padding:0;
	border-bottom:dashed 1px crimson;
	}
#contentcolumn fieldset.home {
    position: relative;
    background:#ffffff;
    border:solid 1px #78658C;
    padding:20px 10px 10px 10px;
    }
    
        #contentcolumn fieldset.home a {
       color:#cc0033;
       text-decoration:underline;

    }
    
#contentcolumn fieldset.home legend {
    position: absolute;
    background:#E2DCE8;
    border:solid 1px #78658C;
    margin-top:-35px;
    padding:3px 13px 3px 13px;
    font:italic bold normal 120% Georgia;
    color:#78658C;
    }
#leftcolumn{
    float: left;
    width: 0px; /*Width of left column*/
    margin-left: -800px; /*Set left margin to -(MainContainerWidth)DCE9E8
    background: #DCE9E8 url(http://www.mahec.net/images/leftbg.gif) left top repeat-y;*/
    overflow: hidden;
    visibility:hidden;
}

#footer{
    clear: left;
    width: 100%;
    background:#F8F8F1 url(http://www.mahec.net/images/contentBG2.gif) left top repeat-y;
    border-top:dotted 1px #D1D1C5;
    color: #A4A49C;
    text-align: center;
    padding: 4px 0;
}

#footer a   {
    color: #DCE9E8; 
}

.innertube{
    margin:9px 10px 10px 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.contentinnertube{
    margin:9px 20px 10px 15px; /*Margins for inner DIV inside each column (to provide padding)*/
    
}

h1 {   
    font:italic bold normal 130% Georgia;    
    color:#78658C;
    margin:20px auto;
    text-align:center;
    }
    
h2 {    
    font:normal bold normal 115% Georgia;    
    color:#5E8A86;
    text-align:center;
    text-decoration:underline;
    }
    
h3 {    
    font:italic bold normal 100% Georgia;    
    color:#78658C; 
    /*background: url(http://www.mahec.net/images/h1bg.gif) bottom left no-repeat;padding:3px 3px 3px 3px;*/
    }
    
h4  { font:italic bold normal 100% Georgia;  
    color:#466764; 

    }
    
.textBoxP 
{    
    font:italic bold normal 100% Georgia;    
    color:#78658C; 
    border-color:#78658C;
    background:#F8F8F1;
    /*background: url(http://www.mahec.net/images/h1bg.gif) bottom left no-repeat;padding:3px 3px 3px 3px;*/
    }

a {
	color:#339999;
	text-decoration:none;

	}
a:hover {
	border-bottom:1px solid;
	color:#cc0000;
	}
	

.ital {font-style:italic; }
.font1 {color:#DCE9E8; }
.font2 {color:#669999;}


.color0 { background:#f2f2f2; }
.color1 { background:#DCE9E8; }
.color2 { background:#F8F8F1; }
.color6 { background:#ffffff;}
.color7 {background:#dfdfdf; }
.color8 {background:#000000; }
.small {font-size:75%; }
.bold {font-weight:bold; }



 Accordion 
    .accordianBold {font-weight:bold;border-bottom:dotted 1px;}
/*    #leftcolumn .accordianHeader {border:none;margin: 1px 0 0 0; padding:2px 2px 2px 2px; background: #5E8A86; color:#dfdfdf; font-family:Arial; font-size:12px; font-weight:bold;  text-decoration:none; cursor:pointer; }
    #leftcolumn .accordianHeader a {border:none;margin: 1px 0 0 0; padding:2px 2px 2px 2px; background: #5E8A86 ;color:#dfdfdf; font-family:Arial; font-size:12px; font-weight:bold;  text-decoration:none; cursor:pointer; }
    #leftcolumn .accordianHeader a:hover {border:none;margin: 1px 0 0 0; padding:2px 2px 2px 2px; background: #5E8A86;color:#FFFFCC; font-family:Arial; font-size:12px; font-weight:bold;  text-decoration:none; cursor:pointer;}
    #leftcolumn .accordianHeaderSelected {border:none;margin: 1px 0 0 0;padding:2px 2px 2px 2px;background:#75A5A1; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold;  text-decoration:none; cursor:pointer;}
    #leftcolumn .accordianHeaderSelected  a {border:none;margin: 1px 0 0 0;padding:2px 2px 2px 2px;background:#75A5A1; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold;  text-decoration:none; cursor:pointer;}

    #leftcolumn .accordianContent { font-weight:normal;background: #F8F8F1 url(http://www.mahec.net/images/accordianContentBG.gif) left top repeat-y; color:#000000; font-family:Arial; font-size:12px; padding:5px 5px 5px 5px; border:none; }
    #leftcolumn .accordianContent a {color:#000000; font-weight:normal; font-family:Arial; font-size:12px; text-decoration:none;border-bottom:none; }
    #leftcolumn .accordianContent a:hover {background:none;color:#833393; font-weight:normal; font-family:Arial; font-size:12px; text-decoration:none;border-bottom:none; }
    
    #leftcolumn ul.accordianList { font-weight:normal;margin:0 0 15px 2px; font-family:Arial; font-size:12px;}
    #leftcolumn ul.accordianList a { font-weight:normal;text-decoration:none; font-family:Arial; font-size:12px;}
    #leftcolumn ul.accordianList,li.accordianList a { font-weight:normal;margin-left:8px; text-decoration:none;list-style-type:none; font-family:Arial; font-size:12px;}
*/
   #leftcolumn .accordianHeader {border:none;margin: 1px 0 0 0; padding:2px 1px 2px 0px; background: #5E8A86 url(http://www.mahec.net/images/accordianHeaderBG.gif) no-repeat left top; color:#dfdfdf; font-family:Arial; font-size:80%; font-weight:bold;  text-decoration:none; cursor:pointer; }
    #leftcolumn .accordianHeader a {border:none;margin: 1px 0 0 0; padding:2px 1px 2px 0px; background: #5E8A86 url(http://www.mahec.net/images/accordianHeaderBG.gif) no-repeat left top;color:#dfdfdf; font-family:Arial; font-size:80%; font-weight:bold;  text-decoration:none; cursor:pointer; }
    #leftcolumn .accordianHeader a:hover {border:none;margin: 1px 0 0 0; padding:2px 1px 2px 0px; background: #5E8A86 url(http://www.mahec.net/images/accordianHeaderBG.gif) no-repeat left top;color:#FFFFCC; font-family:Arial; font-size:80%; font-weight:bold;  text-decoration:none; cursor:pointer;}
    #leftcolumn .accordianHeaderSelected {border:none;margin: 1px 0 0 0;padding:2px 1px 2px 0px;background:#75A5A1 url(http://www.mahec.net/images/accordianHeaderBGs.gif) no-repeat left top; color:#ffffff; font-family:Arial; font-size:80%; font-weight:bold;  text-decoration:none; cursor:pointer;}
    #leftcolumn .accordianHeaderSelected  a {border:none;margin: 1px 0 0 0;padding:2px 1px 2px 0px;background:#75A5A1 url(http://www.mahec.net/images/accordianHeaderBGs.gif) no-repeat left top; color:#ffffff; font-family:Arial; font-size:80%; font-weight:bold;  text-decoration:none; cursor:pointer;}

    #leftcolumn .accordianContent { font-weight:normal;background: #F8F8F1 url(http://www.mahec.net/images/accordianContentBG.gif) left top repeat-y; color:#000000; font-family:Arial; font-size:90%; padding:5px 5px 5px 5px; border:none; }
    #leftcolumn .accordianContent a {color:#000000; font-weight:normal; font-family:Arial; font-size:90%; text-decoration:none;border-bottom:none;padding-left:10px; }
    #leftcolumn .accordianContent a:hover {background:none;color:#cc0000; font-weight:normal; font-family:Arial; font-size:90%; text-decoration:none;border-bottom:none; }

    #leftcolumn .accordianBase {border:none;margin: 1px 0 0 0; padding:2px 2px 2px 2px; background: #5E8A86; color:#dfdfdf; font-family:Arial; font-size:90%; font-weight:bold;  text-decoration:none; cursor:pointer; }

    #leftcolumn ul.accordianList { font-weight:normal;margin:0 0 15px 2px; font-family:Arial; font-size:90%;}
    #leftcolumn ul.accordianList a { font-weight:normal;text-decoration:none; font-family:Arial; font-size:90%;}
    #leftcolumn ul.accordianList,li.accordianList a { font-weight:normal;margin-left:8px; text-decoration:none;list-style-type:none; font-family:Arial; font-size:90%;}

.bgQuote {
    font:italic bold normal 85% Georgia;    
    color:#78658C; 
    margin-top:50px;
    margin-bottom:50px;
    }
    

.bqstart {
     float: left;
     height: 25px;
     margin-top: -25px;
     padding-top: 15px;
     margin-bottom: -5px;
     font-size: 300%;
     color: #78658C;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: -15px;
     padding-top:-15px;
     padding-left: 5px;
     font-size: 300%;
     color: #78658C;
 }
 
 .tblDirectory {
    background: url(http://www.mahec.net/images/tableBG.gif) right top repeat-y; 
    color:#000000;
	border-top:dotted 1px #ADADA3;
	overflow:hidden;
	padding:10px 10px 10px 10px;
}

 .tblDirectoryL {
    background: url(http://www.mahec.net/images/tableBGL.gif) left top repeat-y; 
    color:#000000;
	border-top:dotted 1px #ADADA3;
	overflow:hidden;
	padding:10px 10px 10px 10px;
}

#imgDir {
float:right; padding:0 7px 10px 10px;
}

#jobBox { border-top:dotted 1px #ADADA3; background:#F8F8F1; padding:10px 10px 10px 10px; margin:10px 20px 20px 20px; 
}


img { margin:0 10px 10px 10px;border:1px solid #000000;   }

#contentcolumn #rgtButtons { position:relative;float:right; width:auto;font-size:80%;  }
#contentcolumn #rgtButtons div { float: left;  border: dotted 1px #cc0033;  margin: 0 0 0 5px; width:35px;  }
#contentcolumn #rgtButtons div a { border-bottom:none; text-decoration:none;   }
#contentcolumn #rgtButtons img { position:relative;margin-left:0; margin-right:0; border-width:0; border-bottom:none; }
#contentcolumn #rgtButtons div p {	margin-top: -7px;     text-align: center;	font-size: 85%;	font-weight: bold;	color: #CC0033;	margin-bottom:0px;   }


#contentcolumn .IconBtn { vertical-align:top;border:none;text-decoration:none;border-width:0;margin:0 0 0 0;}
#contentcolumn .IconBtn a {border-bottom:none;border:none;text-decoration:none;border-width:0;margin: 0 0 0 0;}

#contentcolumn .Icon { float:right;vertical-align:top;border:none;text-decoration:none;border-width:0;margin:0 0 0 0;}
#contentcolumn .Icon a {border-bottom:none;border:none;text-decoration:none;border-width:0;margin: 0 0 0 0;}

.btn { font-weight:bold; font-size:85%; color:#336666; background:#F9F9E4; border:solid 1px #669999;text-align:center; }
a .btn {text-decoration:none;  border:solid 1px #669999; color:#336666;}

#table0 td { background:#000000; font-size:85%; padding:2px; margin:0;border:1px; }
#table0 th, caption { background:#DFDFDF; font-size:85%; font-weight:bold; border:0; padding:2px; margin:0;}
#table1 td { font-size:85%; padding:2px; margin:0;border:1px; }
#table1 th, caption { background:#DFDFDF; font-size:85%; font-weight:bold; border:0; padding:2px; margin:0;}

div.row {
  clear: both;
  padding-top: 4px;
	width:auto;
	text-align:left;
  }

div.row span.label {
  float: left;
	width: 175px;
  text-align: right;
  font-weight: bold;
  }
div.row span.head {
  float: left;
  width: 100%;
  text-align: left;
  font-weight: bold;
  background: #DCE9E8; 
  padding:2px 2px 2px 12px;
  }

div.row span.formw {
	float:left;
	margin: 0 0 0 5px;
	text-align:left;
  } 
  
.boxRight
{
position:static; 
float:right; 
 padding: 10px 10px 10px 10px; 
 background:#DCE9E8;
 border:dashed #003366 1px;
 color:#003366;
 font-style:italic;
 font-weight:normal;
 font-family:Book Antiqua;
}

.popup
{
position:static; 
float:right; 
visibility:hidden;
 padding: 10px 10px 10px 10px; 
 background:#E0DBE4;
 border:dashed #493D56 1px;
 color:#493D56;
 font-style:italic;
 font-weight:normal;
 font-family:Book Antiqua;
 margin-top: -10px;
 margin-left: 25px;
}
.popupclose
{position:static;border:0;float:right;font-weight:bold;text-align:right;padding:2px 2px 2px 2px;margin:2px 2px 2px 10px;
}

.cal .ajax__calendar_container {border:dotted 1px crimson;background-color: #E0DBE4;color:#000000;}
.cal .ajax__calendar_hover { background-color:#ffffff;color:crimson; }
.cal .ajax__calendar_header {color:#000000; font-weight:bold; }
.cal .ajax__calendar_dayname  {color:#000000; font-weight:bold;border-bottom:dotted 1px #000000;border-top:dotted 1px #000000; }

.grid-header
{
position: relative;
top:expression(this.parentNode.parentNode.parentNode.scrollTop-2);
left:expression(this.parentNode.parentNode.parentNode.scrollLeft-1);
right:1px;
}
#grid-header {overflow-y: scroll; width: 100%; height:400px;}

.valCallout div, .valCallout td
{
    border: solid 1px #990033;
    background-color: #F9F9CD;
}
.valCallout .ajax__validatorcallout_popup_table
{
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.valCallout .ajax__validatorcallout_popup_table_row
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}
.valCallout .ajax__validatorcallout_callout_cell
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.valCallout .ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.valCallout .ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0px;
}
.valCallout .ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}
.valCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}
.valCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0px;
    margin-left: auto;
}
.valCallout .ajax__validatorcallout_error_message_cell
{
    font-family: Verdana;
    font-size: 85%;
    color:#990033;
    padding: 2px;
    border-right: none;
    border-left: none;
    width: 100%;
}
.valCallout .ajax__validatorcallout_icon_cell
{
    border-right: none;
}

.valCallout .ajax__validatorcallout_icon_cell img 
{
    border:none; 
    height:34px;
    width:20px;
}

.valCallout .ajax__validatorcallout_close_button_cell
{
    vertical-align: top;
    padding: 0px;
    text-align: left;
    border-left: none;
    color:#990033;

}
.valCallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none;
    width: 22px;
    padding: 1px;
    cursor:pointer;
}
.valCallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv img 
{ border:none;
    float:left;
    width:10px;
    height:10px;
   
}

#gradientV {       
border-top:dotted 1px #ADADA3;
padding: 10px 10px 10px 10px; 
/* For WebKit (Safari, Google Chrome etc) */ 
background: -webkit-gradient(linear, left top, left bottom, from(#ECECDE), to(#F8F8F1)); 
/* For Mozilla/Gecko (Firefox etc) */ 
background: -moz-linear-gradient(top, #ECECDE, #F8F8F1); 
/* For Internet Explorer 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFECECDE, endColorstr=#FFF8F8F1); 
/* For Internet Explorer 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFECECDE, endColorstr=#FFF8F8F1)"; 
} 

    
#gradientH {  
padding: 10px 10px 10px 10px; 
/* For WebKit (Safari, Google Chrome etc) */      
background: -webkit-gradient(linear, left top, right top, from(#ECECDE), to(#F8F8F1), color-stop(0.7, #F8F8F1));     
/* For Mozilla/Gecko (Firefox etc) */       
background: -moz-linear-gradient(left top, #ECECDE, #F8F8F1 70%);    
/* For Internet Explorer 5.5 - 7 */      
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFECECDE, endColorStr=#FFF8F8F1, GradientType=1);        
/* For Internet Explorer 8 */        
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFECECDE, endColorstr=#FFF8F8F1, GradientType=1)";   
} 

div.speechbubbles{
background-color:#F5F5D4; /*background color of tooltip*/
border:1px solid #669999;
position:absolute;
top:0;
z-index:100;
visibility:hidden;
line-height:1.3em;
padding:8px;
width:500px; /*default width of tooltip*/
border-radius:8px; /*CSS3 border radius*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:0 0 10px #888888; /*CSS3 shadow*/
-moz-box-shadow:0 0 10px #888888;
-webkit-box-shadow:0 0 10px #888888;
}



div.speechbubbles div.speechbubbles-arrow{  /*shared CSS for arrow DIV (upwards pointing)*/
border-color: transparent transparent #F5F5D4 transparent; /*border color should be same as div.speechbubbles background color*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-19px;
left:20px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}

div.speechbubbles div.speechbubbles-arrow-border{ /*shared CSS for arrow border DIV*/
border-color: transparent transparent #669999 transparent; /*border color should be same as div.speechbubbles border color*/
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-20px;
left:20px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}


div.downversion div.speechbubbles-arrow{ /*down arrow DIV specific CSS*/
border-color: #F5F5D4 transparent transparent transparent; /*border color should be same as div.speechbubbles background color*/
top:auto;
bottom:-19px;
}


div.downversion div.speechbubbles-arrow-border{ /*down arrow border DIV specific CSS*/
border-color: #669999 transparent transparent transparent; /*border color should be same as div.speechbubbles border color*/
top:auto;
bottom:-20px;
}