@charset "UTF-8";

/* fonts
--------------------------------------------------- */
body{
	font-family:sans-serif;
	font-size:80%;
}
/* /fonts */



/* aggregated
--------------------------------------------------- */
*{
	margin:0;
	padding:0;
	border:none;
}

*,li#footcare a:focus,li#tools a:focus,li#about a:focus,li#contact a:focus,li#li2first{
	background:none;
}

body,div#maintext p{
	background-color:#fff;
}

h1,span#wtxt,li.lilevel1 a,li.lilevel1 span.hover,h1 span{
	display:block;
}

div#cssjsalert,div#cssjsalert em,address{
	font-style:normal;
}

div#cssjsalert,h1,h1 span,p#mainlogo,p#mainlogo img,div#content h2,span#wtxt,li.lilevel1,li#home,div#menu h2,li.lilevel1 span.hover{
	position:absolute;
}

div#cssjsalert,address{
	font-size:0.8em;
	text-align:center;
}

div#content,h1,ul#nav,li#footcare a,li#footcare span.hover,li#tools a,li#tools span.hover,li#about a,li#about span.hover,li#contact a,li#contact span.hover,li#home,div#menu h2{
	background-repeat:no-repeat;
}

div#content,div#maintext,div#menu,li.lilevel1 a,li.screen{
	position:relative;
}

div#content,div#menu,address{
	width:1000px;
}

div#menu,div#content,ul#nav,address{
	margin-left:auto;
	margin-right:auto;
}

*.large,div#maintext strong,li.screen{
	font-weight:bold;
}

h1 span,span#wtxt{
	background-color:#c4beb8;
	overflow:hidden;
}
/* /aggregated */



/* general
--------------------------------------------------- */
a{
	color:#08c;
}

a.nowrap{
	color: #000;
}

a:link,a:visited,a:active{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.nowrap:hover{
	text-decoration:none;
}

div#cssjsalert{
	z-index:1000;
	width:100%;
}

div#cssjsalert em{
	background-color:#800000;
}

div#cssjsalert a{
	text-decoration:underline;
}

div#cssjsalert,div#cssjsalert em,div#cssjsalert a{
	color:#fc0;
}

*.shide,li#home span,li.lilevel1 *{
	display:none;
}
/* /general */



/* --body--
--------------------------------------------------- */
body{
	background-image:url(../images/bargrad.png);
	background-repeat:repeat-x;
	background-position:0 0;
}

div#main{ /* container for everything but address */
	padding:30px 0 0;
}

/* splash
--------------------------------------------------- */
div#content{ /* container and absolute position reference for splash
	     splash layer1 */
	height:520px;
	background-image:url(../images/logofig.png);
	background-position:444px 2px;
}

h1{ /* splash layer2, used for TM */
	top:2px;
	left:753px;
	width:7px;
	height:4px;
	background-image:url(../images/lnka.png);
	background-position:-72px 0;
}

p#mainlogo img{
	top:44px;
	left:289px;
}
/* /splash */

/* left focus block
--------------------------------------------------- */
div#maintext{
	left:40px;
	width:229px;
	height:420px;
	z-index:1;
}

div#maintext p{
	padding:10px 10px 1em 10px;
	border-right:1px solid #c4beb8;
}

div#maintext p.screen{
	padding-top:0;
	padding-bottom:10px;
	border-bottom:1px solid #c4beb8;
}

h1 span{ /* maintext line */
	top:-2px;
	left:-584px;
	width:1px;
	height:420px;
}

*.large,div#maintext strong{
	font-size:1.3em;
}

a#largefootcare{
	font-size:1.5em;
	color:#00f;
	background-color:#d3ff4d;
}

a#largetools{
	color:#00f;
	background-color:#92d4fe;
}

div#maintext strong{
	background-color:#ffd791;
}
/* /left focus block */

/* menu
--------------------------------------------------- */
div#menu{ /* container; absolute position reference for both menus
	  menu layer1 */
	height:80px; /* level1 + space + level2 = 22 + 28 + 30 */
}

div#menu a{
	outline:none;
}

span#wtxt{ /* menu line
			div#menu background-position:0 55px; /* level1 + space + allowance = 22 + 28 + 5 */
	top:426px;
	left:-551px;
	width:550px;
	height:1px;
}

/* top menu
--------------------------------------------------- */
ul#nav{ /* menu layer2 */
	width:500px;
	height:24px;
	list-style:none;
	background-image:url(../images/lnksh.png);
	background-position:0 1px; /* highlight icons here */
}

/* list item groups
--------------------------------------------------- */
li.lilevel1{
	top:-520px;
	right:250px;
	height:543px;
}

li.lilevel1 a{
	top:520px;
	height:22px;
}

li.lilevel1 span.hover{ /* for js animation */
	cursor:pointer;
}

a#li1flnk:hover,a#li1flnk:active,li#footcare span.hover,a#li1tlnk:hover,a#li1tlnk:active,li#tools span.hover,a#li1alnk:hover,a#li1alnk:active,li#about span.hover,a#li1clnk:hover,a#li1clnk:active,li#contact span.hover{
	background-position:100% -22px;
}

/* --- footcare */

li#footcare{ /* splash layer5, potential placeholder */
	left:250px;
}

li#footcare a{
	width:72px;
}

li#footcare span.hover{ /* for js animation */
	top:-382px;
}

li#footcare a,li#footcare span.hover{
	background-image:url(../images/lnkf.jpg);
}

a#li1flnk:hover,a#li1flnk:active{ /* moved ",:focus" above to avoid tpng */
	top:138px;
}

a#li1flnk:hover,a#li1flnk:active,li#footcare span.hover{
	width:305px;
	height:405px;
}

/* --- tools */

li#tools{ /* potential placeholder */
	left:344px; /* wrt 0,0 of 1000px div#content (0 + 250 + desired left) */
}

li#tools a{
	width:132px;
}

li#tools span.hover{
	top:-402px;
}

li#tools a,li#tools span.hover{
	background-image:url(../images/lnkt.png);
}

a#li1tlnk:hover,a#li1tlnk:active{
	top:118px;
}

a#li1tlnk:hover,a#li1tlnk:active,li#tools span.hover{
	width:286px;
	height:425px;
}

/* --- about */

li#about{ /* potential placeholder */
	left:496px;
}

li#about a{
	width:72px;
}

li#about span.hover{
	top:-346px;
}

li#about a,li#about span.hover{
	background-image:url(../images/lnka.png);
}

a#li1alnk:hover,a#li1alnk:active{
	top:174px;
}

a#li1alnk:hover,a#li1alnk:active,li#about span.hover{
	width:240px;
	height:369px;
}

/* --- contact */

li#contact{ /* potential placeholder */
	left:587px;
}

li#contact a{
	width:84px;
}

li#contact span.hover{
	top:-407px;
}

li#contact a,li#contact span.hover{
	background-image:url(../images/lnkc.png);
}

a#li1clnk:hover,a#li1clnk:active{
	top:113px;
}

a#li1clnk:hover,a#li1clnk:active,li#contact span.hover{
	width:156px;
	height:430px;
}

/* /list item groups */

/* /top menu */

/* intranet menu
--------------------------------------------------- */
li.screen{ /* intranet menu layer3 */
	top:50px; /* level1 + space = 26 + 24 */
	width:500px;
	height:20px;
	padding-top:10px; /* total level2 height:30px; */
	color:#8b7F75;
	text-align:right;
	font-size:0.8em;
	text-transform:uppercase;
}

li#li2first{
	margin-left:5px;
}

ul#inav a{
	color:#8b7F75;
	padding:0 5px;
	border-top:1px solid #fff;
}

ul#inav a:hover,ul#inav a:active,ul#inav a:focus{
	color:#002A40;
	text-decoration:none;
	border-top:1px solid #726e6a;
	border-left:1px solid #726e6a;
	padding-left:4px;
	background-color:#cdc8c3;
}

ul#inav{
	display:inline;
	list-style:none;
}

ul#inav li{
	display:inline;
}
/* /intranet menu */

/* /menu */

/* /--body-- */



/* placeholders
--------------------------------------------------- */
li#home{ /* bottom-left graphic */
	top:-100px;
}

p#mainlogo{ /* bottom-left preloader */
	top:420px;
}

li#home,p#mainlogo{
	left:-35px;
	width:244px;
	height:163px;
	border-top:1px solid #c4beb8;
	border-right:1px solid #c4beb8;
}

div#menu h2{ /* middle-right graphic */
	top:-372px;
}

div#content h2{ /* middle-right preloader */
	top:148px;
}
div#menu h2,div#content h2{
	left:760px;
	width:239px;
	height:492px;
	border-top:1px solid #c4beb8;
	border-left:1px solid #c4beb8;
}
/* /placeholders */



/* footer
--------------------------------------------------- */
address{
	padding:7em 0 15px;
	color:#84796e;
}
/* /footer */
