* {
padding: 0;
margin: 0;
} 

body {
	margin:0;
	padding: 0;
	background: #fff;
	color: #000;
	font: 12px Verdana, Tahoma, Arial, sans-serif;
	line-height: 17px;
}

p
{
	margin-bottom: 1.5em;
}

img {border: none;}
a{ 
	color: #000080; /*0055AA*/
	text-decoration: none; 
} 

a:hover {  
	color: #000080;
	text-decoration:underline;
}

a.headerLink  { 
	font-family: Microsoft Sans Serif; 
	font-size: 15px; 
	color: #000080; /*0055AA*/
	text-decoration: none;  
	font-weight: bold 
}

a.headerLink:hover { 
	color: #000080; 
	text-decoration: underline; 
	font-family: Microsoft Sans Serif; 
	font-size: 15px;  
	font-weight: bold 
}

a.catLink  { 
	font-family: Verdana, Microsoft Sans Serif; 
	font-size: 13px; 
	color: #000080; /*0055AA*/
	text-decoration: underline;  
	font-weight: bold 
}

a.catLink:hover { 
	color: #d70000; 
	text-decoration: underline; 
	font-family: Verdana, Microsoft Sans Serif; 
	font-size: 13px;  
	font-weight: bold 
}

hr {
	border: 0;
	width: 90%;
	color: #999;
	background-color: #999;
	height: 1px;
	margin-top: 16px;
	margin-bottom: 16px;
}


#contentt {
	background: #fff;
	padding: 0px;
	float: left;
	width: 666px;
}

#wrap {
	width: 800px;
	margin: 0 auto;
	float: left;
	background: #cecece;
}

.lsb,.gac_sb{
	-webkit-appearance:button;
	padding:0 8px;border:1px solid #999;
	-webkit-border-radius:2px;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
	font-size:12px;
	height:1.8em!important;
	margin:.2em;
}
.lsb:active,.gac_sb:active{
	background:-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ddd))
}

/* Header */


#header {
	height: 51px;
	line-height: 25px;
	background: #bbbbbb url(images/content.jpg) repeat-y center top;
	padding: 15px;
}

#header h1 { 
	font-size: 34px;
	letter-spacing: normal;
	padding: 16px 0 0 10px;
	font-family:Arial,Helvetica,sans-serif;	
}

#header h1 a { 
	color: #0059b3;
	text-decoration: none;
}

#header h1 a:hover {
	text-decoration: none;
}

#header h2 { 
	letter-spacing: normal; 
	padding: 2px 0 0 10px; 
	font-size: 17px; 
	color: #0059b3;
	font-family:Arial,Helvetica,sans-serif;	
}


#headermenu {
	height: 194px; /*18 + 81 + 73 + 22 */
	background: #fff;
}


/* top text */
.headert { 
	height: 18px;
	background: #e8e8e8;
	padding: 0;
}

.headert p {
	color: #808080;
	font-size: 10px;
	line-height: 18px;
	text-align: right;
	font-weight: normal;
	font-family: "MS Sans Serif", Arial;
}

/* banner */
.headerb { 
	height: 81px;
	background: #fff;
	padding: 0;
	font-weight: normal;
}

/* collage */
.headerc { 
	height: 73px;
	background: #fff;
	padding: 0;
	font-weight: normal;
}

/* menu */
.headerm { 
	height: 22px;
	background: #143278;
	padding: 0;
	line-height: 22px;
	color:#cecece;
	font-weight: bold;
}

.headerm li {
	float:right;
	list-style-type:none;
}

.headerm li a {
	display:inline;
	list-style-type:none; 
	text-decoration:none;
	color:#cecece;
	font-family: Verdana, Helvetica;
	font-size: 13px;
	font-weight: bold;
}

.headerm li a:hover {
	color:#cecece;
	text-decoration:underline;
}



/* Left */

.superleft {
	margin: 0;
	padding: 0;
	width: 134px;
	float: left;
	line-height: 11px;
}
.left {
	margin: 0;
	padding: 0;
	width: 134px;
	float: left;
	background: #fff;
	line-height: 11px;
	border-bottom: 1px solid #999;
}

.underleft {
	margin: 0;
	padding: 0;
	width: 134px;
	float: left;
	line-height: 11px;
}

.left h2 {
	margin: 10px 0 4px 0;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Sans-serif;
	line-height: 10px;	
	height: 10px;
	color: #000;
	border: none;
}

.left ul  {
	color: #aaa;
	text-align: left;
	margin: 0px 0 0 0; /*3px 0 8px 0; */
	padding-left: 0px;
	text-decoration: none;	
	list-style-type:none;	
}

.left ul li {
	padding: 0px;
	margin: 0px 0 0 6px;

/* padding: 2px 0 2px 0px;
margin: 0 2px;	
*/
}

.left ul a {
	font-size: 10px;
	font-weight: normal;
	color: #000080;
	text-decoration: underline;
}

.left ul a:hover { 
	color : #000080; 
	text-decoration: none;
}




/* Middle */

.middle { 
	background: #fff;
	margin: 0 0 0 0;
	padding: 10px 9px 0 10px;
	float: left;
	width: 433px;
	color: #000;
	font: 12px Verdana, Tahoma, Arial, sans-serif;
	line-height: 17px;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
}


.middle h1{
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	margin-top: 0.3em;
	color: #d70000;
	font-family: Verdana, Arial, "Trebuchet MS";
	font-size: 18px;
}

#middle h1{
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	color: #cc0000;
	font-family: Times,Verdana, Arial, "Trebuchet MS";
	font-size: 18px;
}


.middle h2 {
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	color: #cc0000;
	font-family: Verdana, Arial, "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
}

.middle h2 a {
	color: #fff;
}

.middle h2 a:hover {
	color: #000;
}

.middle h3 /* Vocab pages */
{
	margin-top: 0.5em;
	color: #3B3B3B; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 20px;
	font-weight: normal;
}

.middle h4 /* WOD word */
{
	margin-bottom: 0.5em;
	padding-bottom: 0em;
	color: #2F3699;
	font-family: Verdana, Arial, "Trebuchet MS";
	font-size: 20px;
}

.middle h5 /* not used */
{
	margin-top: -1.1em;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3B3B3B;
	font-size: 14px;
}

.middle h6 /* WOD date  subheader for h1*/
{
	margin-top: -2em;
	margin-bottom: 1em;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	font-size: 10px;
}

.middle blockquote
{
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
/*	border-left: solid 0.75em #cecece; */
	background: #FFF; /* url('images/a7.gif') top left repeat-x;*/
}

.middle blockquote p
{
	margin-bottom: 1em;
}



.middle table
{
	margin-bottom: 1.5em;
	border-collapse: collapse;
	text-align: left;
	font-size: 12px; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.middle table th
{
	font-weight: bold;
	padding: 0.5em;
}

.middle table td
{
	padding: 0.5em;
	border-right: solid 0px #fff;
}

.middle table tr.rowH
{
	color: #000;
	font-size: 12px; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background: #fff; // url('images/a8.gif') top left repeat-x;
	border-right: solid 0px #fff;
	font-weight: bold;
	vertical-align: top;
}

.middle table tr.rowA
{
	background: #f6f6F6 url('images/a6.gif') top left repeat-x;
	border-top: solid 0px #fff;
	color: inherit;
	vertical-align: top;
}

.middle table tr.rowB
{
	background: #fff url('images/a7.gif') top left repeat-x; /* light grey FDFDFD */
	border-top: solid 0px #fff;
	color: inherit;
	vertical-align: top;
}

.middle table td.bigLetter
{
	font-size: 18px;
	font-weight: bold;
	font-family: Arial,Verdana,"Trebuchet MS", Arial;
	color: #111;
}


/* copy */
table.alphabet
{
	padding: 0em;
}
table.alphabet tr
{
	padding: 0em;
}
table.alphabet td
{
	padding: 0em;
}


#wod_transl
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3B3B3B;
	font-size: 16px;
	margin-bottom: 0.2em;
}

#wod_pron
{
	color: #3B3B3B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 1em;
	font-weight: normal;
}

#wod_vocab
{
	margin-bottom: 0.5em;
	color: #000;
	font-family: Verdana, Arial, "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
}
#wod_day
{
	margin-bottom: 0.5em;
	color: #000;
	font-family: Verdana, Arial, "Trebuchet MS";
	font-size: 17px;
	font-weight: bold;
	margin-top: -0.2em;
	margin-bottom: 0.8em;
}

#wod_header
{
	margin-top: 1em;
	margin-bottom: 1em;
	color: #000;
	font-family: Verdana, Arial, "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	width: 431px;
	background: #cecece url('/graphics/grid_bg.gif') top left repeat-x;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

ol.steps
{
	margin: 0px 0px 0px 35px;
	font-weight: normal;
	color: #000;
	background: white;
	line-height: 19px;
}

ol.steps li a 
{
	font-size: 100%;
	font-weight: normal;
	color: #000080;
	background: white;
}

ol.steps li div 
{
	font-size: 100%;
	font-weight: bold;
	color: #888;
	background: #f6f6f6;
	line-height: 24px;
}

table.topwords 
{

	margin-bottom: 1.5em;
	border-collapse: collapse;
	text-align: left;
	font-size: 12px; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

table.topwords td
{
	padding: 0.5em;
	border-right: solid 0px #fff;
	//border: solid 1px #555;
		border: none;
	border-bottom: 1px solid #ccc;
}

table.topwords tr.rowTop
{
	color: #000;
	font-size: 12px; 
	font-family:Verdana,Arial,Helvetica,sans-serif;
	background: #cecece; // url('/graphics/grid_bg.gif') top left repeat-x;
	border-right: solid 0px #fff;
	font-weight: normal;
	vertical-align: top;
}

table.topwords tr.rowFirst
{
	background: #f6f6F6; // url('/graphics/grid_bg.gif') top left repeat-x;
	border-top: solid 0px #fff;
	color: inherit;
	vertical-align: top;
}

table.topwords tr.rowSecond
{
	background: #fff url('images/a7.gif') top left repeat-x; /* light grey FDFDFD */
	border-top: solid 0px #fff;
	color: inherit;
	vertical-align: top;
}

table.topwords td.word
{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana,"Trebuchet MS", Arial;
	color: #111;
}

table.topwords td.number
{
	font-size: 15px;
	font-weight: normal;
	font-family: Georgia,Verdana,"Trebuchet MS", Arial;
	color: #c75615; /* brown | red #d73333 */
}

table.topwords td.number2
{
	font-size: 15px;
	font-weight: normal;
	font-family: Georgia,Verdana,"Trebuchet MS", Arial;
	color: #111199; /* brown | red #d73333 */
}

table.topwords td.number3
{
	font-size: 15px;
	font-weight: normal;
	font-family: Georgia,Verdana,"Trebuchet MS", Arial;
	color: #119911; /* brown | red #d73333 */
}


table.topwords td.small
{
	font-size: 11px;
}

.topwords table td.bigLetter
{
	font-size: 18px;
	font-weight: bold;
	font-family: Arial,Verdana,"Trebuchet MS", Arial;
	color: #111;
}

/* end copy */



.middle ul
{
	list-style-type: none;
	padding: 0px 0 15px 0;
	margin-top: 0px;
	margin-left: 1em;
}

.middle li
{
/*	margin: 1em 0;    space around list items */

}

.middle ol
{
	list-style-type: decimal;
	padding: 0px 0 15px 0;
	margin-top: 0px;
	margin-left: 2em;
}

ul.links
{
	list-style-type: disc;
	padding: 0px 0 15px 0;
	margin-top: 0px;
	margin-left: 3em;
}



/* Middle phrases list */

.phrase
{
	list-style-type: none;
	padding: 0px 0 15px 0;
	margin-top: -10px;
	margin-left: 1em;
}

.phrase li
{
/*	margin: 1em 0;    space around list items */

}

.phrase li.first
{
	font-weight: bold;
	padding: 10px 0 0 0;
}



.phrase_plain
{
	list-style-type: none;
	padding: 0px 0 15px 0;
	margin-top: -10px;
	margin-left: 1em;
	color: #787878;
}

.phrase_plain li
{
/*	margin: 1em 0;    space around list items */

}

.phrase_plain li.first
{
	font-weight: normal;
	padding: 10px 0 0 0;
	color: #000;
}
.phrase_plain li.second
{
	font-weight: normal;
	color: #000;
}



/* Middle WOD archive */

  /* allow room for 3 columns */
  ul.archive
  {
    width: 420px;
    //margin-bottom: 1em;
  }

  /* float & allow room for the widest item */
  ul.archive li
  {
    float: left;
    width: 140px;
  }

ul.archive a
{
font-family: Verdana; 
font-size: 12px; 
text-decoration: underline;
color: #000000; 
text-decoration: none; 
font-weight: bold;
}

ul.archive a:hover
{
text-decoration: none;
color: #cc0000; 
text-decoration: underline; 
font-family: Verdana; 
font-size: 12px; 
font-weight: bold;
}
ul.archive div
{
	color: #CCCCCC;
	font-size: 9px;
	text-align: right;
}

  /* stop the float */
  br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
  div.awrapper
  {
    margin-bottom: 1em;
  }





/* Right */


.right {
	background: #fff;
	margin: 0px;
	margin-left: 10px; 
//	padding-left: 0px;
	padding-top: 10px;
	float: right;
	width: 200px;
}

.right h2 {
}



/* Footer */

#footer { 
	background: #fff;
	color: #000080;
	text-align: center;
	padding-bottom: 0px;
	font-size: 10px;
	margin-bottom: -10px;
}
#footer a {  
	font-size: 10px;
	color: #000080; 
	text-decoration: underline;
}
#footer  a:hover { 
	font-size: 10px;
	color: #000080; 
	text-decoration: underline;
}



/* Menu */

ul#menu { 
	width: 100%; 
	height: 61px; 
	background: #dedede url("images/menu-bg.png") top left repeat-x;
	font-size:12px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	font-weight: bold; 
	list-style-type: none; 
	margin: 0px 0 10px 0; /* [distance from top] [] [gap between bottom of menu and content] [] */
	padding: 0; 
}

ul#menu li { 
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
}

ul#menu li a { 
	height: 29px; 
	color: #cecece; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 15px 0; 
}

ul#menu li a:hover { 
	color: #cecece;
	text-decoration:underline;
}

ul#menu li a.current{ 
	color: #FFF; 
	background: #2e5ab8 url("images/current-bg.png") top left repeat-x; 
	padding: 5px 15px 0; 
	text-decoration:none;
}



ul#submenu { 
	width: 100%; 
	position: absolute;
	font-size: 11px; /* was 0.9em */
	color: #143D55;
	font-family:Arial,Helvetica,Verdana,sans-serif; /* was Helvetica */
	font-weight: bold; /*was normal */
	margin: -42px 0 0 0; /* [] [] [gap between bottom of menu and content] [] */
	padding: 0;
}


ul#submenu li { 
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
}

ul#submenu li a { 
	color: #fff; 
	text-decoration: none; 
	display: block; 
	float: left; 
	line-height: 200%; 
	padding: 8px 8px 15px 8px; /*  [] [right-spacing between submenu options] [] [left-spacing between submenu options] */
	background: none;

}

ul#submenu li a:hover { 
	color: #fff; 
	text-decoration:underline;
}

ul#submenu li a.current{ 
	color: #FFF; 
	background: #2e5ab8 url("images/current-bg.png") top left repeat-x; 
	padding: 8px 8px 15px 8px; /*  copied from [li a] above */
	background: transparent url("images/current-sub.png") no-repeat 50%;
	text-decoration: none;
}


textarea.html-text-box {
	background-color: #fcfcfc;
	background-attachment:fixed;
	border-width:1px;
	border-style:solid;
	border-color: #c8c8c8;
	font-family:Arial;
	font-size:8pt;
	color: #000080;
}
#pic-right
{
	position: relative;
	float: right;
	margin-left: 5px;
	background: #fff;
	color: #8e8e8e;
	font-size:8pt;
	line-height:10pt;
}
.credits
{
	color: #888;
	font-size:11px;
	font-style:italic;
}
a.credits  { 
	color: #888;
	text-decoration: none;  
}

a.credits:hover { 
	color: #888; 
	text-decoration: underline; 
}