A { text-decoration:none; }
A:hover { text-decoration:underline;}
body{
margin:0;
padding:0;
line-height: 1.5em;
height: 100%;
}
#word { color: #003399; font-weight:bold; font-family: Tahoma; font-size: 18px; /* background-color: #FFFF66;*/}

#theword{
 border:solid 1px #ccc;
 background:#FFFFFF;
 color:#000;
 font-size: 18px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width: 300px;
}

#maincontent{
/*        font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;*/
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;

	margin-top: 0px;
	background-image: url(word_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 8px;
	padding-left: 15px;
	/*background: red;*/
	width: 525px;
}

.content{
        font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 13px;
}

#main {
width: 730px;
/*background: red;*/
margin-left: auto;
margin-right: auto;

}

#search-results {
width : 290px;

border : 1px solid #000;
display : none;
opacity: 0.8;
filter:alpha(opacity=80);
position: absolute;
margin-top: 70px;
margin-left: 318px;
z-index:2;

}
* html div#search-results { width : 290px;} /* box model hack */
.sr, .srs { width : 100%; float : left; font-family : Arial, sans-serif; font-size : 13px; padding : 1px 0 0 0; }
.sr { background-color : #fff; color : #000; }
.srs { background-color : #36c; color : #fff; cursor : pointer; }
.sr .src { color : #008000; }
.srs .src { color : #fff; }
.srt { float : left; font-size : 13px; margin-left : 4px; }
.src { float : right; font-size : 10px; margin-right : 3px; padding-top : 2px; }


#maincontainer{
width: 715px;
/*background: blue;*/
padding: 5px;
padding-top: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
z-index:1;

}

.contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 175px;
/*background: yellow;*/
}

#searchwrapper{
margin-left: 293px;
}

#leftcolumn{
float: left;
width: 293px;
margin-left: -715px;
/*background: green;*/
}


#rightcolumn{
float: left;
width: 160px;
margin-left: -175px;
background-image: url(word_bg.gif);
background-repeat: no-repeat;
background-position: top right;
padding-top: 8px;
padding-right: 5px;
/*background: pink;*/

}

#footer{
border-top: 1px solid #C0C0C0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
clear: left;
width: 100%;
color: #808080;
text-align: center;
padding: 4px 0;
line-height: 1.25em;
}

#footer a{
color: blue;
}

.innertube{
margin: 10px;
margin-top: 0;
}

.searchtube{
margin-top:6px;
margin-left: 20px;
/*background: orange;*/
}

#searchbar{
margin-left: 293px;

}

#formbutton{
margin-left: 2px;
cursor:pointer;
border:outset 1px #ccc;
background:#fff;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
padding: 2px;
height:26px;
width: 75px;
}

#formfield{
border:solid 1px #ccc;
background:#FFFFFF;
color:#000;
font-size: 18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.tabs ul{
padding: 3px 0;
margin-left: 50px;
margin-top: 1px;
margin-bottom: 0;
font: 10pt Arial;
list-style-type: none;
text-align: left;
}

.tabs li{
padding-left: 25px;
padding-right: 25px;
display: inline;
margin: 0;
}

.tabs li a{
color: #000000;
text-decoration: none;
}

.rightmenu{
color: gray;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight: bold;
height: 20px;
}

.rightmenu a{
color: #336699;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight: bold;
}

.innerlinks{
color: gray;
border-bottom: 1px dotted gray;
}

.innerlinks:hover{
color: blue;
text-decoration: none;
border-bottom: 1px dotted blue;
}


#fixedtipdiv{
text-align:left;
position:absolute;
padding: 5px;
border:1px solid #fcc90d;
background: #fdffb4;
font: 9px Verdana;
z-index:100;
}

.menu {
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
position:relative;
z-index:1;
float: right;
text-decoration: none;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
text-decoration: none;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
text-decoration:none; 
color:#000; 
width:139px; 
height:17px; 
border:1px solid #cccccc; 
/*border-width:1px 1px 0 0; */
background:#fff url(dropdown.jpg) right no-repeat;
padding-left:10px; 
line-height:16px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
text-decoration: none;
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
border:1px solid #fff;
background:#d4d8bd;
text-decoration:none;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
text-decoration: none;
background:#c9ba65 url(http://www.word.sc/graphics/drop.gif) bottom right no-repeat;
}
.menu ul ul :hover > a.drop {
text-decoration: none;
background:#c9ba65 url(http://www.word.sc/graphics/drop.gif) bottom right no-repeat;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:18px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:17px;
t\op:18px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
text-decoration: none;
color:#000;
border:solid 1px #fff;
border-width: 1px 1px 0 0;
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
text-decoration: none;
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#949e7c;
text-decoration: none;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#949e7c;
text-decoration: none;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
text-decoration: none;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

.popup {
  position: absolute; display: none;
}

.subtle {
  font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  margin: 0px;
  padding: 5px;
  border: 1px solid gray;
  font-size: x-small;
  background-color: #EEE;
  color: #444;
}

form.small input, form.small select, form.small.textarea {
  font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-size: x-small;
}

td.label {
  font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  text-align: right; }

.forminput {
	display: block;
	width: 400px;
	float: left;
	margin-bottom: 10px;
}

.formtext {
	display: block;
	width: 400px;
	float: left;
	margin-bottom: 10px;
}

/*label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}*/

br {
	clear: left;
}

#panel {

	background: #ffffe0;
	border: 1px solid #fcc90d;
	font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 4px;
	line-height: 1.5;
}

.section_border{border:1px solid #999999;text-align:left;}
.section_corner{height:7px;position:relative;}
.section_corner .top_left,.section_corner .bottom_left,.section_corner .top_right,.section_corner .bottom_right{background-repeat:no-repeat;width:7px;height:7px;position:absolute;}
.section_corner .top_left{float:left;background-image:url("ctl_lb.gif");left:-1px;top:-1px;}
.section_corner .top_right{float:right;background-image:url("ctr_lb.gif");right:-1px;top:-1px;}
.section_corner .bottom_left{float:left;background-image:url("cbl_lb.gif");left:-1px;top:1px;}
.section_corner .bottom_right{float:right;background-image:url("cbr_lb.gif");right:-1px;top:1px;}
.section_content{padding-left:10px;padding-right:10px;}
.section_content ul li,.section_content ol li{font-size:90%;list-style-type:disc;}

div#strengthmeter { width: 300px; height: 20px; } 
div#strengthmeter div { width: 200px; height: 20px; background: #fff; float: left; } 
div#strengthmeter div #strengthbar { width: 1px; background: #000;} 

.loggedin {
width: 668px;
height: 30px;
background: #ffffe0;
background-image: url(icon_lock.gif);
background-repeat: no-repeat;
background-position: top left;
border: 1px solid #fcc90d;
margin-bottom: 10px;
padding-left: 35px;
padding-right: 10px;
padding-top: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}