﻿/* ###################### css reset ###################### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* ############################################ */
body { font-size: 13px; font-family: Verdana,Arial,Helvetica,sans-serif; }
h1 { font-size: 1.5em; margin-bottom: 20px; font-weight: normal;}
h2 { font-size: 1.2em; font-weight: bold;}
p { line-height: 1.2em; margin: 1em 0; }

strong { font-weight: bold; }
div#siteWrapper { width: 750px; margin-left: 10px; overflow: hidden;}

div#header { border-bottom: dotted 1px #000; margin-bottom: 20px; overflow: hidden; height: 67px; }
div#leftColumn { padding-left: 10px;  width: 160px; float: left; }

ul#mainMenu { list-style-type: none; padding: 0; }
ul#mainMenu li:first-child { border: none; }
ul#mainMenu li, ul#mainMenu li.selected ul li { border-top: dotted 1px #000; font-weight: bold;  }
ul#mainMenu li a  
{
	padding-left: 10px;
	display: block;
	color: #000; 
	text-decoration: none; 
	height: 22px;
	line-height: 22px;
}

ul#mainMenu li a:hover { color:#999; background: url('gfx/hover.gif') no-repeat left 50%; }
ul#mainMenu li.selected ul { list-style-type: none;}
ul#mainMenu li.selected ul li { padding-left: 10px; }
ul#mainMenu li.selected ul li a {  font-size: 0.9em; }

div#loginBox { border: dotted 1px #000; padding: 5px 0; text-align: center; margin-top: 22px; }
div#loginBox h2 { border-bottom: dotted 1px #000; padding-bottom: 5px; margin-bottom: 5px; }
div#loginBox label { letter-spacing: 1px; display:block;}
div#loginBox input { margin: 3px 0; }
div#loginBox input[type=text], div#loginBox input[type=password] { width: 140px; }
div#contentColumn { width: 460px; margin: 0 50px 20px 50px; float: left; border-bottom: dotted 1px #000; padding-bottom: 20px; }
div#contentColumn div.articleListItem { margin-bottom: 20px; overflow: hidden; }
/*div#contentColumn ol { list-style-position: inside; }*/
div#contentColumn ul, ol { margin-left: 22px; }
div#contentColumn ul li { list-style-type: disc; }
div#contentColumn li { margin: .5em 0;  }
div#contentColumn a { color: #AD0000; }
div#splashContent {	text-align: center;	}
div#splashContent img { margin: 0 20px; }
img.articleImg { float: left; margin: 1em 1em 1em 0; }