body {
  background: url("http://www.connectonline.com/images/beige053.gif") repeat;
  font-family: Arial, Verdana, Helvetica;
  }

#make_start_page {
  position: absolute;
  z-index: 3000;
  top: 4;
  left: 0;
  width: 100%;
  height: 120px;
  background: url("http://www.connectonline.com/images/beige053.gif") repeat;
  /* background-color: #fffef4; */
  visibility: hidden;
}  

#msp_1 {
	font-size: 13px;
	border: 2px #003366 solid;
	height: 112px;
	width: 646px;
	margin: auto;
    background-color: #fffef4;
    border-radius: 12px;
}

#msp_2 {
  width: 64px;
  height: 64px;
  margin-right: 10px;
  margin-top: 10px;
  margin-left: 10px;
  float: left;
}

#msp_3 {
  width: 560px;
  float: left;
  padding-top: 8px;
}
  
#msp_3 ul {
  margin-top: 4px;
  font-size: 12px;
  margin-bottom: 4px;
}

#msp_3 a:link {font-weight: bold; color: blue;}
#msp_3 a:visited {font-weight: bold; color: blue;}
#msp_3 a:hover {font-weight: bold; color: red;}
#msp_3 a:active {font-weight: bold; color: red;}

/* Main Body --------- ----------------------------------------------------------------------------------------------- */

#header {
  width: 960px;
  height: 204px;
  margin: auto;
  }

#search {
  width: 960px;
  margin: auto;
  height: 182px;
 }

#middle {
  width: 960px;
  clear: both;
  margin: auto;
  overflow:hidden;
}

#full {
  width: 960px;
  overflow: hidden;
  margin-bottom: 10px;
}

.full_left {
  width: 340px;
  overflow: hidden;
  margin-right: 20px;
  float: left;
}

.full_right {
  width: 600px;
  overflow: hidden;
  float: left;
}

#clear {
  clear: both;
  height: 0;
  width: 0;
}

div.clear {
  clear: both;
  height: 0;
  width: 0;
}

#middle_left {
  width: 160px;
  float: left;
  margin-right: 20px;
}

#middle_center {
  width: 600px;
  float: left;
  text-align: center;
}

#middle_right {
  width: 160px;
  float: left;
  padding-left: 20px;
}

#footer {
  margin: auto;
  font-size: 12px;
  width: 700px;
  text-align: center;
  background-color: #fffef4;
  padding-top: 8px;
}

div.footer_text {
  width: 688px;
  margin: auto;
  margin-top: 12px;
  padding-bottom: 12px;
}

/* top20head --------------------------------------------------------------------------------------------------------*/

#top20head {
  width: 542px;
  margin:auto;
  height:200px;
  text-align: center;
  overflow: hidden;
}

#toptitle_top20head {
  font-size: 15px;
  height: 14pt;
  width: 534px;
  font-weight: bold;
  color: #003366;
  margin-bottom: 4px;
  margin-left: -10px;
  margin-top: 4px;
  background-color: #fffef4;
  overflow: hidden;
}

#title_top20head {
  width: 90px;
  height: 60px;
  background-color: #003366;
  border: 3px #003366 solid;
  float:left;
  margin-bottom: 4px;
  overflow: hidden;
  z-index: 2000;
  margin-right: -2px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

#links_top20head {
  width: 432px;
  height: 57px;
  background-color: #ffffff;
  border: 3px #003366 solid;
  float:left;
  font-size: 15px;
  font-weight: bold;
  color: blue;
  text-align:left;
  padding-left: 12px;
  padding-top: 3px;
  margin-left: -4px;
  z-index: 1000;
  overflow: hidden;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

#bottom_top20head {
  font-size: 11px;
  height: 13pt;
  width: 534px;
  font-weight: bold;
  color: #003366;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 0px;
  margin-bottom: 4px;
  background-color: #fffef4;
  clear:both;
  overflow: hidden;
}

#pagetitle_top20head {
  text-align:center;
  margin:auto;
  padding-bottom: 2px;
  color: #003366;
  background-color: #fffef4;
  border: 2px #003366 solid;
  height: 45px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#pagetitle_top20head_h1 {
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  margin: 0;
  padding: 0;
  }

#date_top20head {
  font-size: 14px;
  font-weight: bold;
  color: #fffef4;
  background-color: #003366;
  border: 2px #003366 solid;
  text-align:center;
  margin:auto;
  /*margin-bottom: 4px;*/
  height: 16px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

#title_text {
  font-size: 21px;
  font-weight: bold;
  color: #ffffff;
  padding-left: 6px;
  margin-top: 6px;
  width: 80px;
  overflow: hidden;
}

a.title_text_anchor {
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}

a:link.title_text_anchor {
   color: #ffffff;
}

a:hover.title_text_anchor {
   color: #99ccff;
}

a:active.title_text_anchor {
   color: #6699cc;
}

a.title_link {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.title_link {
   color: #0000ff;
}

a:hover.title_link {
   color: #ff0000;
}

a:active.title_link {
   color: #000090;
}

a.search_link {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: white;
}

a:link.search_link {
   color: #white;
}

a:hover.search_link {
   color: red;
}

a:active.search_link {
   color: #909090;
}

a.small_music_font {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.small_music_font {
   color: #0000ff;
}

a:hover.small_music_font {
   color: #ff0000;
}

a:active.small_music_font {
   color: #000090;
}

a.small_diversion_font {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.small_diversion_font {
   color: #0000ff;
}

a:hover.small_diversion_font {
   color: #ff0000;
}

a:active.small_diversion_font {
   color: #000090;
}

a.footer {
  font-size: 12px;
  text-decoration: underline;
  color: #0000ff;
}

a:link.footer {
   color: #0000ff;
}

a:hover.footer {
   color: #ff0000;
}

a:active.footer {
   color: #000090;
}


a.big_return_link {
  font-size: 19px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.big_return_link {
   color: #0000ff;
}

a:hover.big_return_link {
   color: #ff0000;
}

a:active.big_return_link {
   color: #000090;
}

div.top20_table_column {
	width: 138px;
	border: 2px #003366 solid;
	background-color:white;
	padding-top:4px;
}

div.top20_table_column3 {
	width: 209px;
	border: 2px #003366 solid;
	background-color:white;
	padding-top:4px;
}

div.top20_table_column_3 {
	width: 198px;
	background-color:white;
	padding-top:4px;
	float: left;
}

div.top20_table_column_3_border {
	width: 196px; /* 196 */
	background-color: white;
	padding-top: 4px;
	border-right: 2px #003366 solid;
	float: left;
}

div.top20_table_column_yellow {
	width: 138px;
	border: 2px #003366 solid;
	background-color:#ffffc0;
	padding-top:4px;
}

div.top20_table_container {
	margin-bottom: 16px;
}

div.top20_table_master {
	width: 140px;
	float: left;
}

div.top20_table_master3 {
	width: 193px;
	float: left;
}

div.top20_table_master_wide {
	width: 596px;
	background-color: white;
	border-left: 2px #003366 solid;
	border-right: 2px #003366 solid;
	border-bottom: 2px #003366 solid;
	height: 20px;
	padding-top: 4px;
}

div.top20_table_master_wide_top {
	width: 596px;
	background-color: white;
	border: 2px #003366 solid;
	height: 20px;
	padding-top: 4px;
}

div.top20_table_a {
	float:left;
	width: 12px;
	height:20px;
}

div.top20_table_b {
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 2px #003366 solid;
    font-size: 13px;
	font-weight: bold;
	height: 17px;
}

div.top20_table_b3 {
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 2px #003366 solid;
    font-size: 13px;
	font-weight: bold;
	height: 58px;
	padding-top: 21px;
}

div.top20_table_c3 {
	padding-bottom: 3px;
    font-size: 13px;
	font-weight: bold;
	height: 57px;
	padding-top: 21px;
}

div.top20_table_bd {
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 2px #003366 solid;
    font-size: 13px;
	font-weight: bold;
	height: 37px;
}

div.top20_table_bu {
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 2px #003366 solid;
    font-size: 13px;
	font-weight: bold;
	height: 17px;
	text-decoration: underline;
}

div.top20_table_by {
	padding-bottom: 3px;
	margin-top: -5px;
	margin-bottom: 5px;
	border-bottom: 2px #003366 solid;
    font-size: 13px;
	font-weight: bold;
	height: 22px;
	background-color: #ffffcc;
}

div.top20_table_c {
	padding-bottom: 3px;
	height: 17px;
    font-size: 13px;
	font-weight: bold;
}

div.top20_table_c1 {
	padding-bottom: 3px;
	margin-top: 0;
	height: 17px;
    font-size: 13px;
	font-weight: bold;
}

div.top20_table_c1d {
	padding-bottom: 3px;
	margin-top: 0;
	height: 37px;
    font-size: 13px;
	font-weight: bold;
}

div.top20_table_d {
    padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-bottom: 2px #003366 solid;
    font-size: 16px;
	font-weight: bold;
	height: 20px;
}

div.top20_table_d1 {
	padding-bottom: 3px;
	margin-top: 0;
	height: 20px;
    font-size: 16px;
	font-weight: bold;
}

div.top20_table_vertical_spacer {
	height: 12px;
	width: 12px;
}

a.top20_link {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a.top20_link_big {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 3px;
  padding-bottom: 3px;
}

a:link.top20_link {
   color: #0000ff;
}

a:hover.top20_link {
   color: #ff0000;
}

a:active.top20_link {
   color: #000090;
}

a.top20_linkd {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.top20_linkd {
   color: #0000ff;
}

a:hover.top20_linkd {
   color: #ff0000;
}

a:active.top20_linkd {
   color: #000090;
}

a.top20_link_large {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.top20_link_large {
   color: #0000ff;
}

a:hover.top20_link_large {
   color: #ff0000;
}

a:active.top20_link_large {
   color: #000090;
}

a.top20_link_small {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.top20_link_small {
   color: #0000ff;
}

a:hover.top20_link_small {
   color: #ff0000;
}

a:active.top20_link_small {
   color: #000090;
}

a.top20_link_red {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #ff0000;
}

a:link.top20_link_red {
   color: #ff0000;
}

a:hover.top20_link_red {
   color: #00ff00;
   text-decoration: underline;
}

a:active.top20_link_red {
   color: #900000;
}

a.tab_link {
  font-size: 13px;
  font-weight: bold;
  color: white;
}

a:link.tab_link {
   color: white;
}

a:hover.tab_link {
   color: #ff0000;
}

a:active.tab_link {
   color: #909090;
}

/* dmoz -------------------------------------------------------------------------------------------------------------*/

a.cat_name {
  font-size: 15px;
  font-weight: bold;
  color: #0000ff;
}

a:link.cat_name {
   color: #0000ff;
}

a:hover.cat_name {
   color: #ff0000;
}

a:active.cat_name {
   color: #909090;
}

a.dmoz_link {
  font-size: 13px;
  font-weight: bold;
  color: #0000ff;
  text-decoration: none;
}

a:link.dmoz_link {
   color: #0000ff;
}

a:hover.dmoz_link {
   color: #ff0000;
}

a:active.dmoz_link {
   color: #909090;
}

div.dmoz_head1 {
  margin-left: 8px;
  margin-bottom: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align:left;
  font-size: 15px;
  font-weight: bold;
  color: #0000ff;
  float:left;
}

div.dmoz_head2 {
  margin-left: 8px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align:left;
  font-size: 15px;
  font-weight: bold;
  background-color: #6699cc;
  color: white;
  float:left;
  width: 575px;
}

div.dmoz_head3 {
  margin-bottom: 4px;
  margin-top: 10px;
  padding-left: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align:left;
  font-size: 15px;
  font-style: italic;
  color: blue;
  float:left;
  width: 575px;
}

div.dmoz_column {
  text-align:left;
  width:182px;
  margin-right: 6px;
  float:left;
  padding-left: 8px;
}

div.dmoz_textbox {
  width:570 px;
  padding-left: 8px;
  padding-right: 8px;
  text-align:left;
  font-size: 13px;
  font-weight: normal;
}

/* top20search ------------------------------------------------------------------------------------------------------*/

#search_main {
  width: 600px;
  height: 160px;
  float: left;
  }

#search_level1 {
  background-color: #6699cc;
  border-top: 2px #003366 solid;
  border-right: 2px #003366 solid;
  border-left: 2px #003366 solid;
  width: 568px;
  height: 74px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  padding-top: 4px;
  padding-left: 14px;
  padding-right: 14px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#search_level2 {
  background-color: #336699;
  border-right: 2px #003366 solid;
  border-left: 2px #003366 solid;
  width: 568px;
  height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  padding-top: 4px;
  padding-left: 14px;
  padding-right: 14px;
}

#search_level3 {
  background-color: #003366;
  border-bottom: 2px #003366 solid;
  border-right: 2px #003366 solid;
  border-left: 2px #003366 solid;
  width: 568px;
  height: 38px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  padding-top: 4px;
  padding-left: 14px;
  padding-right: 14px;
}

#search_level2_new {
  background-color: #336699;
  border-right: 2px #003366 solid;
  border-left: 2px #003366 solid;
  border-bottom: 2px #003366 solid;
  width: 568px;
  height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  padding-top: 5px;
  padding-left: 14px;
  padding-right: 14px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

#search_level3_new {
  background-color: #003366;
  border-top: 2px #000000 solid;
  border-bottom: 2px #000000 solid;
  border-right: 2px #000000 solid;
  border-left: 2px #000000 solid;
  width: 568px;
  height: 22px;
  font-size: 15px;
  font-weight: bold;
  color: white;
  padding-top: 6px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: 8px;
  border-radius: 10px;
}

#search_main_health {
  width: 600px;
  height: 88px;
  float: left;
  }

#search_level4 {
  background-color: #ffffc0;
  border: 2px #003366 solid;
  width: 568px;
  height: 74px;
  font-size: 15px;
  font-weight: bold;
  color: back;
  padding-top: 4px;
  padding-left: 14px;
  padding-right: 14px;
}

#search_diversions {
  width: 160px;
  height: 184px;
  float: left;
  margin-left: 20px;
}

#search_diversions_top {
  width: 156px;
  height: 20px;
  background-color: #003366;
  border-top: 2px #003366 solid;
  border-left: 2px #003366 solid;
  border-right: 2px #003366 solid;
  color: white;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#search_diversions_bottom {
  width: 156px;
  height: 144px;
  background-color: #ffffcc;
  border-bottom: 2px #003366 solid;
  border-left: 2px #003366 solid;
  border-right: 2px #003366 solid;
  text-align: center;
  font-size: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

#search_music {
  width: 160px;
  height: 184px;
  float: left;
  margin-right: 20px;
}

#search_music_top {
  width: 156px;
  height: 20px;
  background-color: #003366;
  border-top: 2px #003366 solid;
  border-left: 2px #003366 solid;
  border-right: 2px #003366 solid;
  color: white;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#search_music_bottom {
  width: 156px;
  height: 144px;
  background-color: #ffffcc;
  border-bottom: 2px #003366 solid;
  border-left: 2px #003366 solid;
  border-right: 2px #003366 solid;
  text-align: center;
  font-size: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

/* Div boxes used by content */

#sidecolumn {
  width: 144px;
  border: 2px solid #003366;
  padding: 6px;
  margin-bottom: 20px;
  background-color: #ffffcc;
}

div.sidecolumn {
  width: 144px;
  border: 2px solid #003366;
  padding: 6px;
  margin-bottom: 20px;
  background-color: #ffffcc;
  text-align: center;
}

div.sidecolumn_list_heading {
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #6699cc;
  text-align: center;
  padding: 2px;
  margin-top: 3px;
  margin-bottom: 1px;
}

div.sidecolumn_list_anchor {
  padding:0;
  margin:0;
  text-align: center;
}

div.sidecolumn_list_anchor2 {
  margin-bottom:2px;
  text-align: center;
}

div.middlecolumn_list_anchor {
  padding:0;
  margin:0;
  width: 142px;
  text-align: center;
}

#middlecolumn {
  width: 584px;
  border: 2px solid #003366;
  padding: 6px;
  margin-bottom: 20px;
  background-color: white;
}

#middlecolumn_top20 {
  width: 596px;
  border: 2px solid #003366;
  margin-bottom: 20px;
  background-color: white;
  clear:both;
}

div.middlecolumn_top20 {
  width: 596px;
  border: 2px solid #003366;
  margin-bottom: 20px;
  background-color: white;
  clear:both;
  overflow:hidden;
  padding: 0px;
}

/* Speaker */

div.speaker {
  background: url("http://www.top20online.com/images/speaker_orange.png");
  margin-right: 4px;
  margin-left: 3px;
  float: left;
  width: 12px;
  height: 12px;
}

/* Standard Tab Header */

div.tab1 {
  background-image: url("http://www.top20online.com/pics/tab1new.gif");
  height: 22px;
  width: 15px;
  float: left;
}

div.tab2 {
  background-image: url("http://www.top20online.com/pics/tab2new.gif");
  height: 22px;
  width: 15px;
  float: left;
}

div.tab2_wide {
  background-image: url("http://www.top20online.com/pics/tab2new.gif");
  height: 22px;
  width: 15px;
  float: left;
}

div.tab_top20 {
  background-color: #003366;
  height: 14px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  float: left;
  width: 110px;
}

h2.tab_top20 {
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

div.tab_top20_5 {
  background-color: #003366;
  height: 18.4px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding-top: 4px;
  text-align: center;
  float: left;
  width: 84px;
}

div.tab_side {
  background-color: #003366;
  height: 18.4px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding-top: 4px;
  text-align: center;
  float: left;
  width: 130px;
}

div.tab_side_full {
  background-color: #003366;
  height: 14px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  float: left;
  width: 310px;
}

div.tab_middle {
  background-color: #003366;
  height: 18.4px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  padding-top: 4px;
  text-align: center;
  float: left;
  width: 570px;
}

div.table4 {
  margin-bottom: 12px;
  width: 598px;
  border-right: solid 2px #003366;
  background-color: white;
}

div.table4column {
  width: 150px;
  float: left;
}

div.table4columnright {
  width: 148px;
  float: left;
}

div.table4cell {
  width: 148px;
  border: 2px solid #003366;
  border-right: none;
  border-top: none;
  height: 22px;
  padding-top: 4px;
}

div.table4cellright {
  width: 146px;
  border: 2px solid #003366;
  border-right: none;
  border-top: none;
  height: 22px;
  padding-top: 4px;
}

/* Google Directory *********************************************************************************************************************/

#googledirectory {
  width: 596px;
  margin: auto;
  margin-bottom: 20px;
  border: 2px #003366 solid;
}

/* Wikipedia ****************************************************************************************************************************/

#wikipedia {
  width: 596px;
  height: 600px;
  margin: auto;
  border: 2px #003366 solid;
}

/* The master font file *****************************************************************************************************************/
.a08    { font-size: 11px; color: #000000 }
.a08b   { font-size: 11px; font-weight: bold; color: #000000 }
.a08bblu{ font-size: 11px; font-weight: bold; color: #0000CC; text-decoration: none;}
.a09bblu{ font-size: 12px; font-weight: bold; color: #0000CC; text-decoration: none;}
.a10    { font-size: 13px; color: #000000 }
.a10red { font-size: 13px; color: #CC0000}
.a10wht { font-size: 13px; color: #FFFFFF}
.a10blu { font-size: 13px; color: #0000CC}
.a10b   { font-size: 13px; font-weight: bold; color: #000000}
.a10bred{ font-size: 13px; font-weight: bold; color: #CC0000}
.a10bblu{ font-size: 13px; font-weight: bold; color: #0000CC; text-decoration: none;}
.a10i   { font-size: 13px; font-style: italic; color: #000000 }
.a10ired{ font-size: 13px; font-style: italic; color: #CC0000 }
.a10iblu{ font-size: 13px; font-style: italic; color: #0000CC }
.a11bblu{ font-size: 14px; font-weight: bold; color: #0000CC}
.a11bred{ font-size: 14px; font-weight: bold; color: #CC0000}
.a12    { font-size: 16px; color: #000000 }
.a12red { font-size: 16px; color: #CC0000}
.a12grn { font-size: 16px; color: #009900}
.a12wht { font-size: 16px; color: #FFFFFF}
.a12blu { font-size: 16px; color: #0000CC}
.a12b   { font-size: 16px; font-weight: bold; color: #000000 }
.a12bred{ font-size: 16px; font-weight: bold; color: #CC0000 }
.a12bblu{ font-size: 16px; font-weight: bold; color: #0000CC}
.a12bgrn{ font-size: 16px; font-weight: bold; color: #009900}
.a12bwht{ font-size: 16px; font-weight: bold; color: #FFFFFF }
.a12i   { font-size: 16px; font-style: italic; color: #000000 }
.a12ired{ font-size: 16px; color: #CC0000; font-style: italic }
.a12iblu{ font-size: 16px; color: #0000CC; font-style: italic }
.a14    { font-size: 19px; color: #000000 }
.a14red { font-size: 19px; color: #CC0000}
.a14wht { font-size: 19px; color: #FFFFFF}
.a14blu { font-size: 19px; color: #0000CC}
.a14b   { font-size: 19px; font-weight: bold; color: #000000 }
.a14bred{ font-size: 19px; font-weight: bold; color: #CC0000 }
.a14bblu{ font-size: 19px; font-weight: bold; color: #0000CC }
.a16    { font-size: 21px; color: #000000 }
.a16red { font-size: 21px; color: #CC0000}
.a16wht { font-size: 21px; color: #FFFFFF}
.a16blu { font-size: 21px; color: #0000CC}
.a16b   { font-size: 21px; font-weight: bold; color: #000000 }
.a18    { font-size: 24px; color: #000000 }
.a18red { font-size: 24px; color: #CC0000}
.a18wht { font-size: 24px; color: #FFFFFF}
.a18blu { font-size: 24px; color: #0000CC}
.a18b   { font-size: 24px; font-weight: bold; color: #000000 }
.a18bred{ font-size: 24px; font-weight: bold; color: #CC0000}
.a18bblu{ font-size: 24px; font-weight: bold; color: #0000CC}
.a24    { font-size: 32px; color: #000000 }
.a24red { font-size: 32px; color: #CC0000}
.a24wht { font-size: 32px; color: #FFFFFF}
.a24blu { font-size: 32px; color: #0000CC}
.a24b   { font-size: 32px; font-weight: bold; color: #000000 }
.a36    { font-size: 48px; color: #000000 }
.a36red { font-size: 48px; color: #CC0000}
.a36wht { font-size: 48px; color: #FFFFFF}
.a36blu { font-size: 48px; color: #0000CC}
.a36b   { font-size: 48px; font-weight: bold; color: #000000 }

/* News styles *******************************************************************************************************/

.morehl {
        font-size: 11px;
        color: #003399;
        font-weight: bold;
        font-style: normal;
        text-decoration: underline;
    }   
    
    a:link.morehl, a:vlink.morehl, a:alink.morehl {
        color: #003399;
    }
    
    .moresrc {
        font-size: 11px;
        color: #6699cc;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }
    
    a:link.moresrc, a:vlink.moresrc, a:alink.moresrc {
        color: #6699cc;
        font-size: 11px
    }
    
    .moreti {
        font-size: 11px;
        color: #6699cc;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }
    
    .morehlt {
        font-size: 11px;
        color: #FFFFFF;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
    }

/**** Gift Web Sites - web page thumbnail previews ***************************************************************/

#gift_web_preview_list {
  height: 320px;
  width: 144px;
  border: 2px solid #003366;
  padding: 6px;
  margin-bottom: 20px;
  background-color: #ffffff;
  overflow-y: scroll;
}

#gift_web_preview_list_full {
  height: 320px;
  width: 324px;
  border: 2px solid #003366;
  padding: 6px;
  background-color: #ffffff;
}

.gift_web_preview_list_full_half1 {
  width: 152px;
  float: left;
  margin-right: 20px;
  overflow: hidden;
}

.gift_web_preview_list_full_half2 {
  width: 152px;
  float: left;
  overflow: hidden;
}

#gift_web_preview {
  width: 584px;
  height: 320px;
  border: 2px solid #003366;
  padding: 6px;
  background-color: white;
}

div.gift_list_header {
  background-color: #6699cc;
  color: white;
  padding: 2px;
  width: 122px;
  font-weight: bold;
  font-size: 13px;
  margin-top:4px;
  margin-bottom: 6px;
  text-align:center;
}

div.gift_list_header_full {
  background-color: #6699cc;
  color: white;
  padding: 1px;
  width: 148px;
  font-weight: bold;
  font-size: 12px;
  margin-top:4px;
  margin-bottom: 3px;
  text-align:center;
}

div.gift_list_link_box {
  padding-bottom: 3px;
  border-bottom: 2px #cccccc solid;
  width: 122px;
}

div.gift_list_link_box_full {
  padding-bottom: 1px;
  width: 152px;
  line-height: 90%;
}

a.gift_list_link {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.gift_list_link {
   color: #0000ff;
}

a:hover.gift_list_link {
   color: #ff0000;
}

a:active.gift_list_link {
   color: #000090;
}

a.gift_list_link_full {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  line-height: 90%;
}

a:link.gift_list_link_full {padding: 2px; color: #0000ff}
a:visited.gift_list_link_full {padding: 2px; color: #0000ff}
a:hover.gift_list_link_full {padding: 2px; background-color: #ffff30; color: #0000ff}
a:active.gift_list_link_full {padding: 2px; color: #0000ff}

/* Yellow Box ***************************************************************************************************/

#yb_container {
	background-color: #ffffcc;
	width: 580px;
	border: 2px #003366 solid;
	padding: 8px;
	padding-top: 0px;
	text-align: left;
}

div.yb_title {
	color: red;
	font-size: 15px;
	font-weight: bold;
	padding-top: 8px;
}

h3.yb_title_h3 {
	color: red;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

div.yb_subtitle {
	color: black;
	font-size: 15px;
	font-weight: bold;
 	float: left;
	margin-right: 1.2em;
}

div.yb_linkbox {
	color: black;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin-right: 1.2em;
}

div.yb_indent1 {
	width: 1.2em;
	height: 15px;
	float:left;
}

div.yb_indent2 {
	width: 2.4em;
	height: 15px;
	float:left;
}

div.yb_column {
	margin-right: 3em;
	float: left;
}

div.yb_column_link {
	color: blue;
	font-size: 15px;
	font-weight: bold;
}

a.yb_link {
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  color: #0000ff;
}

a:link.yb_link {
   color: #0000ff;
}

a:hover.yb_link {
   color: #ff0000;
}

a:active.yb_link {
   color: #000090;
}

/* Multiple column middle boxes *************************************************************************/

div.multicolumnbox {
  width: 598px;
  border-left: 2px solid #003366;
  border-top: 2px solid #003366;
  margin-bottom: 16px;
  background-color: white;
  clear:left;
}

div.box_4col {
	width: 147px;
	float: left;
	border-right: 2px #003366 solid;
}

div.box_4col1 {
	width: 149px
	float: left;
	border-right: 2px #003366 solid;
}

div.box_4col_link {
	border-bottom: 2px #003366 solid;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;
}

div.amazon_side_box {
	margin-bottom: 20px;
	padding-top: 6px;
	border: 2px #003366 solid;
	width: 142px;
	padding-left: 14px;
	text-align: center;
	background-color: #ffffcc;
}

/* Paragraph styles for the terms & conditions, about us and privacy statement pages */

div.legal {
  width: 584px;
  border: 2px solid #003366;
  padding: 6px;
  margin-bottom: 20px;
  text-align: left;
  background-color: #ffffcc;
}

p.legal {
  font-size: 13px;
}

p.legal_caps {
  font-family: Courier New;
  font-size: 13px;
}

div.address_block {
  font-weight: bold;
  margin-left: 4em;
  margin-bottom: 12px;
}

/* Speical style for the main page middle.php file */

.ttmiddle_1 {
  width: 156px;
  height: 221px;
  border: 2px #003366 solid;
  background-color: #ffffcc;
  text-align:center;
  margin-bottom: 16px;
  font-size: 12px;
  color: black;
  font-weight: bold;
  padding-top:4px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.ttmiddle_1_heading {
  width: 152px;
  background-color: #003366;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  padding-bottom: 4px;
  margin-bottom: 3px;
}

a.ttlink_1:link    {color: #0000c0; font-size: 11px; font-weight: bold; text-decoration: none;}
a.ttlink_1:visited {color: #0000c0; font-size: 11px; font-weight: bold; text-decoration: none;}
a.ttlink_1:hover   {color: red; font-size: 11px; font-weight: bold; text-decoration: none;}
a.ttlink_1:active  {color: #900000; font-size: 11px; font-weight: bold; text-decoration: none;}

.ttmiddle_2 {
  width: 152px;
  border: 2px #003366 solid;
  background-color: #ffffcc;
  text-align:center;
  font-size: 11px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 13px;
  height: 1020px;
}

.ttmiddle_3 {
  width: 152px;
  border: 2px #003366 solid;
  background-color: #ffffcc;
  text-align:center;
  font-size: 11px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  line-height: 13px;
  height: 436px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

a.ttlink_2:link    {color: #0000c0; font-size: 11px; font-weight: bold; text-decoration: none;}
a.ttlink_2:visited {color: #0000c0; font-size: 11px; font-weight: bold; text-decoration: none;}
a.ttlink_2:hover   {color: red; font-size: 11px; font-weight: bold; text-decoration: none;}
a.ttlink_2:active  {color: #900000; font-size: 11px; font-weight: bold; text-decoration: none;}

#dictionarybox TD, INPUT, SELECT {font-size:13px;}

.QOTD {
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  padding-top: 4px;
  padding-bottom: 4px;
}

ul.QOTD_container {
  margin-top: 8px;
  margin-bottom: 8px;
}

.middle_text_large {
  width: 600px;
  text-align:center;
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 28px;
  font-style: italic;
  font-weight:bold;
  color: #003366;
}

.singleLineBorder {
    border: 1px solid #000000;
}

.frontLightBlue {
    background-color: #6699cc;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.frontYellow{
    background-color: #FFFFCC;
}

#category {font-size: 17px; font-style:normal; font-weight:bold; color: white;}
#frontSmall{
    font-size: 11px;
    background-color: #FFFFCC;
}

#frontSmall a{
    font-size: 11px;
    background-color: #FFFFCC;
}

.linkchain {
  width: 600px;
  height: 30px;
  text-align: left;
}

.linkchain_item {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  float:left;
  color: #003366;
}

a.linkchain_a:link {text-decoration: none; background-color: #003366; color: white; padding: 4px; padding-top: 3px; padding-bottom: 3px;}
a.linkchain_a:visited {text-decoration: none; background-color: #003366; color: white; padding: 4px; padding-top: 3px; padding-bottom: 3px;}
a.linkchain_a:hover {text-decoration: none; background-color: red; color: white; padding: 4px; padding-top: 3px; padding-bottom: 3px;}
a.linkchain_a:active {text-decoration: none; background-color: #003366; color: white; padding: 4px; padding-top: 3px; padding-bottom: 3px;}

a.linkchain_a_this:link {text-decoration: none; background-color: #003366; color: yellow; padding: 4px; padding-top: 3px; padding-bottom: 3px;}
a.linkchain_a_this:visited {text-decoration: none; background-color: #003366; color: yellow; padding: 4px; padding-top: 3px; padding-bottom: 3px;}
a.linkchain_a_this:hover {text-decoration: none; background-color: #003366; color: yellow; padding: 4px; padding-top: 3px; padding-bottom: 3px;}
a.linkchain_a_this:active {text-decoration: none; background-color: #003366; color: yellow; padding: 4px; padding-top: 3px; padding-bottom: 3px;}

.linkchain_arrow {
  height: 16px;
  width: 16px;
  margin-left:6px;
  margin-right: 6px;
  float: left;
  background-image: url("http://www.connectonline.com/images/linkchainarrow.png");
}

a.return_to_gifts:link {font-style: italic; color:white; font-weight:bold; text-decoration:none}
a.return_to_gifts:visited {font-style: italic; color:white; font-weight:bold; text-decoration:none}
a.return_to_gifts:hover {font-style: italic; color:yellow; font-weight:bold; text-decoration:none}
a.return_to_gifts:active {font-style: italic; color:white; font-weight:bold; text-decoration:none}

.hidden_pic {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

.linksubtitle {
  font-size: 12px;
  font-weight: bold;
  color: #006600;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: auto;
  /*\*/ margin-bottom: 2px; /**/
  /*\*/ margin-top: 5px; /**/
  overflow: hidden;
  background-color: #006600;
  color: #ffffc0;
  width: 130px;
}
.linksubtitle_right {
  font-size: 12px;
  font-weight: bold;
  color: #006000;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 4px;
  margin-top: 6.7px;
  overflow: hidden;
}
.diversion_title {
  color: #ffffff;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-color: #336699;
  padding-top: 3px;
  padding-bottom: 4px;
}

.diversion_title_link {
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
}

.diversion_title_link a:link {color: #0000a0; text-decoration: none;}
.diversion_title_link a:visited {color: #0000a0; text-decoration: none;}
.diversion_title_link a:hover {color: red; text-decoration: none;}
.diversion_title_link a:active {color: blue; text-decoration: none;}

.diversion_title_a {
  color: #ffffff;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-color: #336699;
  padding-top: 3px;
  padding-bottom: 4px;
  text-align: center;
}

.diversion_title_link_a {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
}

.diversion_title_link_a a:link {color: #0000a0; text-decoration: none;}
.diversion_title_link_a a:visited {color: #0000a0; text-decoration: none;}
.diversion_title_link_a a:hover {color: red; text-decoration: none;}
.diversion_title_link_a a:active {color: blue; text-decoration: none;}