body { 
		background: #00457C;
		font-family: Arial;
		font-size: 12px;
		color: #666;
		margin: 0px;
		padding: 0px;
	}
	
	.text {
		font-family: Arial;
		font-size: 12px;
		color: #666666;
	}
	.textTitle {
		font-family: Arial;
		font-size: 12px;
		color: #000000;
		font-weight: bold;
	}

	/* Main Frame */
	#pip {
		position: relative;
		margin-right:auto;
		margin-left:auto;
		width: 775px;
		min-height: 700px;
		background: #ffffff;
	}

	.description {
		clear: both;
		display: block;
		font-size: 8pt;
	}

	.wrapper {
		margin: 0px;
		padding: 0px;
	}
	
	.errors {
		color: #f00;
	}

	.wrapper:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.wrapper {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .wrapper {height: 1%;}
	.wrapper {display: block;}
	/* End hide from IE-mac */

	/* Main Menu Positions */
	#mainmenu {
		top: 55px;
		left: 0px;
		width: 300px;
		float: left;
		border: 1px #000 solid;
		padding: 0 0 0 0px;
		margin: 0 0 0 0px;

	}
  
	#menu {
		margin: 0px;
		padding: 0px;
		clear: none;
		float: left;
		margin-left: 15px;
	}
  
	#menu a, #login_bar a { 
		color: #000000; 
		text-decoration: none; 
		font-size: 14px;  
		font-weight: bold;
	}

	#login_bar {
		float: right;
		clear: none;
		width: 120px;
		margin-right: 15px;
		text-align: right;

		
	}
	
	#menu a:hover, #login_bar a:hover {
		color: #FF9F00;
	}
  
	#menu li { 
		float: left; 
		clear: none;
		margin-right: 15px;
		list-style: none;

	}


				
	#logo { 
		background-image: url("../images/logo.jpg");
		background-repeat: no-repeat;
		position: relative;
		margin-left: 10px;
		margin-top: 10px;
		width: 170px; 
		height: 50px;	
		clear: none;
		float: left;
	}
	
	#logo H1 { 
		display: none; 
		margin: 0; 
		padding: 0;
	}

	#title { 
		position: absolute; 
		top: 20px; 
		left: 220px; 
		font-size: 30px; 
	}
	
	#subtitle { 
		position: relative; 
		left: 28px; 
		font-size: 18px; 
	}
	
	.plcc { 
		font-size: 24px; 
	}

	#title,#subtitle,H2,H3 { 
		color: #000000; 
	}

	#rightlogo {
		width: 300px;
		float: right;
		clear: none;
		text-align: right;
		margin-right: 15px;
	}
  
  
	#submenucontainer {
		position: relative;
		width: 775px;	
	}
  
	#submenuleft { 
		padding-left: 10px;		
		width: 535px;  
		float: left;
	}
	 
	#submenuright {
	    color: #000066;
	    float: right;
	    font-size: 14px;
		margin-right: 10px;
		
	}

	#footer { 
		position: relative; 
		width: 775px; 
		margin-right:auto;	
		margin-left:auto;
	}
	  
	#footleft { 
		width: 550px; 
		height: 25px; 
		float: left;  
		font-size: 10px; 
		color: #FFFFFF;
	}

	#footleft a { 
		font-size: 10px; 
		color: #FFFFFF; 
		text-decoration: none;
	}
	
	#footleft a:hover {
		font-size: 10px; 
		color: #009999; 
		text-decoration: none;
	}

	#footright {
	    color: #FFFFFF;
	    width: 225px;
	    text-align: right;
	    float: right;
	    vertical-align: top;
	    font-size: 10px;
	    height: 25px;
	}

	
	H1 {
		font-size: 12pt;
		color: #000000;
		border-bottom-style: solid;
		border-bottom-width: 2px;
		border-bottom-color: #000066;
	}

	#pagebody {
		padding: 10px;
	}
	
	.bottom_bar {
		width:  756px;
		margin-left: auto;
		margin-right: auto;
		background-color: #ff9f00;
		height: 10px;
	}
	.top_bar {
		width: 756px;
		margin-top: 4px;
		margin-left: auto;
		margin-right: auto;
		background-color: #00457c;
		height: 18px;
	}
	
	#left {
		width: 250px;
		float: left;
		clear: none;
	}
	
	#left h3, #right h3 {
		background-color: #eee;
		border: none;
		color: #000;
		font-size: 13px;
		padding: 2px;
		margin: 0px;
		margin-bottom: 5px;
	}
	
	#left ul {
		margin: 0px;
		padding: 0px;
		margin-left: 20px;
		margin-bottom: 5px;
		margin-top: 2px;
	}
	
	#left li {
		margin: 0px;
		list-style: none;
		margin-bottom: 5px;
	}
	
	#left li a {
		text-decoration: underline;
		color: #000;
		font-size: 13px;	
	}
	
	#right {
		float: right;
		width: 500px;
		clear: none;
	}
	
	#right a {
		text-decoration: underline;
	}
	
	.color1 {
		background-color: #eee;
	}
	
	.color2 {
		background-color: #ccc;
	}
	
	a {
		color: #000;
	}
	
	a:hover {
	color: #ff9f00;
	}
	
	.header {
		border-bottom: 1px #000 solid;
		font-weight: bold;
	}
	
	#pip:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	#pip {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html #pip {height: 1%;}
	#pip {display: block;}
	/* End hide from IE-mac */
	
	#fieldLabel { font-weight: bold; color: #000000;}

	td.news {
		font-size: 12px;
		font-weight: bold;
	}

	td.news a {
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}

	tr.head td {
		border-bottom: 1px #000 solid;
		text-align: center;
	}

	td.seperator {
		width: 50%;
		border-left: 1px #aaa solid;
		padding: 20px;
	}
	
	td.space {
		padding: 20px;
	}

	ul.menu {
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px #ccc solid;
	}
	ul.menu li {
		display: inline;
		margin-right: 10px;
	}
	
	
	
	
	/* FORUMS */
	
	.inform fieldset { margin-bottom: 10px; }
	
	
	.required  { color: #F00; }
	
	
	
	
	
	/* HOME */
	
	div#pb  {
	
	background-repeat: no-repeat;
	color: #000;
	height: 236px;
	background-image: url('/images/MathTutor3.jpg');
	margin-bottom: 6px;
	padding: 10px;
	}
	
	div#pb h1 {
		display: none;
		margin: 0px;
		border-bottom: 0px;
		font-size: 20pt;
		clear: both;
		}
		
	#hp {

		background: #fff;
	}
	
	#hp p { margin: 0 0 10px 0; padding: 0; }
	
	#hp h2 { border-bottom: 2px #eee solid; }
	
	.hpleft {
		float: left;
		width: 250px;
		}
		
	.hpright {
		float: right;
		width: 500px;
		clear: after;
		}
		
	.hpcenter {
		margin-left: auto; 
		margin-right: auto; 	
	}
	
	.clearing {
		height: 0;
		clear: both;
	}