/*

If you want this font size in pixels (px)	Declare this percent (%)
10	 77
11	 85
12	 93
13	 100
14	 108
15	 116
16	 123.1
17	 131
18	 138.5
19	 146.5
20	 153.9
21	 161.6
22	 167
23	 174
24	 182
25	 189
26	 197

*/


html {
	background-color:	#555770;
	
	font-family:		Verdana, Arial, sans-serif;
}

.clearBoth {
	font-size:			0px;
	line-height:		0px;
	height:				0px;
	
	clear:				both;
	float:				none;
}

#Container {
	width:				940px;
	margin:				0 auto;
	
	border-left:		1px solid #9090a0;
	border-right:		1px solid #9090a0;
}

#Header {
	position:			relative;
	height:				148px;
	
	background-color:	#efe9e2;
	background-image:	url('../images/header_bg_stripe.png');
	background-position:	bottom left;
	background-repeat:	repeat-x;
}

#HeaderContactInfo {
	position:			absolute;
	bottom:				15px;
	right:				12px;
	
	text-align:			right;
	font-weight:		bold;
}

#HeaderContactInfo p {
	padding-top:		3px;
}

#Body {
	position:			relative;
	width:				940px;

	background-color:	white;
	background-image:	url('../images/menu_bg.png');
	background-position:	top left;
	background-repeat:	repeat-y;
}

#Menu {
	width:				247px;
	
	float:				left;
}

/* Top Level Menu Items */
#Menu ul li.toplevel {
	height:			31px;
	
	background-image:	url('../images/menu_item_bg.png');
	background-position:	0 0;
	background-repeat:	no-repeat;
	
	font-size:			100%;
	font-weight:		bold;
	color:				white;
}

#Menu ul li a {
	color:				white;
	text-decoration:	none;
	
	display:			block;
	padding:	 		8px 0 8px 11px;
}



/* Menu Sub Items */
#Menu ul ul li {
	background-color:	transparent;
	background-image:	none;

	font-size:			93%;
	font-weight:		normal;
}

#Menu ul ul li a {
	padding:			4px 0 4px 16px;
}

#Menu ul ul li a:hover {
	background-color:	#555770;
}



#Menu #DownloadButtons {
	margin:				30px 0;
	text-align:			center;
}

#Menu #DownloadButtons img {
	margin:				0 5px;
}



#ContentArea {
	width:				603px;
	padding:			25px;
	float:				left;
}


/* These are the styles for the main content area. Should be able to play with these if you want. */
#ContentArea h1, #ContentArea h2, #ContentArea h3 {
	font-weight:		bold;
	padding-bottom:		1em;
}

#ContentArea h1 {
	font-size:			153.9%;
}

#ContentArea h2 {
	font-size:			138.5%;
}

#ContentArea h3 {
	font-size:			123.1%
}

#ContentArea p {
	padding-bottom:		1.25em;
}

#ContentArea ul {
	padding:			0 0 1.25em 3em;
}

#ContentArea ul li {
	list-style-type:	disc;
}

/* Footer information inside the white content area. */
#ContentAreaFooter {
	display:			block;
	position:			absolute;
	bottom:				10px;
	
	margin-left:		247px;
	width:				651px;
	text-align:			center;
	
	font-size:			93%;
	font-weight:		bold;
}

#StockChartWidget
{
	padding: 10px;
}

/* Real Footer */
#Footer {
	padding:			12px 0 25px 0;

	text-align:			center;
	
	color:				white;
	
	font-size:			108%;
}

#Footer a {
	color:				white;
}