@charset "utf-8";

body  {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #87AEC5;
	background-image: url(http://www.babynames-db.com/images/bgtop.gif);
	background-repeat: repeat-x;
}
#container {
	width: 785px;
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left;
	background-color: #C5DAE9;
}
#headerblock {
	background-color: #87AEC5;
	text-align: center;
	background-repeat: no-repeat;
	width: 100%;
	margin: 0 auto;
	height: 20px;
	height: 30px;
	font-size: 24px;
}
#toplogo {
	background-image: url(http://www.babynames-db.com/images/toplogo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 195px;
}

#header h1 {	

	margin: 0;
	padding-top: 35px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 25px;
	font-size: 22px;
	
	}
#sideblockleft {
	float: left;
	width: 120px;
	padding: 0;
	background-color: #EBEBEB;

}
#sidebar2 {
	float: right;
	width: 100px;
	padding: 0;
	font-size: 15px;
	background-color: #000000;
	color: #FFFFFF;
	font: Bold 16px Arial;

 }
 
#nameslist   {
	float: right;
	width: 160px;
	background-color: #EBEBEB;
	display: block;
}
#centerblock {
	margin: 5 120px;
	padding: 5 5 5 5;
	width: 620px;
	height: 768px;
	} 
 
 
  #topbyalphabet  {
	border: 2px;
	} 
#topbyalphabet A:link {
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 20px;
	}
#topbyalphabet A:visited {
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 20px;
	}
#topbyalphabet A:active {
	text-decoration: none;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 20px;
}
#topbyalphabet A:hover {
	background-color: #D25A0B; 
	font-weight:bold; 
	color: #FFFFFF;
	font-size: 35px;
}
#footerblock {
	padding: 0 10px 0 20px;
	background-color: #87AEC5;
}
#footerblock  p {	
	margin: 0;	
	padding: 10px 0;
 }
 .fltrt {	
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
	
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#mainbabynamesnav{
	padding: 0;
	width: 785px;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0 auto;
}
#mainbabynamesnav  ul{
	font:Bold 11px Arial;
	padding: 0;
	list-style: none;
	margin: 0px;
	margin-left: 135px;
}
#mainbabynamesnav  li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
}
#mainbabynamesnav  a{
	float: left;
	display: block;
	color: white;
	margin: 0 1px 0 0;
	padding: 5px 10px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: black;
	border-bottom: 1px solid white;
	}
#mainbabynamesnav  a:hover{
	background-color: #306485;
	}
#mainbabynamesnav  #current  a{
	background-color: #36698a;
	border-color: #36698a;
	}
#mainbabynamesnavline{
	clear: both;
	padding: 0;
	width: 785px;
	height: 4px;
	line-height: 4px;
	background: #36698a;
	margin: auto;
}

.namesmenubuttons a {color: #FFFFFF;
background-color: #000000;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid #C5DAE9;
font: 14px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;}

.namesmenubuttons a:hover {background-color: #87AEC5;
color: #FFFFFF;
text-decoration: none;
}



table { 
	font: 80% Verdana, "New York", Arial, Helvetica, sans-serif;
	color: #000;
	background: #eee;
	text-align: left;
	border-collapse: collapse;
	
	
	width: 100%;
}
table a {
	text-decoration: underline;
	color: #105c6e;
}
table a:visited {
	text-decoration: none;
}
table a:hover, table a:active {
	background-color: #008eb1;
	text-decoration: none;
	color: #eee;
}
thead th {
	font-size: 105%;
	color: #eee;
	background-color: #27a0bd;
	border-bottom: 2px solid #008eb1;
}
tbody {

}
tr {
	vertical-align: top;
}
tr,th,td {
	padding: .75em;
}
caption {
	height: 24px;
	color: white;
	text-align: left;
	background: #fff url(table_designs.jpg) no-repeat;
	background-position: 92% 0;
}
tr.odd td, tr.odd th {
	background-image: url(tealbg.gif);
	background-repeat: repeat;
}
tfoot th,tfoot td {
	padding: 0.2em .75em;
	color: #3a4e58;
	font-weight: bold;
	font-size: 105%;
}
tfoot th {
	text-align: right;
}



#navlist ul
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 0 0; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

.pagination{
	padding: 2px;
	text-align: center;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	text-align: center;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #9aafe5;
	text-decoration: none;
	color: #2e6ab1;
	text-align: center;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
	text-align: center;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
	font-weight: bold;
	text-align: center;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}



#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin: 0;
margin-left: 250px;
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background: #36698a url(../images/leftround2.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-left: 120px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
padding: 7px 9px 7px 5px;
text-decoration: none;
}

#pointermenu2 ul li a:visited{
color: white;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: lightyellow;
background: transparent url(../images/pointer.gif) bottom center no-repeat;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 2px;
background: url(../images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}
#Footnav {
	background-color: #36698A;
	font-size: 10px;
}


.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../images/glossyback2.gif);
}

.wordsearch{
	height: 600px;
	background-color: #87AEC5;
}