/*******************************************************************************************************
* 	General page formatting
********************************************************************************************************/
body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333333;
	background-color:white;	
	font-size:13px;	
}

h1 {
	margin:0px 0px 15px 0px; /* Margin is done top-margin right-margin bottom-margin left-margin */
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:900;
	color:#bbbbbb;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 16px 0px; 
	padding:0px;
}

#Content>p { margin:0px; }
/* I don't want to indent my paragraphs, commenting out code below
#Content>p+p { text-indent:30px; } */

/*******************************************************************************************************
* 	User defined classes
********************************************************************************************************/
.bold {
	font-weight:bold;
}

.header-text {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	text-decoration:none;	
	color:#bbbbbb;
}

.header-rightjust {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#bbbbbb;
}

.menu-title {
	font-size:13px;
	line-height:13px;
	font-weight:900;
	color:#333;
	text-align:center;
}

/*******************************************************************************************************
* 	Link formatting
********************************************************************************************************/
a {
	color:#2ac;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
}
a:link { color:#09c; }
a:visited { color:#07a; }
a:hover { color:#F82; }

/*******************************************************************************************************
* 	Top title bar (Header)
********************************************************************************************************/
#Header {
	margin:20px; /* top right bottom left */
	padding:20px 0px 10px 20px; /* top right bottom left */
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:33px; /* 14px + 17px + 2px = 33px */
	border-style:hidden;
	border-color:#777;
	border-width:0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height:18px;
	background-color:#003366;
	text-align:inherit;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. Thanks to Tantek Celik 
for the hack and to Eric Costello for publicizing it. IE5/Win incorrectly parses the "\"}"" value, prematurely 
closing the style declaration. The incorrect IE5/Win value is above, while the correct value is below. See 
http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:30px; /* the correct height */
}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct length values to user 
agents that exhibit the parsing error exploited above yet get the CSS box model right and understand the 
CSS2 parent-child selector. ALWAYS includea "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header { height:30px; }

/*******************************************************************************************************
* 	Menu box formatting
********************************************************************************************************/
#Menu {
	position:absolute;
	top:100px;
	left:0px;
	width:250px;
	height:85%;
	padding:20px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border-right:1px dashed #bbbbbb;
	line-height:20px;
	text-align:left;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
}

/* Again, "be nice to Opera 5". */
body>#Menu { width:200px; }

/*******************************************************************************************************
* 	Main content area
********************************************************************************************************/
#Content {
	margin:20px 50px 50px 250px; /* top right bottom left */
	padding:10px;
	text-align:left;
}