/* CSS Document */
	html, body
	{
		height				: 100%;
	}
	body 
	{
		margin				: 10px;
		padding				: 0px; /* Fix: Opera extra padding */
		font-family			: verdana, arial, helvetica, bitsream, sans-serif;
		font-size			: 100%;
		background-color	: #ffffff;
	}

	/* START GENERIC */
	#main img	{
		border				: 0px;
		z-index				: 100;
	}
	
	P	{
		font-size			: 80%;
		line-height			: 1.4em;
		color				: #000;
	}
	
	
	
	A				{	color		: #333333;	text-decoration		: none;				}
	A:hover 		{	color		: #666666;	text-decoration		: underline;		}
	#main H1, H2, H3, H4{	margin		: 0px;	}
	
	#content_area A				{	color		: #003366;	text-decoration		: none;				}
	#content_area A:hover 		{	color		: #666666;	text-decoration		: underline;		}
	
	#bar_title H1		{	font-size : 100%; color				: #003366;	margin	: 0.25em;}
	#content_area H1	{	font-size : 110%; color				: #003366;	}
	#content_area H2	{	font-size : 100%; color				: #003366;	margin-top : 1em;}
	#content_area H3	{	font-size : 80%;  color 			: #666;	font-weight	: bold;			}
	#content_area H4	{	font-size : 80%;  color 			: #666;	font-weight	: normal;			}
	TABLE		{ 	padding : 0em; margin : 0em;}
	TD, TH		{	vertical-align		: top;}
	/* END GENERIC */

	#main small	{
		font-size		: 0.8em;
	}
	#main hr {
		height				: 1px;
		shade				: no-shade;
		border				: none;
		border-bottom 		: 1px solid #003366;
	}
	
	#content_area ul, #content_area ol {
		line-height				: 1.4em;
		list-style-type			: dot;
		list-style-position		: outside;
		font-size				: 0.8em;
		color					: #003366;
	}
	
	#content_area ol ul {
		font-size				: 1em;
		list-style-type			: square;
		list-style-position		: outside;
	}
	
	.underline	{
		border-bottom		: 1px dashed #006699;
		font-weight			: bold;
	}
	
	/* POSITIONING */
		.right	{	float				: right;	}
		.left	{	float				: left; clear: both;		}	
		.pct45	{	width				: 45%;	}
		
		
		#main 	{ 	border				: 1px solid #003366; }
		
		#bar_title  { 	border-bottom 	: 1px solid #003366; background-color: #eeeeee; color : #fff; padding : 0.4em;	}
		#bar_menu 	{	border-right	: 2px solid #003366; }
		#content	{
			padding-left		: 10px;
		}
		#content_area {
			width					: 100%;
			height					: 400px;
			overflow				: auto;
			/* Doesn't currently work in IE, due to IE applying attachment to BODY tag only
			background-image		: url(../images/question_background.png);
			background-repeat		: no-repeat;
			background-attachment	: scroll;
			background-position 	: bottom right;
			*/
			scrollbar-3dlight-color		: #003366;
			scrollbar-arrow-color		: #003366;
			scrollbar-base-color		: #FFFFFF;
			scrollbar-darkshadow-color	: #003366;
			scrollbar-face-color		: #eeeeee;
			scrollbar-highlight-color	: #ffffff;
			scrollbar-shadow-color		: #003366;
			
			
		}	
		
		#content_area p, #content_area table td {
			font-size			: 80%;
			color				: #003366;
		}
		
		#content_area th	{
			font-size			: 90%;
			font-weight			: bold;
			text-align			: left;
			color				: #003366;
			background-color	: #eeeeee;
		}

		#content_area table {
			padding				: 0.6em;
			width				: 95%;
		}
		
		#content_area div.col2 div	{
			padding				: 0.5em;
		}
		
		#content_area p.caption	{
			color				: #666666;
			font-size			: 11px;
			text-align			: center;
		}
		
		.screenshots a{
			display				: block;
			width				: 330px;
			border				: 1px solid #003366;
			padding				: 2px;
			background-color	: #eeeeee;
		}
		.screenshots .caption {
			width				: 330px;
		}
		/* Quick Hack : for a's within caption p's << not nice */
		#content_area .screenshots p.caption a
		{
			display				: inline;
			border				: none;
			background-color	: transparent;
			color				: #666666;
		}
		
		.answers .screenshots, .answers	{
			display				: none;
		}
		
		td.bar_footer { background-color	: #003366; color : #fff; height	: 25px;	}
		td.bar_footer p, td.bar_footer a, td.bar_footer a:hover {
			color				: #fff;
			font-size			: 10px;
		}
		td.bar_footer	{
			text-align			: center;
		}
		#footer_1 a		{
			font-size			: 1.2em;
		}
		#naviagtion_header	{
			overflow			: hidden;
		}
	/* END POSITIONING */