/* Big Carp styles */
 
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #3F5741; background-color: #E5F5EA; letter-spacing: 0.01em; }
form { margin: 0px; }
ul { margin: 0px 10px 0px 10px; padding: 10px 0px 0px 10px; }
li { margin: 5px 0px 0px 10px; padding: 0px 3px 0px 3px; font-size: 0.7em; list-style: disc outside url("images/list_object_1.gif"); } 
hr { color: #3F5741; }
.h-rule { margin-bottom: 7px; height: 1px; color: #3F5741; }
a { color: #3F5741; margin: 0px; }

/* layout  */
#wrapper-1 { background-image: url(images/wrapper_bkg_1.gif); background-repeat: repeat-x; }
#wrapper-2 { width: 741px; }

/* header */

#header { width: 741px; height: 188px; }

#header-1 { width: 579px; height: 188px; float: left; }
#header-2 { width: 162px; height: 188px; float: left; background-image:  url("images/header/nav_4_bg.gif"); background-repeat: no-repeat; }

#header-1-1 { width: 579px; height: 27px; background-color: #C9D8D1; background-image:  url("images/header/nav_1_4.gif"); background-position: right; background-repeat: no-repeat; }

.header-1-1-1 { margin: 9px 0px 0px 5px; float: left; font-size: 0.7em; }
.header-1-1-1-1 { float: left; }
.header-1-1-1-2 { float: left; padding: 2px 3px 0px 3px; background-repeat: repeat-x; }
.header-1-1-1-3 { float: left; }

#header-1-2 { width: 579px; height: 124px; }

#header-1-3 { width: 579px; height: 37px; }

.header-1-3-1 { margin: 6px 0px 6px 3px; float: left; font-size: 0.7em; }
.header-1-3-1-1 { float: left; }
.header-1-3-1-2 { float: left; padding: 2px 3px 0px 3px; background-repeat: repeat-x; }
.header-1-3-1-3 { float: left; }

.header-2-1 { width: 140px; height: 36px; margin: 10px 0px 0px 10px; }
.text-header-2-1 { padding: 10px 0px 0px 10px;  }

.header-2-1-1 { height: 16px; float: right; }
.header-2-1-1-1-1 { height: 16px; width: 10px;  float: left; }
.header-2-1-1-1-2 { height: 16px; float: left; background-image:  url("images/header/nav_4_2.gif"); background-repeat: repeat-x; }
.header-2-1-1-1-3 { height: 16px; width: 22px;  float: left; }

.header-2-1-2 { margin: 0px; width: 140px; height: 20px; background-color: #3E5741; }

/* footer */

#footer { width: 741px; height: 103px; margin-top: 10px; }
#footer-1 { width: 741px; height: 30px; margin-bottom: 2px; }
#footer-2 { width: 741px; height: 43px; padding-top: 9px; background-image: url("images/footer/footer_bkg.gif"); background-repeat: no-repeat; }
#footer-3 { width: 741px; height: 30px; }

.text-footer-1 { margin-left: 20px; color: #999; font-size: 0.6em; }
.text-footer-1-link { color: #999; text-decoration: none; }

.brdcrmbs-1 { width: 741px; } 
.text-brdcrmbs-1 { padding: 3px 0px 3px 10px; }





/* ------- home -------- */

#home-1 {  }

/* constructs home row 2  */ 
#home-2 { width: 741px; height: 345px; }

/* constructs home row 3 */ 
#home-3 { width: 741px; height: 345px; margin-top: 10px; }

/* constructs left box on row 2 */ 
#home-2-1 { width: 175px; height: 328px; float: left; margin: 17px 0px 0px 7px; display: inline; background-image: url(images/bkg_1.gif); background-repeat: no-repeat; } /*  display: inline;  http://asia.cnet.com/builder/program/web/0,39009372,39212480,00.htm */

#home-2-1-1 { margin-top: 48px; }
.home-2-1-1-1 { width: 160px; margin: 3px 0px 0px 7px; }
.home-2-1-1-1-1 { width: 10px; float: left; font-size: 0.7em; }
.home-2-1-1-1-2 { width: 126px; float: left; font-size: 0.7em; padding: 3px 0px 3px 0px; }
.home-2-1-1-1-3 { width: 24px; float: left; font-size: 0.7em; }

/* constructs centre double box on row 2 */ 
#home-2-2 { width: 360px; height: 345px; float: left; margin: 0px 0px 0px 11px; display: inline; }
#home-2-2-1 { width: 360px; height: 17px; }
#home-2-2-2 { width: 360px; height: 46px; background-image: url(images/bkg_1.gif); }
#home-2-2-3 { width: 360px; height:121px; background-image: url(images/bkg_2.gif); }
#home-2-2-4 { width: 360px; }

/* constructs box on the right of row 2 */ 
#home-2-3 { width: 175px; height: 345px; float: left; margin: 0px 0px 0px 13px; display: inline; }
#home-2-3-1 { width: 175px; height: 17px; }
#home-2-3-2 { width: 175px; height: 46px; background-image: url(images/bkg_1.gif); }
#home-2-3-3 { width: 175px; height: 202px; background-image: url(images/bkg_2.gif); }
#home-2-3-4 { width: 175px; }

/* constructs 4 multiple boxes along row 3 */ 
#home-3-1 { width: 175px; height: 345px; float: left; margin: 0px 0px 0px 0px; display: inline; }
.home-3-1-1 { width: 175px; height: 17px; }
.home-3-1-2 { width: 175px; height: 65px; background-image: url(images/bkg_1.gif); }
.home-3-1-3 { width: 175px; height: 142px;}
.home-3-1-4 { width: 175px; height: 121px; background-image: url(images/bkg_2.gif); }

/* constructs header for 6 boxes above */ 
#home-2-2-1-1 { height: 17px; float: right; } 
.home-2-2-1-1-1 { height: 17px; width: 10px; float: left; }
.home-2-2-1-1-2 { height: 17px; float: left; background-image:  url("images/body/body_1_2.gif"); }
.home-2-2-1-1-3 { height: 17px; width: 23px; float: left; }

/* ------- body -------- */

#boddy { width: 741px; } 

#body-1 { width: 175px; float: left; margin: 8px 0px 0px 5px; background-image: url(images/bkg_1.gif); display: inline; background-repeat: no-repeat; } 
#body-2 { width: 360px; float: left; margin: 8px 0px 0px 11px; } 
#body-3 { width: 175px; float: left; margin: 8px 0px 0px 13px; } 

#body-1-1 { width: 175px; background-image: url(images/bkg_1.gif); background-repeat: no-repeat; }
#body-1-2 { width: 175px; padding: 20px 0px 20px 0px; background-image: url(images/bkg_2.gif); }

#body-2-1 { width: 550px; background-image: url(images/bkg_1.gif); background-repeat: no-repeat; } 
#body-2-2 { width: 550px; padding-bottom: 20px; }

#body-3-1 { width: 175px; height: 46px;  background-image: url(images/bkg_1.gif); }
#body-3-2 { width: 175px; padding-bottom: 20px; background-image: url(images/bkg_2.gif); }
#body-3-3 { width: 175px; }


.container-1 { clear: both; padding: 14px 20px 0px 20px; background-image: url(images/bkg_2.gif); width: 550px; voice-family: "\"}\""; voice-family: inherit; width: 510px;  } /* body */
.container-2 { clear: both; padding: 14px 20px 0px 20px; border: 1px solid #CFDDD6; background-color: #fff; margin-top: 14px; width: 550px; voice-family: "\"}\""; voice-family: inherit; width: 508px; } /* preview */
.container-3 { clear: both; padding: 14px 20px 0px 20px; } /* related links & docs */

/* generic fonts */
h1 { font-size: 0.8em; margin: 0px; padding: 15px 15px 15px 35px; color: #fff; }
h2 { font-size: 0.7em; margin: 0px; padding: 0px 0px 0px 0px;  }
.h2-link { text-decoration: none; color: #3F5741; }
h3 { font-size: 0.7em; margin: 0px; padding: 1px 5px 1px 5px; color: #ff0; }
p { font-size: 0.7em; margin: 0px; padding: 0px 0px 14px 0px; }

.text-1 { padding: 0px; }
.text-date-1 { padding: 2px 0px 0px 20px; }

.text-nav-top-1 { margin: 2px 5px 0px 5px; }
.text-nav-top-1-1 { text-decoration: none; color: #3F5741; }
.text-nav-top-1-2 { text-decoration: none; font-weight: bold; color: #ff0; }

.text-form-1 { font-size: 0.7em; padding: 0px 10px 0px 0px; line-height: 1.2em; }
.text-form-2 { font-size: 0.7em; padding: 0px 10px 0px 0px; margin: 0px; line-height: 1.2em;  }

/* nav link */
.nav-link { text-decoration: none; font-size: 0.7em; color: #3F5741; }
.nav-1 { margin: 5px 10px 0px 10px; }
.nav-2 { margin: 0px 10px 0px 17px; }
.nav-3 { margin: 0px 10px 0px 24px; }
.nav-4 { margin: 0px 10px 0px 31px; }

a.nav-link: hover { text-decoration: underline; }


/* related links */
.text-rel-h1 { margin: 0px; color: #3F5741; }
.text-rel-1 { padding: 2px 0px 0px 0px;  color: #3F5741; }
.text-rel-1-link {  color: #3F5741; }

/* function templates */

/* images */
.funct-2-img-box { } 
.funct-2-img-box-1 { float: right; clear: both; margin: 0px 0px 20px 20px; padding: 0px 0px 0px 0px; background-image: url(images/bkg_1.gif);}
.funct-2-img-box-1-1 { clear: both; }
.funct-2-img-box-1-2 { clear: both; }
.text-funct-2-img-box-1-2 { margin: 4px 14px 4px 14px; padding: 0px; color: #fff; text-align: center; font-size: 0.6em; }




/* form elements */
.textfield-1 { border: 1px solid #3F5741; margin: 3px 0px 3px 0px; padding: 0px; width: 138px; height: 18px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; }
.textfield-2 { border: 1px solid #3F5741; margin: 0px 0px 0px 0px; padding: 0px; width: 120px; height: 18px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.3em; }
.textfield-3 { border: 1px solid #3F5741; margin: 3px 0px 3px 0px; padding: 0px; width: 250px; height: 18px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.3em; }
.button-1    { font: 0.7em Arial, Helvetica, sans-serif; border: 1px solid #3F5741; color: #3F5741; background-color: #E5F5EA; margin: 3px 3px 0px 0px; padding: 0px; float: right; }
.button-2    { font: 0.7em Arial, Helvetica, sans-serif; border: 1px solid #3F5741; color: #3F5741; background-color: #E5F5EA; margin: 0px; padding: 0px; }


/* misc */
.clear { clear: both; }