/* body */
body {
	font-family: 'Lucida Grande','Lucida Sans Regular','Lucida Sans Unicode',Lucida,Arial,Verdana,sans-serif;
	font-size: 12px;
	background: #adb5c4;  /* afb9cc adb5c4 */
	color: #14161a; 
	padding: 0;
	margin: 0;
}

body.gr{
	background: #adb5c4 url(../images/bg_grade.gif) top left repeat-x; 
}

body.pl{
	background: #fff; 
}

body.fsd{
	background: transparent; 
}


/* img */
img {
	border: 0;
}

img.ico {
	display: inline;
	vertical-align: middle;
	padding: 0 0 0 4px;
}



/* ================== DIVs ================= */
#wrapper {
	/* gr */
	width: 936px;
	padding: 0;
	margin: 0px auto;
}

#wrapper_construction{
	background:transparent url('../images/under_maintenance.png') 0px 0px no-repeat;
	/*width: 839px;*/
	height:800px;
	width: 870px;
	padding: 0;
	margin: 0px auto;
}

#wrapper_construction #content{
	position:relative;
	width: 100%;
	top:200px;
	margin: 0px auto;
	width:400px;
	font-size:24px;
}


#pr_wrapper {
	/* pr */
	width: 820px;
	padding: 0;
	margin: 0px auto;
}


/* TITLES (gr) */
/* top_wrapper >  ti_page, ti_gg */
#top_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 936px;
	height: 44px;
	margin: 0;
	padding: 0;
}

#ti_page {
	position: absolute;
	top: 0px;
	left: 53px;
	margin: 0;
	padding: 0;
	z-index: 10;
}

#ti_page, #ti_page a {
	display: block;
	cursor: pointer;
	width: 645px;
	height: 44px;
}

/* title: Grimm Grammar */
#ti_gg {
	position: absolute;
	top: 0px;
	left: 698px;
	margin: 0;
	padding: 0;
	z-index: 10;
}

#ti_gg, #ti_gg a {
	display: block;
	cursor: pointer;
	width: 185px;
	height: 44px;
}

#ti_gg a       { background: transparent url(../images/ti_gg.gif) 0 0 no-repeat; }
#ti_gg a:hover { background: transparent url(../images/ti_gg_o.gif) 0 0 no-repeat; }



/* TITLES pr (print-friendly) */
/* top_wrapper_pr >  ti_page_pr, ti_gg_pr */
#top_wrapper_pr {
	position: relative;
	top: 0px;
	left: 29px;
	width: 739px;
	height: 30px;
	margin: 12px 0 3px 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #bac3d4;  /* 9ea9bf ced8eb bac3d4 */
}

#ti_page_pr {
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 554px;
	height: 30px;
	margin: 0;
	padding: 0;
}


/* Grimm Grammar (print-friendly) */
#ti_gg_pr {
	text-align: right;
	position: absolute;
	top: 0px;
	left: 554px;
	width: 185px;
	height: 30px;
	margin: 0;
	padding: 0;
	z-index: 10;
}


/* nav_wrapper */
#nav_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 936px;
	height: 43px;
	background: url(../images/bg_nav_wrapper.gif) no-repeat top left; 
	margin: 0;
	padding: 0;
	z-index: 200;
}

#nav {
	position: absolute;
	top: 2px;
	left: 96px;
	width: 743px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/nav.gif) no-repeat top left; 	
}

#nav_wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li.horz {
	top: 0px;
	position: absolute;
	cursor: pointer;
}

#nav li.horz div, #nav li.horz div img {
	height: 30px;
	width: 100%;
	padding: 0;
	margin: 0;
}


/* menu headings */
#nav li#no  { left:   0px; }
#nav li#det { left:  70px; }
#nav li#v   { left: 175px; }
#nav li#cas { left: 241px; }
#nav li#pro { left: 306px; }
#nav li#con { left: 397px; }
#nav li#adj { left: 511px; }
#nav li#adv { left: 608px; }
#nav li#mis { left: 688px; }

#nav li#no  div { width:  67px; }
#nav li#det div { width: 102px; }
#nav li#v   div { width:  63px; }
#nav li#cas div { width:  62px; }
#nav li#pro div { width:  88px; }
#nav li#con div { width: 111px; }
#nav li#adj div { width:  94px; }
#nav li#adv div { width:  77px; }
#nav li#mis div { width:  55px; }

#nav li#no:hover, #nav li#no.over { background: transparent url(../images/nav_o.gif) 0 0 no-repeat; }
#nav li#det:hover, #nav li#det.over { background: transparent url(../images/nav_o.gif) -70px 0 no-repeat;  }
#nav li#v:hover, #nav li#v.over { background: transparent url(../images/nav_o.gif) -175px 0 no-repeat; }
#nav li#cas:hover, #nav li#cas.over { background: transparent url(../images/nav_o.gif) -241px 0 no-repeat; }
#nav li#pro:hover, #nav li#pro.over { background: transparent url(../images/nav_o.gif) -306px 0 no-repeat; }
#nav li#con:hover, #nav li#con.over { background: transparent url(../images/nav_o.gif) -397px 0 no-repeat; }
#nav li#adj:hover, #nav li#adj.over { background: transparent url(../images/nav_o.gif) -511px 0 no-repeat; }
#nav li#adv:hover, #nav li#adv.over { background: transparent url(../images/nav_o.gif) -608px 0 no-repeat; }
#nav li#mis:hover, #nav li#mis.over { background: transparent url(../images/nav_o.gif) -688px 0 no-repeat; }

/* re-specify for IE6 */
#nav li#no ul, #nav li#det ul, #nav li#v ul, #nav li#cas ul, #nav li#pro ul, #nav li#con ul, #nav li#adj ul, #nav li#adv ul, #nav li#mis ul {
	width: 100%;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	background: #f0f3fa;   /* f0f3fa */
	color: #606a80;        /* 606a80 */
	font-size: 11px;
	line-height: 13px;
	padding: 9px 0 18px 15px;
	margin: 0;
}

#nav li li {
	display: block;
	float: none;
	text-align: left;
	border: 0;
	padding: 4px 0 0 0;
}

#nav li li a {
	display: block;
	color: #606a80;
	text-decoration: none;
}

#nav li li a:hover {
	color: #900000;
	text-decoration: underline;
}

/*
#nav_wrapper li:hover ul, #nav_wrapper li.over ul {
	display: block;
}
*/

#nav li:hover ul, #nav li.over ul {
	display: block;
}



/* mid_wrapper */
#mid_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 936px;
	margin: 0;
	padding: 0;
}

/* mid_wrapper_pr */
#mid_wrapper_pr {
	position: relative;
	top: 0px;
	left: 0px;
	width: 716px;
	margin: 0;
	padding: 0;
}


/* buttons */
#but {
	position: absolute;
	top: 19px;  /* 13px 18px 19px */
	left:858px;
	width: 45px;
	height: 275px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/but.gif) top left no-repeat;
	z-index: 100;
}

#but div, #but a {
	width: 45px;
	height: 35px;
	display: block;
	position: absolute;
}

#b_ho { left: 0px; top:   0px;}
#b_si { left: 0px; top:  40px;}
#b_he { left: 0px; top:  80px;}
#b_pr { left: 0px; top: 120px;}
#b_se { left: 0px; top: 160px;}
#b_dl { left: 0px; top: 200px;}
#b_rs { left: 0px; top: 240px;}

#b_ho a:hover { background: transparent url(../images/but_o.gif) 0 0 no-repeat; }
#b_si a:hover { background: transparent url(../images/but_o.gif) 0 -40px no-repeat; }
#b_he a:hover { background: transparent url(../images/but_o.gif) 0 -80px no-repeat; }
#b_pr a:hover { background: transparent url(../images/but_o.gif) 0 -120px no-repeat; }
#b_se a:hover { background: transparent url(../images/but_o.gif) 0 -160px no-repeat; }
#b_dl a:hover { background: transparent url(../images/but_o.gif) 0 -200px no-repeat; }
#b_rs a:hover { background: transparent url(../images/but_o.gif) 0 -240px no-repeat; }



/* popsearch */
#popsearch {
	position: absolute;
	top: 125px;
	left:389px;
	width: 435px;
	height: 140px;
	background: transparent;
	cursor: move;
	z-index: 300;
	visibility: hidden;
}

#frame_popsearch {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 383px;
	height: 88px;
	z-index: 330;
}

#popsearch_close {
	position: absolute;
	top: 7px;
	left: 405px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 340;
}

#srch { 
	position: absolute;
	top: 59px;    
	left: 48px; /* 535x 48px */
	z-index: 340;
}

#srch form #searchfield {
	border: solid 1px #9dadcc;
	background-color: #f7faff;
	width: 150px;
	height: 19px;
	vertical-align: middle;
	margin: 0;
	padding: 0 5px 0 5px;
}



/* popfsd fsd=floating,scrollable,draggable*/
#popfsd {
/*  default top, left values =>
    top: 17px;
    left: 390px;
    in actual use, will be set on the fly
*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 453px;
	height: 523px;
	background: transparent;
	z-index: 400;
	visibility: hidden;
}

#popfsd_frame {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 453px;
	height: 523px;
	cursor: move;
	z-index: 430;
}

#popfsd_close {
	position: absolute;
	top: 5px;
	left: 424px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 440;
}

#popfsd_content {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 390px;
	height: 460px;
	z-index: 440;
}


/* scroll */
#popfsd_wrapscr {
	position: absolute;
	top: 77px;
	left: 429px;
	width: 7px;
	height: 415px;
	z-index: 440;
	visibility: hidden;
}

#popfsd_wrapscr img {
	display: block;
}

#popfsd_arrtop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 7px;
	height: 9px;
	z-index: 450;
}

#popfsd_arrbot {
	position: absolute;
	top: 406px;
	left: 0px;
	width: 7px;
	height: 9px;
	z-index: 450;
}



#popfsd_scrollcont {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 7px;
	height: 391px;
	background: #edf2fa;
	z-index: 450;
	overflow: hidden;
}

#popfsd_scroller {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 7px;
	background: #8a97b2;
	cursor: pointer;
	z-index: 450;
}


/* mai_wrapper */
#mai_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
}


/* table */
table#mai {
	/* height: 495px;  => not needed at a;;, and it will break auto-expand in Firefox */
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;  /* prevent gaps between TRs, TDs*/
	display: table;
}

table#mai td{
	height: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	display: table-cell;
}

table#mai td#left_bor {
	width: 58px;
	background: url(../images/bg_left_bor.gif) top left repeat-y;
}

table#mai td#mid {
	width: 820px;
	background: #fff;  
}


table#mai td#right_bor {
	width: 58px;
	background: url(../images/bg_right_bor.gif) top left repeat-y;
}

table#mai td#left_bor img, table#mai td#right_bor img {
	display: block;
}


/* content_wrapper */
#content_wrapper {
	/* specifying width necessary for IE => limit table overflow */
	width: 716px;
	padding: 10px 52px 0 52px;
}


/* ex_wrapper */
#ex_wrapper {
	/* specifying width necessary for IE => limit table overflow */
	width: 716px;
	padding: 0 52px 0 52px;
}


/* foo_wrapper */
#foo_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 936px;
	margin: 0;
	padding: 0;
}

#foo_img {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0 0 15px 0;
	z-index: 10;
}

#menu_foo {
	position: absolute;
	top: 19px;
	left: 354px;
	width: 519px;
	height: 24px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/menu_foo.gif) top left no-repeat;
	z-index: 100;
}

#menu_foo li {
	list-style: none; 
	position: absolute; 
	top: 0;
	margin: 0; 
	padding: 0; 
}

#menu_foo li, #menu_foo a {
	height: 24px; 
	display: block;
}

#mf_co  { left:   0px; width:  63px; }
#mf_cc { left: -40px; width:  85px; height:20px; top: 10px;background: #8a97b2; }
#mf_cc img {position: absolute;top: 3px;}
#mf_tl  { left:  67px; width:  39px; }
#mf_ut  { left: 110px; width:  65px; }
#mf_ab  { left: 179px; width:  50px; }
#mf_ch  { left: 233px; width:  80px; }
#mf_il  { left: 317px; width:  80px; }
#mf_cr  { left: 401px; width:  56px; }
#mf_ko  { left: 461px; width:  58px; }

#mf_co a:hover { background: transparent url(../images/menu_foo_o.gif) 0 0 no-repeat; }
#mf_tl a:hover { background: transparent url(../images/menu_foo_o.gif) -67px 0 no-repeat; }
#mf_ut a:hover { background: transparent url(../images/menu_foo_o.gif) -110px 0 no-repeat; }
#mf_ab a:hover { background: transparent url(../images/menu_foo_o.gif) -179px 0 no-repeat; }
#mf_ch a:hover { background: transparent url(../images/menu_foo_o.gif) -233px 0 no-repeat; }
#mf_il a:hover { background: transparent url(../images/menu_foo_o.gif) -317px 0 no-repeat; }
#mf_cr a:hover { background: transparent url(../images/menu_foo_o.gif) -401px 0 no-repeat; }
#mf_ko a:hover { background: transparent url(../images/menu_foo_o.gif) -461px 0 no-repeat; }


/* shapez */
#shapez {
	position: absolute;
	top: -158px;
	left: 898px;
	margin: 0;
	padding: 0;
	z-index: 100;
	list-style: none;
	font-size: 1px;
}

#shapez li{
	padding: 0 0 10px 0;
	margin: 0
}

#shapez li.bot {
	padding: 0;
	margin: 0
}


/* foo_wrapper_pr */
#foo_wrapper_pr {
	position: relative;
	top: 0px;
	left: 29px;
	width: 739px;
	height: 31px;
	margin: 0 0 0 0;   /*  10px 0 0 0 */
	padding: 10px 0 20px 0;
	border-top: 1px solid #bac3d4;  /* 9ea9bf ced8eb bac3d4 */
	text-align: right;
	font-size: 10px;
}

ul#menu_foo_pr {
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

#menu_foo_pr li {
	display: inline;
	list-style-type: none;
	padding: 0 1px 0 0;
}

#menu_foo_pr li.rit_end {
	padding: 0;
}

#menu_foo_pr a { text-decoration: none; }
#menu_foo_pr a:link    { color: #8a97b2; } 
#menu_foo_pr a:visited { color: #8a97b2; }
#menu_foo_pr a:hover   { color: #176de5; text-decoration: underline; }
#menu_foo_pr a:active  { color: #a80000; text-decoration: underline; } 




/* ==================== fsd ==================== */
#fsd_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 390px;
	margin: 0;
	padding: 0;
}
	
#fsd_ti {
	position: absolute;
	top: 17px;
	left: 21px;
	width: 348px;
}

#fsd_cont {
	position: absolute;
	top: 50px;
	left: 21px;
	height: 391px;
	width: 348px;
	/* clip: rect(0px, 348px, 391px, 0px); */
	overflow: hidden;
	color: #252930;
}

#fsd {
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 17px;
	cursor: default;
}

#fsd a { text-decoration: none; cursor: pointer; } 
#fsd a:link    { color: #176de5; } /*  a80000 e86f31 dc582b ed5b00 eb5a00 ff6e00 */
#fsd a:visited { color: #176de5; }
#fsd a:hover   { color: #ff6e00; text-decoration: underline; }
#fsd a:active  { color: #8a97b2; text-decoration: underline; } 


#fsd ul {
	list-style-image: url(../images/disc_8px_176de5.gif);
	padding: 0 0 0 0;
	margin: 0 0 0 17px;
}

#fsd ul li {
	padding: 0 0 0 0;
	margin: 0 0 12px 1em;
	line-height: 17px;
}

#fsd ul li.bot {
	margin-bottom: 0;
}


#fsd ul li a {
	font-size: 11px;
	font-family: Arial, sans-serif;
}

#message_url{
	/*background:#E56E37;*/
	width: 100%;
	text-align:center;
	padding:10px 0px;

}

#message_url .message_blue{
	color:#203459;
	font-size:18px;
	font-weight:bold;
	
}

#message_url .message_white_bold{
	/*color:#fff;*/
	color:#E56E37;
	font-size:15px;
	padding-top:5px;
	font-weight:bold;

}

#message_url .message_white{
	/*color:#fff;*/
	color:#E56E37;
	font-size:15px;
}

#wrapper_construction{
	background:transparent url('../images/under_maintenance.png') 0px 0px no-repeat;
}

#wrapper #facebook-link{
	position: absolute;
	left: 70px;
	top:80px;
}


#nav_wrapper #facebook-link{
	position: absolute;
	left: -120px;
	top:20px;
}


#wrapper #facebook-link #facebook,
#nav_wrapper #facebook-link #facebook{
	background: url("../images/facebook_like.png") 0px 0px no-repeat;
	width:200px;
	height:55px;
	display:block;
	z-index:999;
}

#facebook-link p {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color: #3B5998;
	background: white;
	text-decoration: none;
	margin: 1px 1px 0px 6px;
	padding: 3px 5px;
	display: block;
	line-height: 11px;
	width:127px;
}

.audio_text{
	margin: -22px 0 0 30px;
	padding: 0;
	position: relative;
	top: 0px;
	left: 0px;
}

table#mai .audio_cells td{
	vertical-align:bottom;	
}