/* Original styles as running initially on quantum site for first month or so */

/* Structure is 

body
	wrapper
		main_container
			header
				content_text 

			content_container
				content_left
					content_text 
				content_right
					content_text 
				content_cemter
					content_text 

			footer
				content_text 
*/

body { margin:0px; }

#wrapper {  
	position: relative; 
	width: 100%; 
	height:100%; margin: 0px auto; 
	text-align: center;  
	background-color:#330066; 
	//padding:0; 
	//border:0; 
	//margin:0;
}


/* The centered white box containing all header, content and footer frames */
#main_container {  
	position: relative; 
	width:600px; 
	height: auto;  
	background-color: #ffffff; 
	margin: 20px auto; 
}

/* Header - The title bar */
#header{
	position: relative;
	xwidth:100%;
	xheight: auto;
	xborder-bottom: 1px #cccccc solid;
	background-color: #000000;
	padding:5px;
	margin:0px;
	text-align:center;
	left: 1px;
}

/* Footer - Copyright notice */
#footer { 
	position:relative;  
	padding:5px;
	margin:0px; 
	width:100%; 
	height:auto; 
	border-top:1px #cccccc solid; 
}

/* The containier for the 3 main content frames */
#content_container {  
	position: relative; 
	width:100%; height: 100%; 
}

/* Centre */
#content_center {
	position:relative;
	xwidth:200px;
	xheight:auto;
	xleft:0;
	margin:0px;
	border:0;
	padding:10px;
	left: 1px;
}

/* Left */
#content_left {  
	background-color: #dddddd;
	position:relative;  
	float:left; width:15%; 
	height: 100%; 
	border-right:1px #cccccc solid;
	padding:10 10 10 10;
	margin:0; 
}

/* Right */
#content_right {  
	background-color: #dddddd;
	position:relative;  
	float:right; 
	width:25%;  
	height: 100%; 
	border-left:1px #cccccc solid;
	padding:10 10 10 10;
	margin:0; 
}

/* Main text style */

 #content_text { font-size:0.61em; text-align:justify;font-family: Verdana, Arial, Helvetica, sans-serif; color: #330066; line-height: 1.6em; }
 #content_text p { text-indent:1em; }
 #content_text h1,h3,h5 {color: #aa00ff;}
 #content_text hr { width:100%; height: 1px ; border: 1px #cccccc solid;}
 #content_text a:link, a:visited, a:active { text-decoration: none ;color: #cc0066; font-weight: bold;}
 #content_text a:hover { text-decoration: underline; color: #0000ff; font-weight: bold; }
 #content_text table { border:1px #cccccc solid; margin:0;  }
 #content_text td { border:1px #cccccc solid; padding:0; background-color:#eeeeee; }

 #header #content_text { text-align:center;  }
 #header #content_text a:link, #header #content_text a:visited, #header #content_text a:active { color: #FFFFFF; }
 #header #content_text a:hover {color: #ffff00;  } 
 #footer #content_text { text-align:center;  }
 #content_right #content_text { text-align:justify;  }
 #content_left #content_text { }
 #content_center #content_text { }
