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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a {
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{clear:both;}

/*-----------MESSAGE BOXES------------*/

.message_box
{
	border-style: solid;
	border-width: 1px;

	margin: 1em; 
	margin-left: auto;
	margin-right: auto;
	padding: 1em; 
	width: 97%;
	font-size:90%;
	text-align: center;
	color: #000000;
}

.error_message_box
{
	border-color: #FF0000;
	background: #FFB0B0;
}

.ok_message_box
{
	border-color: #235C34;
	background: #B8F5B1;
}

.warning_message_box
{
	border-color: #0000FF;
	background: #99CCFF;
}

.short_message_box
{
	width: 90%;
}

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*-----------You shouldn't need to edit this stylesheet - check main.css------------*/
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/

/*-----------GENERAL------------*/
body  {text-align: center;line-height:1.6em;}

/*-----------LINKOLOGY------------*/
a, a:link, a:visited{text-decoration:underline;} 
a:hover, a:active{text-decoration:none;}


/*-----------FONTS------------*/
.red-txt{color:#CC3333;} /* keep as red for warnings */
.bold{ font-weight:bold;}


/*-----------CONTAINER------------*/
#container { overflow:hidden; width:960px; margin: 0 auto; background:url('../img/container-bg.gif') repeat-y;}

/*-----------HEADER------------*/
#header{overflow:hidden;}
	#header .left{float:left; width:50%;}
		#header .left h1 {display:block; }
			#header .left a, #header .left a:link, #header .left a:visited { display:block; cursor:pointer;}
			#header h1 span{ display:none;}
	#header .right{ float:right; width:50%; text-align:right;}
		#header a, #header a:link, #header a:visited{ text-decoration:none;}
		#header a:hover, #header a:active{ text-decoration:underline;}
		#header span{ padding:0 0 0 20px;}
	
	.bar{ height:20px;}

/*-----------SIDES------------*/
#left-side { width:200px; float:left; margin:auto 0; text-align:left;}
#right-side { width:757px; float:left; margin:auto 0; }

/*-----------LEFT MENU------------*/
#left-side .menu-container {width:180px; padding: 1px 0 0 0;}
	#left-side .menu-container ul{ list-style:none;}
		#left-side .menu-container li{text-align:left;}
			#left-side .menu-container a, #left-side .menu-container a:link, #left-side .menu-container a:visited{ width:180px; display:block; padding:6px 0 6px 20px; text-decoration:none;}
			#left-side .menu-container ul.child-nav a{ padding:6px 0 6px 30px; }
			#left-side .menu-container a:hover, #left-side .menu-container a:active{ text-decoration:underline;}

/*-----------MAIN CONTENT------------*/
.main-image{}
			
.center-container{overflow:hidden;}

#main-content {overflow:hidden; text-align:left; padding:30px;}
	#main-content h2{ font-size:25px; font-weight:100; margin:0 0 20px 0;}
	#main-content p{ margin:0 0 20px 0}
		#main-content .left{float:left; width:460px; }	
		#main-content .right{float:right; width:220px; }
			#main-content .image{ float:right;}
		#main-content .left-side{float:left; width:50%; }	
		#main-content .right-side{float:right; width:50%; }

	
/*-----------FOOTER------------*/
#footer{overflow:hidden; width:960px; margin:0 auto; padding:5px 0; }
	
/*-----------OUTER FOOTER------------*/
#footer-outer {overflow:hidden; margin:20px auto; }
	#footer-outer .left {float:left; width:50%; text-align:left; }
		#footer-menu { }
		#developer-details { }
			#developer-details a, #developer-details a:link, #developer-details a:visited { text-decoration:none;}
			#developer-details a:hover, #developer-details a:active { text-decoration:underline;}
	#footer-outer .right{float:right; width:50%; text-align:right;}
		#w3c-standards { }
			#w3c-standards a, #w3c-standards a:link, #w3c-standards a:visited {  text-decoration:none;}
			#w3c-standards a:hover, #w3c-standards a:active { text-decoration:underline;}
		#company-reg { font-size:11px; line-height:1.3em; }