/*
	title:			CSS Standard
	filename:		css_standard.css
	version:		0.1.1
	
	author:			Vincent Cheng
	company:		Kamazar
	date created:	8/24/06
	description:	Standardized Cascading Style Sheets (CSS) format for webpages
					This should remove ALL need for using tables whatsoever, divs only!
					Please VALIDATE your file with W3C CSS below:
					http://jigsaw.w3.org/css-validator/

	date modified:	8/29/06
	changelog:
		- conformed to/generalized common design ideas ~Vince
		- added all kinds of great stuff ~Vince
*/

/*	----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */
/*	These are some basic elements for the page */
* {
	margin: 0}
html {
	height: 100%}
body {
	background-color: #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px
	height: 100%}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #808096}
h2 {
	font-weight: normal;
	text-align: center;
	color: #DD3917;
	border-bottom: #DD3917 dashed 1px}
h3 {
	font-weight: normal;
	color: #DD3917}
a, a:link, a:visited, a:hover, a:active {
	cursor: pointer;
	color: #28286E;
	text-decoration: none;
	font-weight: bold}
a:hover {
	color: #5D5DFF}
li {
	padding-bottom: 1em}

/*	----- LAYOUT ------------------------------------------------------------------------------------------------------ */
/*	default id tags, example: id="foo" */

/*	Things that might be considered "inside" the "main" container
	This should incompass things like different sections of text
	The spacing in the selectors below are meant to reflect this */
#container {
	padding: 20px;
	color: #000;
	background: #FFF}
		
/*	These are for navigation bars at the foot of the page only!
	If the bar is somewhere else then use the above naming scheme */
#footer {
	color: #333;
	font-size: smaller;
	vertical-align: top;
	text-align: center;
	background: url(images/line.gif);
	height: 30px}

/*	----- CLASSES ------------------------------------------------------------------------------------------------- */
/*	Class tags, format: class="bar"
	This should be a list of class tags */
.lines {
	width: 40px;
	background: url(/UserFiles/l_1.gif) repeat-y}
.answer {
	background: #FFF;
	border: solid black 1px;
	visibility: hidden;
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	z-index: 2}
.book {
	margin: 0;
	padding: 0 10px}
.news {
	margin: 0;
	padding: 0 10px;
	width: 320px}
div.closeButton {
	background: #EEE;
	padding: .2em .2em .1em;
	float: right;
	cursor: pointer}