body {
	margin-top: 0px;
	background-color: #ededed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	}
img { border: 0;}
table { border-collapse: collapse;}
td { vertical-align: top;}
ul {list-style-type: none;}
a:link {
	color: #0066FF;
	text-decoration: none;
	}
a:visited {
	color: #0066FF;
	text-decoration: none;
	}
a:hover {
	color: #0066FF;
	text-decoration: none;
	}
a:active {
	color: #0066FF;
	text-decoration: none;
	}

/*****************************
MAINFRAME LAYOUT
*****************************/
#topFrame { width: 820px; margin: 0 auto;}
#topFrame #mainTable { width: 820px;}
#topFrame #mainTable #leftEdge { width: 40px; background-image: url(../../images/bg/0_l.gif); background-repeat: repeat-y; background-position: top left;}

#topFrame #mainTable #mainFrame { width: 740px; background-color: #ffffff;}
#topFrame #mainTable #mainFrame #topContainer { width: 740px;}
#topFrame #mainTable #rightEdge { width: 40px; background-image: url(../../images/bg/0_r.gif); background-repeat: repeat-y; background-position: top right;}

#botFrame { width: 820px; height: 40px; margin: 0 auto; background-image: url(../../images/bg/0_b.gif);}

      /*****************************
      BANNER MODULES TOP-DOWN
      *****************************/

      #banner {
         width: 740px;
         height: 135px;
      }

      #left_logo {
         width: 480px;
         height: 95px;
         float: left;
      }

      #right_searchbar {
         width: 260px;
         height: 95px;
         float: right;
      }

      #logo {
         width: 350px;
         height: 100px;
         margin: 0 180px 0 0;
      }

      #temperamentphotos {
         width: 469px;
         height: 35px;
         margin: 0 11px 0 0;
      }

      #search {
         width: 260px;
         height: 20px;
         margin: 75px 0 0 0;
      }

      .searchform {
         font: 10px Tahoma;
         color: #999999;
         width: 100px;
         height: 14px;
         border: #999999 1px solid;
         margin-right: 0px;
      }
      .searchbutton {
         background-color: #ededed;
         font: 11px Tahoma;
         font-weight: bold;
         color: #999999;
         width: 80px;
         height: 18px;
         border: #999999 1px solid;
         margin-right: 0px;
      }
	  .content_lv2_bold {
		font-weight: bold;
	  }
	  	  .content_lv2_itl {
	font-weight: bold;
	font-style: italic;
	color: #2E7326;
	  }
	  
	  	  	  	  .MainHead3{
	font-weight: normal;
	color: #040075;
	font-family: "Century Gothic";
	font-size: 16px;
	  }
	  
	  	  	  	  .MainHead2{
	font-weight: normal;
	color: #040075;
	font-family: "Century Gothic";
	font-size: 20px;
	  }
	    	  	  	  .TableBorder{
	border: 1px solid #CECECE;
	  }


#menubar {
   width: 740px;
   height: 30px;
   margin: 2px auto;
   padding-top: 5px;
   background-image: url(../../images/bg/menubar.gif);
   background-repeat: no-repeat;
}

#signinModule {
   width: 70px;
   height: 100px;
   margin: 5px 5px 0 5px;
   padding: 0 0 0 10px;
   background-image: url(../images/box/signinbox_230x70.gif);
   background-repeat: no-repeat;
   background-position: top left;
}

     /**************************************
     SIGNIN MODULE LAYOUT & MODULES TOP-DOWN
     ***************************************/
     #signinTable {
       width: 110px;
       height: 70px;
     }
     .signinGap {
       height: 23px;
     }
     .signinForm {
       height: 24px;
     }
     .signinInputBox {
       width: 98px;
       height: 14px;
       font: 10px Tahoma;
       color: #999999;
       border: #999999 1px solid;
     }
     .signinSubmit {
       .signinText {
       
       color: #285da4;
       font-family: Tahoma;
       font-size: 10px;
       text-decoration: underline;
       text-align: center;
     }
       height: 23px;
     }
     .signinText {
       
       color: #285da4;
       font-family: Tahoma;
       font-size: 10px;
       text-decoration: underline;
       text-align: center;
     }
	 .language_table {
       
       color: #000000;
       font-family: Tahoma;
       font-size: 11px;
       text-decoration: none;
       text-align: center;
     }
	  .tableContentSmall {
       
       color: #000000;
       font-family: Tahoma;
       font-size: 11px;
       text-decoration: none;
       text-align: left;
     }
     .signinText a:link { color: #285da4;}
     .signinText a:visited { color: #285da4}
     .signinText a:hover { color: #0000ff;}
     .signinText a:active { color: #285da4;}

/*****************************
TOPCONTAINER MODULES TOP-DOWN
*****************************/

#title { width: 740px; }
#title #fourtemperamentlogo { width: 720px; height: 50px; margin: 0 10px 0 10px; font-family: Arial; font-size: 30px; border-bottom: 5px solid #255ba7; line-height: 50px;}
#title #fourtemperamentlogo a:link { text-decoration: none; color: #555555; }
#title #fourtemperamentlogo a:visited { text-decoration: none; color: #555555; }
#title #fourtemperamentlogo a:hover { text-decoration: none; color: #555555; }
#title #fourtemperamentlogo a:active { text-decoration: none; color: #555555; }

#title #tabModule { width: 500px; height: 46px; margin: 0 0 0 0; background-color: blue; }

#botContainer {
  width: 740px;
  height: 400px;
  margin: 10px 0 0 0;
  background-image: url(../../images/bg/col_740x400.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

#botTable {
  width: 740px;
}

.botCol1Box {
  width: 244px;
}

.botCol2Box {
  width: 250px;
}

.botCol3Box {
  width: 246px;
}

.MainHead {
	font-family: Tahoma;
	font-size: 14px;
	color: #993300;
	text-align: left;
	font-weight: bold;
}

#botCol1Module {
   width: 200px;
   margin: 10px 10px 10px 10px;
   padding: 0 10px 0 10px;
   font-family: Tahoma;
   font-size: 12px;
   color: #333333;
   text-align: left;
   vertical-align: top;
}

#botCol2Module {
   width: 200px;
   margin: 10px 10px 10px 10px;
   padding: 0 10px 0 10px;
   font-family: Tahoma;
   font-size: 12px;
   color: #333333;
   text-align: left;
   vertical-align: top;
}

#botCol3Module {
   width: 200px;
   margin: 10px 10px 10px 10px;
   padding: 0 10px 0 10px;
   font-family: Tahoma;
   font-size: 12px;
   color: #333333;
   text-align: left;
   vertical-align: top;
}

#content {
  width: 700px;
  margin: 0 20px 0 20px;
  font-family: Tahoma;
  font-size: 12px;
  color: #555555;
  text-align: left;
}
#content_temp_table {
	width: 470px;
	font-family: Verdana;
	font-size: 11px;
	color: #555555;
	text-align: left;
	padding: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#content_lv2 {
  width: 700px;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 0;
  margin-left: 2px;
  font-family: Tahoma;
  font-size: 12px;
  color: #555555;
  text-align: left;
}


#head {
	width: 700px;
	font-family: Tahoma;
	font-size: 16px;
	color: #993300;
	text-align: left;
	font-weight: bold;
	left: 5px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 2px;
	padding-bottom: 15px;
}

#maintext { margin: 20px; }
#maintext2 { margin: 20px; }

/********************************
BOTTOM NAVIGATION (BOTNAV) MODULE
*********************************/
#botnav {
  height: 20px;
  font-family: Tahoma;
  font-size: 11px;
  color: #555555;
  text-align: center;
  vertical-align: bottom;
  
}
#botnav a:link { text-decoration: none; color: #555555; margin: 0 5px 0 5px;}
#botnav a:visited { text-decoration: none; color: #555555; margin: 0 5px 0 5px;}
#botnav a:hover { text-decoration: underline; color: #222222; margin: 0 5px 0 5px;}
#botnav a:active { text-decoration: none; color: #222222; margin: 0 5px 0 5px;}

#bottomlinks {
  height: 20px;
  font-family: Tahoma;
  font-weight: bold;
  font-size: 11px;
  color: #255ba7;
  text-align: center;
  vertical-align: bottom;
  margin: 20px 0 0 20px;
}
#bottomlinks a:link { text-decoration: none; color: #255ba7; margin: 0 5px 0 5px;}
#bottomlinks a:visited { text-decoration: none; color: #255ba7; margin: 0 5px 0 5px;}
#bottomlinks a:hover { text-decoration: underline; color: #255ba7; margin: 0 5px 0 5px;}
#bottomlinks a:active { text-decoration: none; color: #255ba7; margin: 0 5px 0 5px;}

.content_lv2_bold_b {
	font-weight: bold;
	color: #0F5FA4;
}

.content_lv2_bold_g {
	font-weight: bold;
	color: #008254;
}

.content_lv2_bold_y {
	font-weight: bold;
	color: #FDB725;
}

.content_lv2_bold_r {
	font-weight: bold;
	color: #E40300;
}
.smallTextSy {
	font-weight: bold;
	color: #040075;
	font-family: Tahoma;
	font-size: 10px;
}
.breadcrumbs {
	font-weight: normal;
	color: #040075;
	font-family: Tahoma;
	font-size: 10px;
}
.Right_head {
	font-weight: bold;
	color: #040075;
	font-family: "Century Gothic";
	font-size: 14px;
}
.MainHead4 {
	font-weight: bold;
	color: #040075;
	font-family: Tahoma;
	font-size: 14px;
}
.right_table {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.Main_head4 {
	font-weight: bold;
	color: #040075;
	font-family: "Century Gothic";
	font-size: 14px;
	
}
.Main_head5 {
	font-weight: bold;
	color: #040075;
	font-family: "Century Gothic";
	font-size: 16px;
	}
.Main_head6 {
	font-weight: bold;
	color: #040075;
	font-family: "Century Gothic";
	font-size: 12px;
	}