body{
		background:#4169E1;
		}
		
	#container {		
		float:left;
		margin-left:auto;
		margin-right:auto;
		width:100%;
		border: 1px blue solid;
		background-color:#D6E1BB;
		}
		
	#header{
		float:left;
		width:100%;		
		background-color:#CEDCAF;
		height:45px;
		}


		
	#tabs{
		float:left;
		width:100%;		
		background:url("images/tagbackground.PNG") repeat-x bottom;
		}
					
	#logobox{
		float:left;		
		padding:1% 0 0 1%;	
		width:35%;
		line-height:100%;
		font-family:"Comic Sans MS";
		font-size:200%;
		color:#000099;
		}
	
			
	#title{
		float:right;
		padding:1% 0 0 0;		
		width:62%;
		line-height:100%;
		font-family:"Comic Sans MS";
		font-size:200%;
		text-align:center;
		color:#000099;
		}
		
	#menu {
		
		  float:left;
		  width:100%;
		  
		  font-size:93%;
		  z-index:1;
      }
	  
    #menu ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #menu li {
      float:left;
      background:url("images/left.PNG") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
	  
    #menu a {
		float: left;
      display:block;
      background:url("images/right.PNG") no-repeat right top;
	  padding:5px 15px 4px 6px;
	  text-decoration: none;
	  font-weight: bold;
	  color:#765;
	  }
	   /* Commented Backslash Hack
       hides rule from IE5-Mac \*/	   
    #menu a {float:none;}
	/* End IE5-Mac hack */
   
	
	
	#menu a:hover {
      color:#333;
      }
	      
    #menu #current {
      background-image:url("images/left_on.PNG");
           }
		   
    #menu #current a {
      background-image:url("images/right_on.PNG");
      padding-bottom:5px;
	  color:#333;
      }
  
  	#content{		
		width:85%;
		padding-left:10%;
		padding-right:5%
		background-color:#D6E1BB;
		font-family:Arial, Helvetica, sans-serif;
		font-size:120%;
		color:#333;
		}
		
	
		
	#leftcolumn{
		float:left;		
		padding-left:3%;
		width:25%;
		background-color: #D6E1BB;
		font-family:Arial, Helvetica, sans-serif;
		font-size:100%;
		text-align:center;
		color:#333;
		}
		
    
		
	#rightcolumn{
		float:right;
		width:64%;		
		padding-right:4%;
		background-color: #D6E1BB;
		font-family:Arial, Helvetica, sans-serif;
		font-size:120%;
		color:#333;
		}
		
    
				
	#heading{		
		width: 100%;
		background-color:#D6E1BB;
		text-align:center;	
		color:#333;
		font-family:Arial, Helvetica, sans-serif;
		padding-top:6em;				
		}
	
		
	
		
	#demoimportant{
		float: left;
		margin-left:6%;
		margin-right:10%;
		margin-bottom:2%;	
		width:84%;
		border: 1px red solid;
		background-color:#D6E1BB;
		font-family:Arial, Helvetica, sans-serif;
		font-size:90%;
		text-align:left;
		padding:0 1em 0em 1em
		}
		
#screenshotbox{
  	background-color: #FFF;
	height: auto;
	width: 700px;
	border: thin solid #000000;	
	margin left: auto;
	margin right: auto;	
	}