body { 
background-color:#fff;
font-family: Helvetica, sans-serif;
font-size: 12.5px;
line-height: 1.4em;
color:#333;
padding:0;
margin:0;
}

h1, h2, h3, h4, h5, #nav-menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
}


a {
color: #699;
text-decoration: none;
}

a:hover {
background-color: #CFC;
}

#header {
background-color:#9CC;
}

/* THE HEADER AREA */


#logo { 
display:block;
float:left;
border: none;
}

#mwad-promo, #book-promo {
margin: 2px 0 0 10px;
border: none;
padding:0;
vertical-align:bottom;
}

#mwad-promo img, #book-promo img {
border: 1px solid #ccc;
margin:0;
}

#mwad-promo img:hover, #book-promo img:hover {
border: 1px solid #fff;
margin:0;
}

#book-promo a:hover, #mwad-promo a:hover {
background-color: #9cc;
}



#words-today {
display:block;
float:left;
margin: 15px 15px 0 10px;
border:dotted #fff 1px;
padding:3px;
}

#words-today h3 {
font-weight:300;
margin-top: 4px;
margin-bottom: 4px;
font-size: 1.3em;
}

#words-today a {
color: #336666;
text-decoration:none;

}

#words-today a:hover {
color: #FF3333;

}

#search {
display:block;
float:left;
margin: 15px 15px 0 10px;
border:dotted #fff 1px;
padding:2px 2px 0 2px;
font-size: .95em;
vertical-align:bottom;
}



#nav-menu {
height:2.2em;
display:block;
clear: left;
border-top:  1px solid #699;
border-bottom: 1px solid #699; 
vertical-align:middle;
}

#nav-menu ul {
list-style: none;
padding: 0;
margin: 0 0 0 25px;
}

#nav-menu li {
float: left;
width: 16%;
}

#nav-menu li a {
font-size:1.2em;
height: 1.7em;
line-height: 1.7em;
float: left;
display: block;
color: #366;
border: .1em dotted #ccc;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover { 
background-color:#CFC;
color:#F90;
border: .1em solid #999;
}

/* Hide from IE5-Mac \*/
#nav-menu li a {
float: none
}
/* End hide */


/*
#login{
height: 24px;
width: 200px;
margin:0;
padding:0;
}

#login span{
background-color:#99CCCC;
display: block;
text-align: right;
}
*/

/* END HEADER AREA */


/* LAYOUT MEAT OF THE PAGE */
#meat {
padding-left:20px;

}

#col-left { 
float: left;
width: 32em;
margin-left: 5px;
}


#col-middle {
float: left;
margin-left: 15px;
width: 18em;
}

#col-right {
float: left;
margin-left: 15px;
width: 15em;
}



#col-subleft { 
float: left;
width: 15em;
margin-left: 5px;
}


#col-submiddle {
float: left;
margin-left: 15px;
}

#col-subright {
float: left;
margin-left: 15px;
width: 18em;
}




#footer {
background-color:#9CC;
clear:both;
}


/* PAGE CONTENTS */

#photo-bg-header {
background-color: #666;
color: #fff;
width: 384px;
height: 22px;
padding-left: 6px;
}

#photo-bg-header h3 {
font-weight: 300;
margin-top: 1px;
padding-top; 4px;
}

#photo-bg-header a {
color: #fff;
}

#photo-bg-header a:hover {
color: #FF9933;
background: none;
}

#photo-bg-big {
width: 390px;
height:193px;
}

/*column headers*/
.wrap {
margin-left: 10px;
}

.header-dark, .header-white, .header-green, .header-grey, .header-dark-grey  {
font-weight: 300;
font-size: 1.05em;
border-bottom: #ccc dotted 1px;
width:100%;
padding: 5px 0px 2px 6px;
margin: 0;
}

.header-dark {
background-color: #366;
color: #cfc;
}

.header-white {
background-color: #699;
color: #fff; 
}

.header-green {
background-color: #cfc;
color: #699; 
}

.header-grey {
background-color: #ccc;
color: #366; 
}

.header-dark-grey {
background-color: #666;
color: #fff; 
}
/*end column headers*/

/*left column*/
#photo-big, #mission-what, #mission-why, #vault-word, #ref-pointer {
margin:15px 0 15px 0;
border: dotted #ccc 1px;
padding: 5px;
}

#mission-what {
background-color: #CFF;
}

#mission-why {
}

#vault-word {
background-color:#eee;
}

#ref-pointer {
background-color:#eee;
}

	/* correct legacy bad headings */
	#ref-pointer h2 {
	font-size: 1.1em;
	}



/*middle column*/
#news, #blog, #member-feedback {
margin:10px 0 10px 0;
border: dotted #ccc 1px;
padding: 5px;
}

#news {
background-color:#FFF;
}

#blog {
}

#member-feedback {
}
/*end middle column*/


/*rightmost column*/
#internal-promo, #ads {
margin:10px 0 10px 0;
border: dotted #ccc 1px;
padding: 5px;
}

#internal-promo {
}

#ads {
height: 250px;

}
/*rightmost column*/




/* FOOTER AREA */
#bot-nav {
height:1.7em;
display:block;
clear: left;
vertical-align:middle;
}

#bot-nav ul {
list-style: none;
padding: 0;
}

#bot-nav li {
float: left;
margin: 0em 1.5em 0 1.5em;
}

#bot-nav li a {
line-height: 1.7em;
float: left;
display: block;
color: #336666;
text-decoration: none;
text-align: center;
padding: 0 .5em 0 .5em;
}

#bot-nav li a:hover { 
background-color:#CCFFCC;
}

#copyright {
margin: .2em 0 0 .1em;
font-size: .9em;
font-style:oblique;
}

/* END FOOTER */