
body, html { 
   font:0.9em arial,verdana,tahoma,helvetica,sans-Serif; color:#000;
   height:100%; min-height:100%;
   padding:5px; margin:0; border:0;
   text-align:center;
   background:#E9E9E9;
   }





a:link, a:visited { color:#CC6600; text-decoration:underline; font-weight: bold }
a:active { color:#CC6600; text-decoration:none; font-weight: bold }

/* ******************************************* Global Elements & Classes ********************************************* */

/* Global Elements & Classes */
p, ul, ol, li, dl, dt, dd, hr, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, label, legend { padding:0; margin:0; border:0; }

h1 { font-size:18px; color: #CC6600; font-family:Arial,'Times New Roman',Times,serif; }
h2 { font-size:16px; margin:5px 0; }
h3 { font-size:14px; margin:12px 0 -3px 0; }
h4 { font-size:13px; }
h5 { font-size:16px; color: #336699 }
h6 { font-size:100%; }
p  { padding: 7px 0 0 0 }
.error { color: red }

.clear-both { clear:both }
/* ******************************************* Structure ********************************************* */

#container { width: 800px; margin: auto; text-align: center }
#site-top { width: 800px; height: 10px; background:url('images/site-top.gif') no-repeat bottom left; }
#site-middle-background { width: 800px; background:url('images/site-middle.gif') repeat-y top left; }
#site-middle { padding: 0 10px 0 10px  }
#site-bottom { width: 800px; height: 10px; background:url('images/site-bottom.gif') no-repeat 0 0; }


#headline { width: 700px; height: 65px }
#headline div img { position:relative; top: 6px; left: 30px; _left: -10px }
#headline h1 { height: 50px;  background: url('images/executive-mediator-sevices.gif') no-repeat 120px 5px; _background: url('images/executive-mediator-sevices.gif') no-repeat 70px -5px; text-indent: -10000px  }
#search { float: right; width: 300px; margin-top: 20px }


.subNavigation { background-color: #CC6600; width: 100%; clear: both;}
.subNavigation ul {  list-style:none; margin:0 0 0 96px; padding:5px 0 5px 0; }
.subNavigation li {  list-style:none; display:inline; padding:0 0 0 0; margin-right: 0; color: #fff; }
.subNavigation a, .subNavigation a:visited { 
   color: #fff;
   font:bold 14px arial;
   text-decoration: underline;
   padding:0 0;
   }

.subNavigationOn a, .subNavigationOn a:visited { 
   color:#75281E;
   font:bold 14px arial;
   text-decoration: underline;
   padding:0 0;
   }
/* .subNavigationOn a:hover {    color:#75281E;    }
.subNavigation a:hover {   color:#666;    }
*/


#mainImage { margin-top: 1px; height: 230px; background: url('images/homeMainImg.jpg') top left no-repeat  }
#mainImage #rotatingImage { text-align: right }

#middle-content { padding: 0 20px 0 20px }
#middle-content h5 { margin: 10px 20px 10px 20px; text-align: left }
#middle-content .homeModule { float: left }

.homeModule { width: 340px; height:210px; background: url('images/homeModule-bg.gif') repeat-x top left; margin: 10px }
.homeModule img { border: 1px solid #CC6600; float: left; margin: 20px 0 0 10px }
.homeModule .content { float: right; width: 220px; text-align: left; margin: 20px 10px 0 10px }



/* sub Pages css */
#subPagesContainer { width: 100%; background: url('/images/left-nav-bg.gif') top left repeat-y; margin-top: 1px; text-align: left; }
#left-Nav { width: 150px; margin-right: 30px; float: left; }
#left-Nav ul { margin: 30px 15px 30px 25px }
#left-Nav ul li { list-style-type: square; color: #CC6600; padding-bottom: 6px }
#left-Nav ul li a { color: #000; font-weight: normal }

#mainContent { margin: 30px 30px 30px 0; float: left; width: 345px;}
#mainContent img { border: 1px solid #CC6600; margin: 10px 0 10px 0 }
#mainContent ul { padding: 0 0 0 25px}
#mainContent a.smallLink { display: block; font-size: 11px; margin-top: 5px; font-weight: normal}
#rightColumn { margin-top: 30px; float: left; width: 225px  }

.rightModule { margin-bottom: 20px }
.rightModule div.head { background-color: #CC6600  }
.rightModule h1 { font-family: Verdana, Arial; font-size: 14px; font-weight: bold; display: block; background-color: #CCCCCC; color: #BB6A3B; padding: 4px; margin-left: 14px; border-left-style:solid; border-left-width: 1px; border-left-color: #fff }
.rightModule div.content { background-color: #CCDEF0; margin-top: 1px; padding: 15px 20px; font-weight: bold }
.rightModule div.content img { margin: 10px 0 }
.rightModule div.content ul { margin: 0 20px;   }
.rightModule div.content ul li { color: #CC6600; margin-bottom: 5px }
.rightModule div.content ul li h4 { color: #000 }
.rightModule div.content ul li h4 a { color: #000 }


.thankyouMessage { margin: 10px 0; background-color: #CCCCCC; padding: 10px  }


table.contactus { margin-top: 15px }
table.contactus td.left { font-weight: bold }
table.contactus td.right input { width: 250px }
table.contactus td textarea { height: 80px; width: 320px }
table.contactus td input.button  { margin-left: 65px }


#bio img { float: left }
#bio .name { float: right; width: 200px; margin-top: 3px }
 
/* sub Pages css */

#coutries { clear: both; background-color: #CC6600; color: #fff; font-weight: bold; font-family: Arial, Tahoma; }
#coutries  table{ margin-top:3px }
#coutries table td { vertical-align: middle; padding:5px; }
#coutries img { border: 0px; }

#footer { width: 780px; margin: 5px auto 50px auto; text-align: center }
#footer img { float: left }
#footer div { float: right; color: #336699; font-size: 12px  }
#footer div a { color: #336699; font-size: 12px  }














