/* CSS Document */

body,
html {
	margin:0;
	padding:0;
	height : 100%;
	background-image:url(../images/body_grad.jpg);
	background-repeat:repeat-x;
	background-color:#86d2e5;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#cityScape{
	height : 100%;
	width:100%;
	background-image:url(../images/cityscape_tile.jpg);
	background-repeat:repeat-x;
}
#nonFooter{
	width:80%;
	min-width:775px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px auto;
	background-color:#FFFFFF;
}
#header{
	width:100%;
	min-width:750px;
	height: 181px;
	background-image:url(../images/header_grad.gif);
	background-repeat:repeat-x;
}
#headerLeft { background-image:url(../images/header_left.jpg); background-repeat:no-repeat; background-position: 0% 0%;}
#headerRight { background-image:url(../images/header_right.jpg); background-repeat:no-repeat; background-position: 100% 0%; height: 181px; text-align:center; padding-top:5px;}
#logo{ background-image:url(../images/logo.gif); background-repeat:no-repeat; background-position:51% 0%; height:106px; width:775px; margin-left:auto; margin-right:auto; position:relative; right:0px; cursor: pointer; }

/* form */
#formHolder{
	width:700px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
}
#searchForm{color:#033f98; font-weight:bold;  background-image:url(../images/formBG.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	text-align:left;
	margin-top:33px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:10px 0px 0px 80px;
	width:600px;
	_width:600px;
	font-size:.9em;
	height:29px;
	position:relative; 
	left:12px;
	_font-size:13px; /* only fixed on IE < 7? */
}

#searchForm label { margin-top:0px; padding:0px 10px 0px 0px; margin:0px;}
#searchForm input { padding:0px 0 0 4px; margin:0px; margin-top:-2px; margin-right:5px;}
.searchField { position:absolute; top:6px; left:390px; margin:0px; height:25px; width:222px; font-size:1.2em; padding:2px;} /* last two properties only for safari - see last line of file */
.goButton { margin:0px; padding:0px; position:absolute; top:6px; left:590px;} 

 /* PC IE 5 & 6 only*/
#searchForm input { _margin-top:1px; }
.searchField { _height:25px; _top:2px;}
#searchForm label { _padding:0px;}


/* nav */
.navDiv{
	background-image:url(../images/nav_bg_grad.gif);
	background-position: 0% -44px;
	background-repeat:repeat-x;
	height:44px;
	width:2px;
}
#nav{
	height:44px;
	background-image:url(../images/nav_right.gif);
	background-position:100% 0%;
	background-repeat:no-repeat;
	padding-right:22px;
}
#nav_left{
	height:44px;
	width:21px;
	background-image:url(../images/nav_left.gif);
	float:left;
}

#navList {list-style:none; padding:0px; margin:0px; background-image:url(../images/nav_bg_grad.gif); background-position: 0% -44px; background-repeat:repeat-x; } 
#navList li {position: relative; float: left; height:44px; text-align:center; }
#navList li a {display: block; height:26px; background-image:url(../images/nav_bg_grad.gif); padding-top:18px; text-align:center; }
#navList li a span {display: block; overflow:hidden; height:12px; text-indent:-3000px; margin-left:auto; margin-right:auto;}
#navList li.current a span, #nav1 li.current a:hover span{ background-position: 0% -12px; }
#navList li a:hover span{ background-position: 0% -12px; }
#navList li.current a, #nav1 li.current a:hover{ background-position: 0% -44px; }
#navList li a:hover{ background-position: 0% -44px; }

#link_home a span{ width: 44px;  background-image:url(../images/nav_home.gif); }
#link_build_your_own a span{ width: 230px;  background-image:url(../images/nav_build_your_own.gif); }
#link_daily_buzzword a span{ width: 129px;  background-image:url(../images/nav_daily_buzzword.gif); }
#link_games a span{ width: 55px;  background-image:url(../images/nav_games.gif); }
#link_for_educators a span{ width: 128px;  background-image:url(../images/nav_for_educators.gif); }
#link_browse a span{ width: 65px;  background-image:url(../images/nav_browse.gif); }

#link_home{ width:7%; }
#link_build_your_own{ width:32% }
#link_daily_buzzword{ width:18%; }
#link_games{ width:9%; }
#link_for_educators{ width:18%; }
#link_browse{ width:11%; }

/* content */
#body{
	padding:20px 39px 70px 39px;
	text-align:left;
	color:#636363;
}
#leftCol{
	padding-right:320px;
}
h1{ color:#099cc0; font-size:1.2em; margin:0px; padding: 20px 0px 3px 0px;}
h2{ color:#099cc0; font-size:1em;  margin:0px; padding: 15px 0px 3px 0px;}
p{ margin:0px; padding: 5px 0px 3px 0px; font-size:.9em;}
img.head{ margin:0px; margin:10px 0px 10px 0px; }
.left{ float:left; margin:5px 12px 10px 0px; }
ul { color:#099cc0; margin:0px; padding:5px 0px 5px 25px;}


a{ color:#044c5d; }
a:hover{ color:#007b95; }

#alphalinks{
	background-color:#c6f1fc;
	padding:10px 10px 10px 10px;
	font-size:.9em;
}
#alphalinks h1{
	color:#000000;
	padding:0px 0px 5px 0px;
	margin:0px;
}
#alphalinks a { padding-right:2px; }

/* definition/results */
p.results { font-size:.8em; margin:0px; padding:0px 0px 5px 10px; }
div.defHolder { margin:0px; padding:10px 0px 10px 20px; }
p.meta { font-size:.75em; margin:0px; padding:0px; }
span.pron { font-family:"Courier New", Courier, monospace }
p.def { padding:10px 0px 5px 0px; color:#000000; }
ul.results { list-style:none; padding:5px 0px 5px 7px; margin:0px;}


/* robot head callout */
.calloutHolder {_padding-bottom:65px;}
.callout_T {background-image:url(../images/callout_T.gif); background-repeat:repeat-x; background-color:#f4fdff; padding:0px; margin:0px 0px 20px -15px; }
.callout_R {background-image:url(../images/callout_R.gif); background-repeat:repeat-y; background-position:100% 0%; padding:0px; margin:0px; }
.callout_B {background-image:url(../images/callout_B.gif); background-repeat:repeat-x; background-position:0% 100%; padding:0px; margin:0px; }
.callout_L {background-image:url(../images/callout_L.gif); background-repeat:repeat-y; padding:0px; margin:0px;}
.callout_TR {background-image:url(../images/callout_TR.gif); background-repeat:no-repeat; background-position:100% 0%; padding:0px; margin:0px; }
.callout_BR {background-image:url(../images/callout_BR.gif); background-repeat:no-repeat; background-position:100% 100%; padding:0px; margin:0px; }
.callout_BL {background-image:url(../images/callout_BL.gif); background-repeat:no-repeat; background-position:0% 100%; padding:0px; margin:0px; _margin-bottom:-65px;}
.callout_TL {background-image:url(../images/callout_TL.gif); background-repeat:no-repeat; padding:0px; margin:0px;}
.callout_inner {padding:20px 20px 20px 90px; margin:0px; }
 
.callout_TL h1 {padding-top:0px; }

#advert{
	float:right;
	width:300px; 
	height:500px;
	margin-bottom:0px;
}

#rhymeresults{
	float:right;
	width:425px; 
	height:500px;
	margin-top:50px;
	border: solid #09809E 1pt;
	padding: 20px 5px 15px 15px;
}

#reflinks{
	margin-left:25px;
	margin-top:30px;
}

.push {
	height: 70px; /* .push must be the same height as .footer */
}

/* footer */
#footerHolder {
	position:relative;
	width: 100%;
	height: 70px;
	margin: -70px auto 0 auto;
	background-image:url(../images/footer_grad.gif);
	background-repeat:repeat-x;
}
#footer {
	width:80%;
	min-width:775px;
	height: 70px;
	background-image:url(../images/footer_grad_inner.gif);
	background-repeat:repeat-x;
	margin-left: auto; 
	margin-right: auto;
	
	
	/* PC IE 5 & 6 only*/
	_width:expression(document.body.clientWidth < 973? "775px": "80%" );
}
#footerLeft { background-image:url(../images/footer_left.gif); background-repeat:no-repeat; background-position: 0% 0%; height: 70px;}
#footerRight { background-image:url(../images/footer_right.gif); background-repeat:no-repeat; background-position: 100% 0%; height: 70px; text-align:right; font-size:.7em; _font-size:11px; overflow:hidden;}
#footerLinks { padding: 50px 25px 0px 25px; }
#footerRight a {color:#044c5d; font-weight:bold; padding-left:10px;}
#footerRight a:hover{color:#FFFFFF; }
#copy {float:left;}


/* Filter Gecko: 
    html[xmlns*=""] input.searchField { height:15px; }*/
	
/* Target Gecko: 
    html:not([xmlns*=""]) input.searchField {  height:41px; }*/



/* Pound Safari Post Semicolon hack.   - following is ignored by safari */

.searchField { width:202px; height:21px;#}
/** Educational styles **/
.edu blockquote
{	font-size: 90%;
}
/* Citing styles */
.edu.citing ul li
{	color: #636363;
	font-size: 90%;
	padding-bottom: 4px;
}
.edu.citing blockquote ul li
{	list-style-type: none;
	padding-bottom: 15px;
}
/* For Educations homepage styles */
.edu.index dd
{	font-size: 90%;	
	margin-bottom: 20px;
	margin-left: 0;
}
.edu.index dt
{	font-size: 90%;	
	font-weight: bold;
	margin-bottom: 5px;
}
.edu.index ul
{	margin-left: 1em;
}
.edu.index ul li
{	list-style-type: dot;
	padding-bottom: 4px;
}
/* Catalogue styles. */
.edu.books ol
{	margin: 0;
	margin-top: 10px;
	padding: 0;
}
.edu.books ol li
{	font-size: 90%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 4px;
}
/* Distributors styles. */
.edu.distributors ol
{	margin: 0;
	padding: 0;
}
.edu.distributors p
{	margin: 0 0 10px 0;
}
/* Vcard styles */
.vcard
{	font-size: 90%;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.vcard abbr
{	border: 0;
}
.vcard .country-name
{	display: block;
}
.vcard .fn
{	display: block;
	font-weight: bold;
}
.vcard .post-office-box
{	display: block;
}
.vcard ol
{	margin: 0;
	padding: 0;
}
.vcard ol li
{	list-style-type: none;
	margin: 0;
	padding: 0;
}
.vcard .street-address
{	display: block;
}
/* Privacy policy styles. */
.inf.privacy.policy ol li
{	list-style-type: none;
	padding-bottom: 15px;
}
.inf.privacy.policy ul li
{	color: #636363;
	padding-bottom: 4px;
}
.inf.privacy.policy .fn
{	display: inline;
	font-weight: normal;
}
.inf.privacy.policy .street-address
{	display: inline;
}
.inf.copyright ol li
{	list-style-type: none;
	padding-bottom: 15px;
}
.inf.copyright ul li
{	color: #636363;
	padding-bottom: 4px;
}
.inf.copyright .fn
{	display: inline;
	font-weight: normal;
}
.inf.copyright .street-address
{	display: inline;
}
/** Forms **/
#content form dl
{	margin: 0;
	padding: 0;
}
#content form dl dd
{	font-size: 90%;
	margin: 0;
	padding: 4px 0 8px 0;
}
#content form dl dt label
{	font-size: 90%; 
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#content form .error
{	color: red;
	display: block;
	font-weight: bold;
	padding-bottom: 4px;
}
body.edu.citing #advert
{	display: none;
}
body.edu.citing #leftCol
{	padding-right: 0;
}

/** Tabs **/
body.edu #link_for_educators a,
body.inf #link_for_educators a
{	background-position: 0 -44px;
}
body.edu #link_for_educators a span,
body.inf #link_for_educators a span
{	background-position: 0 -12px;
}
/** Help pages. **/
div.help
{	
}
div.help .ex
{	font-size: 100%;
	margin-top: 10px;
}
div.help p
{	font-size: 100%;
	margin-bottom: 10px;
}
div.help div.back
{	margin: 0;
	margin-top: 10px;
}
div.help div.back a,
div.help div.back a:hover,
div.help div.back a:link,
div.help div.back a:visited
{	font-size: 90%;
}
div.help ol li 
{	color: #099CC0; 
	list-style-type: disc;
	padding-bottom: 4px;
}
div.help ol li a,
div.help ol li a:hover,
div.help ol li a:link,
div.help ol li a:visited
{	font-size: 90%;
}