body {  margin-top: 0px;
		background-color: #ededed;
		font-family: Verdana;
		font-size: 11px;
		color: #555555;
	}
img { border: 0;}
table { border-collapse: collapse; border-spacing: 0;}
td { vertical-align: top;}
a:link {
	color: #993300;
	text-decoration: none;
	}
a:visited {
	color: #993300;
	text-decoration: none;
	}
a:hover {
	color: #0066FF;
	text-decoration: none;
	}
a:active {
	color: #993300;
	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: 95px;
      }

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

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

      #logo {
         width: 300px;
         height: 60px;
         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;
      }
	  .Right_head {
	font-weight: bold;
	color: #006699;
	font-family: "Century Gothic";
	font-size: 14px;
}
.Right_head2 {
	font-weight: bold;
	color: #006699;
	font-family: "Century Gothic";
	font-size: 16px;
}
	  .Main_head4 {
	font-weight: bold;
	color: #006699;
	font-family: "Century Gothic";
	font-size: 12px;
}
      .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;
	  }


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

/*****************************
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;
}

.botCol11Box {
  width: 370px;
}

.botCol12Box {
	width: 370px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
}

.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_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;
  text-align: center;
  vertical-align: bottom;
  margin: 20px 0 0 20px;
}


.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;
}
a.blue:link {color: #0F5FA4; background: #ffffff; font-weight: bold;}
a.blue:active {color: #0F5FA4; background: #ffffff; font-weight: bold;}
a.blue:visited {color: #0F5FA4; background: #ffffff; font-weight: bold;}
a.blue:hover {color: #0F5FA4; background: #ffffff; font-weight: bold;}

a.red:link {color: #E40300; background: #ffffff; font-weight: bold;}
a.red:active {color: #E40300; background: #ffffff; font-weight: bold;}
a.red:visited {color: #E40300; background: #ffffff; font-weight: bold;}
a.red:hover {color: #E40300; background: #ffffff; font-weight: bold;}

a.yellow:link {color: #FDB725; background: #ffffff; font-weight: bold;}
a.yellow:active {color: #FDB725; background: #ffffff; font-weight: bold;}
a.yellow:visited {color: #FDB725; background: #ffffff; font-weight: bold;}
a.yellow:hover {color: #FDB725; background: #ffffff; font-weight: bold;}

a.green:link {color: #008254; background: #ffffff; font-weight: bold;}
a.green:active {color: #008254; background: #ffffff; font-weight: bold;}
a.green:visited {color: #008254; background: #ffffff; font-weight: bold;}
a.green:hover {color: #008254; background: #ffffff; font-weight: bold;}

/*****************************
PVRP MODULE TOP-DOWN
*****************************/
#pvrp_nav { width: 740px; overflow:auto; text-align:center; vertical-align: middle; font-weight: normal; font-size: 8pt; font-family: verdana;}
#pvrp_panel { width: 740px; text-align:center;}
#pvrp_panel table { margin: 0 auto; width:600px;}
.ascx_nav_true {overflow: auto; height: 13px; width: 525px; margin: 5px auto; font-weight: normal; font-size: 8pt; font-family: Verdana; background-color: #dcdcdc; text-align: center;}
.ascx_nav_false {overflow: auto; height: 13px; width: 425px; margin: 5px auto; font-weight: normal; font-size: 8pt; font-family: Verdana; background-color: #dcdcdc; text-align: center;}

/*************************************
SORTER MODULE TOP-DOWN
**************************************/
#sorter { width: 430px; margin: 10px 0 0 0;}
ol.sorterlist { font-family:Tahoma; font-size:12px; color:#003399; margin-right:10px}
ol.sorterlist li { margin: 10px 0 0 0; line-height: 14px; border: 1px solid #CDDFEF; background-color: #F3F7FB; -moz-border-radius: 5px;}
ol.sorterlist li .question {font-family:Tahoma; font-size:12px; color:#003399; margin-right:10px; font-weight:bold}
ol.sorterlist li .answers {font-family:Tahoma; font-size:12px; color:#003399; margin-right:10px}

/*************************************
REGISTRATION MODULE TOP-DOWN
**************************************/
#instruct {
	width: 420px;
	margin : 5px 0;
	text-align : left;

}
.numberonesub { font-size: 11px; color: #285da4;}
.numbertwotop { font-size: 13px; font-weight: bolder; text-align: center;}
.regbox { width: 130px; border: 1px solid #555555;}
.newad { width: 300px; height: 250px; margin-top: 20px; border: 1px solid #cdcdcd; text-align: center; vertical-align: middle; }

.signnedinText { width: 230px; height: 40px; margin: 0 0 0 0; padding: 0 0 0 20px; line-height: 40px; color: #285da4; font-family: Tahoma; font-size: 11px; text-align: left; vertical-align: bottom;}
.signnedinText a:link { text-decoration: underline; color: #285da4;}
.signnedinText a:visited { text-decoration: underline; color: #285da4}
.signnedinText a:hover { text-decoration: underline; color: #285da4;}
.signnedinText a:active { text-decoration: underline; color: #285da4;}
.registerfields table { width: 360px;}
.registerfields td { padding: 2px; width: 180px;}
#optin { margin: 10px 0 0 0;}
#optin p { text-align: center;}