/*
-----
WAMALUG master CSS file (Multi-color) for screen media
Adds styles which should be suitable for modern user agents
FileName: style_basic.css
-----
*/

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

.nonstyle { display: none; }

/* suppresses or disguises borders on anchored images in all styles-aware agents thanks to wired.com */
a img
{
	border-width: 0;
	border-style: none;
	border-color: #FFF;
	color: #FFF;
}

q::before { content: open-quote; }
q::after { content: close-quote; }
*[lang=en] { quotes: "\201C" "\201D" "\2018" "\2019"; }

html, body
{
	/* Medium Blue */
	background-color: #7896CF;
	margin: 0;
	border: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

div#home
{
	width: 900px;
	background-color: #EEE;
	/* corrects for page centering trick moved to style_advanced */
	text-align: left;
}

div#header img
{
	width: 900px;
	height: 180px;
}

div#content
{
	font-family: Georgia, 'Times New Roman', Times, serif;
	width: 800px;
	margin-left: 50px;
	margin-right: 50px;
}

div#content a
{
	font-weight: bold;
	text-decoration: none;
}

/* Dark Blue */
div#content a:link { color: #00305C; }

/* Purple */
div#content a:visited { color: #6E1273; }

div#content a:hover
{
	/* Green */
	color: #00824A;
	text-decoration: underline;
}

/* Red */
div#content a:active { color: #BD3826; }

div#content h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	/* Brown */
	color: #613005;
}

div#content h2
{
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

div#content h3
{
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

div#footer { padding-bottom: 10px; }

div#footer p
{
	background-color: #EEE;
	/* Light Gray */
	color: #A3A199;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-align: center;
}