body{ background: #fff; margin: 0; padding: 0; text-align:center;
} 

body, table, td, div, p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

a:link, a:visited, a:active{ color: #006699;
}

a:hover{ color: #CC9900;
}

#page{ background: #fff; width: 100%; text-align: left;
}

#wrapper{ width: 100%;
}

#page-content{ padding: 20px 0 20px 20px;
}




h1{ padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #CC0000; font-weight: bold; margin: 0px; margin-bottom: 10px;
}

h2{ padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #CC6600; font-weight: bold; margin: 0px; margin-bottom: 0px;
}

p{ line-height: 17px; margin: 0px 0px 10px 0px;
}




/* //////////////// header styles ////////////////////////////////////////////////////// */

#logo{ width: 220px; height: 90px; left: 0; top: 0; position: absolute; text-align: center;  background: #0C3F7D url(../images/header_logo_back.gif) no-repeat top left;  
}


#logoshade{  width: 360px; height: 63px; position: absolute; left: 220px; top: 0px;  background: url(../images/header_logo_shadow.jpg) no-repeat top left;
}

#main-nav{ text-align: left; background: #fff url(../images/header_back.gif) repeat-x top left; height: 90px; width: 100%; border-bottom: 4px solid #4477DD;
}

* html #main-nav{  /* ie bug fix */ height: 94px; hei/ght: 90px;
}

#toptext{ position: absolute; height: 63px; padding: 0; right: 0; top: 0; 
}

#navalign { background: url(../images/header_tabs_left.gif) no-repeat top left; position: absolute; left: 220px; display: block; top: 63px; height: 27px; width: 553px;
}


#nav { padding: 0; height: 27px; list-style: none; display: inline; font-size: 12px; font-weight: bold; margin: 0px;
}

#nav li { margin: 0; padding: 0; list-style: none; display: block; float: left;
}

#nav a { display: block; float: left; text-align: center; color: #99CCFF; padding: 5px 17px 0 17px; margin: 0; height: 22px; /* CONFORMANT BROWSERS */ text-decoration: none;  border-right: 1px solid #4477DD;
}

* html #nav a{ height: 27px; hei/ght: 22px;
}

#nav a:hover { color: #FFFFFF;  font-weight: bold; text-decoration: underline;
}



/* /////////////////// side menu styles //////////////////////////////////// */




#sub-nav{ position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/ width: 220px;  /*** Critical left col/divider dimension value ***/
}

.search-box{ color: #000; background: #F6F6F6 url(../images/box1_back.gif) no-repeat top left; width: 220px;
}

.menu-box{ color: #000; background: #F6F6F6 url(../images/box1_back.gif) no-repeat top left; width: 220px; margin-top: 20px;
}

.search-box-title{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background: #1659AE; padding: 10px 10px 6px 15px;
}

.menu-box-title{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background: #1659AE; padding: 10px 10px 6px 15px; border-top: 4px solid #4477DD;
}

.box-body{ width: 219px; border-right: 1px solid #4477DD;
}

* html .box-body{  /* ie bug fix */ width: 220px; wid/th: 219px;
}

.box-body p{ margin: 0; padding: 8px 10px 8px 15px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 219px;
}

.box-bottom{ background: #F6F6F6 url(../images/box1_bottom.gif) no-repeat bottom left; height: 5px; margin: 0; padding: 0; font-size: 1px;
}


.menu-section{ padding: 15px 10px 10px 0px; text-align: left; font-size: 11px; background: url(../images/dots.gif) no-repeat bottom left; margin-left: 15px;
}

.menu-section-title{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #093C78; font-weight: bold; margin: 0px;
}



.menu-section ul{ margin: 5px 5px 10px 15px; padding: 0;  list-style-image: url(../images/sm_arrow.gif);
}

.menu-section a:link{ text-decoration: none; }
.menu-section a:visited{ text-decoration: none; }
.menu-section a:active{ text-decoration: none; }




/* //////////////// footer styles ////////////////////////////////// */

#footer{ border-top: 3px solid #4477DD; height: 37px; width: 100%; position: relative; float: left; text-align: left; margin-top: 30px; clear: both;
}

#footer-mainlinks{ background: #093B76 url(../images/footer_back.gif) no-repeat top right;  
}

#footer-mainlinks p{ padding: 10px; margin: 0px; color: #fff; font-weight: bold;
}

#footer-mainlinks a:link{ color: #fff; }
#footer-mainlinks a:visited{ color: #fff; }
#footer-mainlinks a:active{ color: #fff; }
#footer-mainlinks a:hover{ color: #99CCFF; }

#footer-sublinks{ background: #fff;
}

#footer-sublinks p{ padding: 6px 10px; font-size: 11px; margin: 0px; color: #003366;
}





.pic{ margin: 5px;
}









/* site map styles */
.sitemap-column1{ width: 47%; border-right: 1px dotted #999999;  padding: 0 20px 0 0;
}

.sitemap-column2{ width: 48%; position: absolute; left: 52%; top: 39px;  padding: 0 0 0 10px;
}

.sitemap-section{ font-size: 14px; font-weight: bold; margin: 20px 0 8px 0;
}

.sitemap-list{ padding-left: 15px; margin-left: 15px; margin-top: 5px; list-style-image:        url(http://www.mod-tronic.com/images/list_arrow.gif);
}

.sitemap-list li{ margin-bottom: 2px;
}

.text{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 75%;
}


/* home page styles */

.hp{ width: 100%;
}

.hp-column1{ width: 65%;
}

.hp-column2{ width: 35%; padding-left: 20px;
}

.hp-main{ width: 100%; background: #ECF0F9 url(../images/home_page_main.jpg) no-repeat top right;
}

.hp-main-content{ padding: 20px 80px 20px 20px;
}





.box2{ color: #000; background: #fff url(../images/box2_back.gif) no-repeat top left; width: 100%;  border-bottom: 1px solid #4477DD;
}

.box2-title{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background: #1659AE url(../images/title_back.gif) no-repeat top left; padding: 10px 10px 6px 15px; border-bottom: 4px solid #4477DD;
}

.box2-section{ border-left: 1px solid #4477DD; text-align: center; padding: 15px 10px 15px 15px;
}






.section-title{ background: #1659AE url(../images/title_back.gif) no-repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; padding: 10px 15px 6px 15px; border-bottom: 4px solid #4477DD; font-weight: bold;
}

.section{ padding: 15px; border-bottom: 1px solid #BCCDEE;
}

.subtitle{ margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; padding-bottom: 5px;  
}