/* this is the css for POSTWAR 2010 update */

/* body */
body { background-color: rgb(40,40,40); text-align: center; min-width: 1000px; height: 100%; z-index: 0;  }


/* divs */
#page { position: absolute; text-align: left; left: 0px; right: 0px; top: 0px; margin-left: auto; margin-right: auto; width: 1000px; height: 600px; z-index: 0; }

#logo { position: absolute; left: 22px; top: 0px; width: 34px; height: 595px; background-image: url(../grx/logo/pw_logo_vert_20pct.png); background-repeat: no-repeat; z-index: 1;}

#address { position: absolute; left: 120px; top: 10px; width: 1000px; height: 30px; z-index: 1}

#menu_item_0 { position: absolute; left: 56px; top: 121px; width: 26px; height: 45px; z-index: 1;}
#menu_item_1 { position: absolute; left: 56px; top: 185px; width: 26px; height: 86px; z-index: 1;}
#menu_item_2 { position: absolute; left: 56px; top: 290px; width: 26px; height: 100px; z-index: 1;}
#menu_item_3 { position: absolute; left: 56px; top: 407px; width: 26px; height: 56px; z-index: 1;}

#intro_text { position: absolute; text-align: left; left: 120px; top: 200px; width: 500px; z-index: 2; }

#submenu_film { position: absolute; text-align: left; left: 120px; top: 480px; width: 800px; z-index: 2; }

#show_film { position: absolute; text-align: left; left: 120px; top: 50px; width: 640px; height: 410px; z-index: 3; }

#submenu_writing_tabular { position: absolute; text-align: left; left: 120px; top: 60px; width: 800px; height: 200px; z-index: 2; }

#submenu_writing_list { position: absolute; text-align: left; left: 120px; top: 220px; width: 540px; z-index: 2;}

#submenu_design { position: absolute; text-align: left; left: 120px; top: 480px; width: 800px; z-index: 2; }

#show_design { position: absolute; text-align: center; left: 120px; top: 50px; width: 800px; height: 420px; z-index: 3; }

#submenu_etc { position: absolute; text-align: left; left: 120px; top: 80px; width: 800px; z-index: 2;  }



/* divs for links page*/
#links_all { position: absolute; left: 120px; top: 60px; width: 800px; z-index: 1 }
#column_1 { position: relative; top: 0%; left: 0%; width: 30%; height: 100%; z-index: 2 }
#column_2 { position: absolute; top: 0%; left: 33%; width: 30%; height: 100%; z-index: 2}
#column_3 { position: absolute; top: 0%; left: 66%; width: 30%; height: 100%; z-index: 2}
#links_list { position: relative; top: 0px; left: 0px; padding-top: 10px; padding-bottom: 10px; }

/* divs for journal*/
#journal_menu { position: absolute; left: 120px; top: 70px; width: 200px;  overflow: hidden; }
#content { position: absolute; left: 340px; top: 70px; width: 520px; }
#edit { position: absolute; left: 340px; top: 40px; width: 520px; }
#u { position: absolute; left:880px; top: 70px; width: 20px; height: 20px; background-color: rgb(225,225,225); }
#alert { position: absolute; left: 340px; top: 40px; width: 520px; background-color: yellow; }




/* text */
p { font-family: Verdana, Helvetica, "Sans Serif";  margin: 0px 0px 0px 0px; font-size: 10px; font-weight: normal; color: rgb(50,50,50) }

h1 { font-family: Verdana, Helvetica, "Sans Serif";  font-size: 14px; font-weight: normal; color: black; letter-spacing: .1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }

p.dateline { font-size: 9px; font-style: italic; }

p.topic { font-size: 12px; font-weight: bold; }


/* link behaviors general */
a:link, a:visited { color: rgb(80,80,80); font-weight: bold; text-decoration: none }
a:hover { color: rgb(250,250,250); font-weight: bold; text-decoration: none }



/* div-specific behaviors */

#address p { font-size: 9px; line-height: 150%; padding-top: 0px; padding-left: 0px; letter-spacing: .1em; color: rgb(80,80,80); white-space: nowrap }

#submenu_writing_list p, #intro_text p, #submenu_etc p, #content p { line-height: 150%; padding-top: 6px;}

#intro_text p { font-size: 12px; }

#links_list a, #journal_menu a { font-weight: normal; }


div#journal_menu p { font-size: 9px; line-height: 130%; margin-bottom: 0px; white-space: nowrap; }

div#journal_menu a	{ display: block; width: 240px; height: 130%;	line-height: 130%;	 text-decoration: none ; color: black; }	

div#journal_menu a:hover { background-color: rgb(210,210,210); color: rgb(0,120,60); }

div#journal_menu b.off {  font-weight: normal; color: rgb(50,50,50); }

div#journal_menu b.on {  display: block; font-weight: normal; background-color: rgb(240,240,120); color: rgb(50,50,50); }


/* link mouseover span behaviors */

div#submenu_film a span{ position: absolute; margin: 0 0 0 0px; left: 0px; top: 100%; width: 800px; z-index: 4}
div#submenu_film a:link span { visibility: hidden }
div#submenu_film a:visited span{ visibility: hidden }
div#submenu_film a:hover span { visibility: visible }

div#submenu_design a span { position: absolute; margin: 0 0 0 0px; left: 0px; top: 100%; width: 800px; z-index: 4}
div#submenu_design a:link span { visibility: hidden }
div#submenu_design a:visited span  { visibility: hidden }
div#submenu_design a:hover span { visibility: visible }