/*
-----
WamaLTC master CSS file (Blue+Gold) for screen media
Adds styles which should be suitable for modern user agents
FileName: style_basic.css
-----
*/

@import url("style_navigation.css");
@import url(style_screen.css) screen;

/* allows messages to users of browsers with no style support or with style support turned off */
.nonstyle { display: none; }
a[href$=".tdl"]::after { content: url("images/td20_icon_14x20.png"); }
a[href$=".pdf"]::after { content: url("images/pdf_icon_14x20.png"); }
a[href$=".doc"]::after { content: url("images/doc_icon_14x20.png"); }
q::before { content: open-quote; }
q::after { content: close-quote; }
*[lang=en] { quotes: "\201C" "\201D" "\2018" "\2019"; }
a[href^="mailto:"]::before { content: "\2709"; }

html, body
{
	margin: 0;
	border: 0;
	padding: 0;
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
}

div#sitehome, div#sitepage
{
	width: 40em;
	margin: 18px auto 1em auto;
	padding: 0;
	/* corrects for page centering trick on html and body moved to style_navigation */
	text-align: left;
	background-color: #FFF;
	color: #000;
	border: 2px solid #C0A264;
}

div#header
{
	height: 150px;
	background: url(images/header/ltcheader-banner.jpg) no-repeat top left;
	/* four rules for NN4 */
	font-size: 1.0em;
	font-weight: normal;
	border: none;
	margin-left: 0;
}

div#wamaltclogo
{
	height: 150px;
	text-align: right;
	padding: 25px 18px 0 0;
}

div#sitehome h1, div#sitepage h1
{
	font-family: Arial, Helvetica, sans-serif;
	/* next line set explicitly as work-around for NN4 */
	font-size: 120%;
	background-color: #29166F;
	color: #C0A264;
	margin: 0;
	padding: 0.4em;
}

div#main
{
	margin: 0;
	padding: 0 1em 0 1em;
}

div#main a
{
	font-weight: bold;
	text-decoration: underline;
}

div#main a:link { color: #29166F; }
div#main a:visited { color: #800080; }
div#main a:hover { color: #C0A264; }
div#main a:active { color: #F00; }
div#main h2 { border-bottom: 1px solid #000; }

div.p128x85, div.p128x96
{
	text-align: center;
	width: 128px;
}

li>div.p128x85, li>div.p128x96
{
	text-align: center;
	width: 128px;
}

div.p160x120r, div.p160x120l
{
	text-align: center;
	width: 160px;
}

div.p128x85 p, div.p128x96 p, div.p160x120r p, div.p160x120l p
{
	margin: 5px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	text-align: justify;
}

div#footer { padding: 0 1em 0 1em; }

div#footer p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-align: center;
}