html{
overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}
* {
padding:0px;
margin:0px;
}
body {
padding:0px;
margin:0px;
font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
background : url('/img/overall.gif') #fff repeat-x 0px 0px;
overflow: hidden;
}
/* Header Style */
#page_header {
font:bold 16px "Trebuchet MS", Verdana, Arial, Sans-serif;
margin : 0px auto;
width : 1000px;
height:92px;
text-align : left;
overflow : hidden;
}
#logo{
float : left;
width:320px;
height:auto;
padding:0px;
padding-top:13px;
margin:0 auto;
}
#headspace{
color: #FF0C00;
float : right;
width:680px;
height:auto;
padding:0px;
padding-top:13px;
margin:0px auto;
}
#headspace a {
color: #348017;
text-decoration: none;
}
#headspace a:hover {
color: #FF0C00;
text-decoration: none;
}
p{
margin:10px;
font: 12px "Trebuchet MS", Verdana, Arial, Sans-serif;
}
#page_menu {
padding :2px 0px 0px 0px;
font:bold 16px "Trebuchet MS", Verdana, Arial, Sans-serif;
margin : 0px auto;
width : 1000px;
height : 20px;
float : none;
clear : both;
text-align : center;
}
#page_menu ul {
padding:0;
margin:0;
height : 20px;
}

#page_menu li {
padding : 0px 24px 0px;
height : 20px;
float : left;
display : block;
position: relative;
}
#page_menu li a{
text-decoration: none;
color:#000000;
font-weight: bold;
}
#page_menu li a:hover{
text-decoration: none;
color:#FFFFFF;
}
#page_menu li a.current{
text-decoration: none;
color:#042ab7;
}
#page_submenu {
font:medium "Trebuchet MS", Verdana, Arial, Sans-serif;
margin : 0px auto;
width : 950px;
height:38px;
float : none;
clear : both;
text-align : center;
color: #FFFFFF;
}
#outercontainer{
width:100%;
height:auto;
background-image:url(/img/bg.jpg);
}
#content{
width:1000px;
height:auto;
padding:0px;
margin:0 auto;
background: url(/img/content_bg.gif);
}
#footer{
width:1000px;
height:auto;
padding:0px;
margin:0 auto;
line-height:35px;
height:30px;
background:#cecece;
text-align:center;
font:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
font-weight:normal;
}
#leftcol{
width:23%;
height:auto;
margin:10px 0px auto 0px;
float:left;
display: inline;
text-align: center;
}

.leftcolinside{
background-color:#fdfde4;
width:95%;
height:auto;
margin:0px auto 10px auto;
text-align: left;
padding-bottom: 3px;
}

.colheader{
width:auto;
height:25px;
padding-left:10px;
padding-top:1px;
background-image: url(/img/colheader_bg.gif);
}
#middlecol{
width:51%;
height:auto;
padding:0px;
margin:10px 0px auto 0px;
float:left;
text-align: center
}
.middleinside{
background-color:#f7f6cd;
width:95%;
height:auto;
margin:0px auto 10px auto;
text-align: left;
padding-bottom: 3px;
}
#rightcol{
width:26%;
height:auto;
margin:10px 0px auto 0px;
float:right;
text-align: center
}
.rightcol_inside{
background-color:#fdfde4;
width:95%;
height:auto;
margin:0px auto 10px auto;
padding-bottom: 3px;
text-align: left;
}
.rightcol_insideheader{
width:auto;
height:25px;
padding-left:10px;
padding-top:1px;
background-image: url(/img/colheader_bg.gif);
}
.clear{
height:0px;
clear : both;
}
img {
border: 0px;
}
a {
color: #042ab7;
text-decoration: none;
}
#accountlogin{
background-color:#d0cfcf;
width:95%;
height:auto;
margin:0px auto 10px auto;
text-align: left;
padding-bottom: 3px;
}
#accloginheader{
width:auto;
height:25px;
padding-left:10px;
padding-top:1px;
background-image: url(/img/acclogin_bg.gif);
color: #FFFFFF;
}
h3 {
margin:10px;
font: 14px "Trebuchet MS", Verdana, Arial, Sans-serif;
}
#button {
border: none;
background: url('/img/go_button.gif') no-repeat;
width : 60px;
height : 27px; 
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
#search{
margin-left:0px;
padding-left:14%;
padding-top:6px;
width:100%;
height:40px;
clear:left;
}
form{
display: inline;
margin: 0; /* removes mystery form tag gapping */
padding: 0; /* removes mystery form tag gapping */
}

h1 {
margin:20px;
font: 18px "Trebuchet MS", Verdana, Arial, Sans-serif;
}
.wordnet {
padding-left:37px;
list-style-type: disc;
font: 12px "Trebuchet MS", Verdana, Arial, Sans-serif;
}
.social {
padding-left:37px;
font: 12px/2em "Trebuchet MS", Verdana, Arial, Sans-serif;
list-style: square inside url(/img/content_bullet.gif);
}
h2{
margin:10px;
font: 18px "Trebuchet MS", Verdana, Arial, Sans-serif;
}

h3 {
margin:10px;
font: 14px "Trebuchet MS", Verdana, Arial, Sans-serif;
}

.img4

{

margin: 2px;

border: 1px solid #000000;

height: 168px;

width: auto;

float: left;

text-align: center;

}

.img4 img

{

display: inline;

margin: 3px;

border: 1px solid #ffffff;

}

.img4 a:hover img {border: 1px solid #0000ff;}
.img1

{

margin: 2px;

border: 1px solid #000000;

height: auto;

width: auto;

float: left;

text-align: center;

}

.img1 img

{

display: inline;

margin: 3px;

border: 1px solid #ffffff;

}

.img1 a:hover img {border: 1px solid #0000ff;}

.desc1

{

text-align: center;

font: 12px "Trebuchet MS", Verdana, Arial, Sans-serif;

width: 120px;

margin: 2px;
float:right;

}
#subscription, #createLists
{
background-color:#fde992;
padding : 2px 0px 0px 5px;
}
#subscription2
{
background-color:#fee992;
padding : 2px 0px 0px 5px;
}
.innernav {width: 95%; text-align: center; line-height: 18px; background-color: #FFC652; padding-top: 0px; cursor: default}
.innernav a, .innernav span {text-decoration: none; color: #BC4109; padding: 0px 3px}
.innernav .normal {color: black; font-weight: bold}
.innernav a:hover {background-color: #DE5F25; color: white}
.innernav .active {background-color: #DE5F25; color: white}

.mnemonics ul{
list-style-type: square; 
border: 1px dotted #000000;  
padding-left:37px; 
font: 12px \"Trebuchet MS\", Verdana, Arial, Sans-serif;
}
.mnemonic ul{
list-style-type: square; padding-left:37px; font: 12px \"Trebuchet MS\", Verdana, Arial, Sans-serif;
}
.floatright
{
float: left;
width: 103px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}
.floatleft
{
float: left;
width: 103px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}