body  {
    margin:0 auto;
    padding:0;
    background: #DCE9E8 url(https://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(https://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(https://www.mahec.net/images/banner.jpg) right top no-repeat;
    height: 120px; /*Height of top section*/
    overflow: hidden;
}

.header { float:right;display: inline;color:#ffcc22; margin:5px 5px 0 0;} 
.header A:link,  A:visited {color : #ffcc22; 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("https://www.mahec.net/images/arrow1.gif");font-weight:normal;margin-left:15px;}


#topOuterBar {
    margin-top:96px;
    background:transparent;
    position:relative;
    padding:0;
}
.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: 80%;
    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;
   
}

#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 a {
    position:relative;
	text-decoration:none;
	color:#D3D2CF;
	font-weight:bold;
	height:32px;
	padding:2px 10px 5px;
}

#topInnerBar  a:hover {
	text-decoration:none;
	color:#593F72;
	background:#F9F9E4;
}

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

#contentcolumn{
    margin-left: 200px; /*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;

    }
    
#digicertsitesealcode { 
    border:none;
    }
	
	
#digicertsitesealcode img {
    border:none;
    }
#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: 200px; /*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;
}

#footer{
    clear: left;
    width: 100%;
    background:#F8F8F1 url(https://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;
    text-align:center;
    }
    
h2 {    
    font:normal bold normal 115% Georgia;    
    color:#5E8A86;
    text-align:center;
    }
    
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;}
.font3 {color:#CC0000;}


.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(https://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(https://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:visited {border:none;margin: 1px 0 0 0; padding:2px 1px 2px 0px; background: #5E8A86 url(https://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(https://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(https://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(https://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(https://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:visited {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:normal bold normal 85% Arial;    
    color:#000000; 
    margin-top:50px;
    margin-bottom:50px;
    }
    

.bqstart {
    font:italic bold normal 85% Georgia;    

     float: left;
     height: 25px;
     margin-top: -25px;
     padding-top: 15px;
     margin-bottom: -5px;
     font-size: 300%;
     color: #990000;
 }

 .bqend {
     font:italic bold normal 185% Georgia;    
     float: right;
     height: 25px;
     margin-top: -15px;
     padding-top:-15px;
     padding-left: 5px;
     font-size: 300%;
     color: #990000;
 }
 
 .tblDirectory {
    background: url(https://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(https://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;
}
div.imgfloat {
  float: right;
  margin-bottom:10px;
  }
  
  div.imgfloat p 
{
    position:relative;
	margin-top: -10px;
	text-align: center;
	font-size: 80%;
	color: #666666;
	font-family:Georgia;
   }
  





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

#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;}

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

#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;
  margin:0 0 0 -5px;
  }

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;
}
A .popupclose {border-width:0;margin:0;}

.panelCollapse {
width:80%;
height:0px;
overflow:hidden;
margin-left:40px;
padding:2px 2px 2px 2px;
}

.panelCollapseHeader {
background: url(https://www.mahec.net/images/bgLineV.gif) bottom left repeat-x;
width:99%;
float:left;
cursor:pointer;
vertical-align:middle;
margin-top:20px;
}




#rgt {float:right;position:static;}

#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;   }


.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; }


.gvSub {    
    margin:0 0 0 0;  
    border:none;    
    border-collapse:collapse;    
}   
.gvSub td {  
   background:url(https://www.mahec.net/images/tdBG.gif) left bottom repeat-x;
    font-size:85%;  
}   

.gvSub .alt { background:url(https://www.mahec.net/images/tdBG.gif) left bottom repeat-x; } 


.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;}

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

#contentcolumn .btn2 { font-weight:bold; font-size:85%; color:#336666; background:#F1F1C5; border:solid 1px #669999; padding:2px 2px 2px 2px; }
#contentcolumn a:active;a:visited;a:hover .btn2 {text-decoration:none; border:solid 1px #669999; color:#336666; padding:2px 2px 2px 2px;}

#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)";   
} 

.watermark
{
    color: #666666;
    background-color: #F9F9CD;
}