/*    ----    The Page     ----    */

body {
	margin:			0px;		/* No Margin Outside the Object */
	padding:		0px;     	/* No Padding Inside the Object */
	font-family: 		Veranda, Arial, Tahoma, sans-serif;
}

.titlebar {
	width:			100%;       	/* Stretch to 100% of the container width */
	height:			75px;		
	margin:			0px 0px 10px 0px;	/* Bottom margin: 10px */
	background-color:	#444444;	
	color:			#FFFFFF;    	/* White text */
	text-align:		center;		
}        

.page_potpourri {
	width:			20%;		
	float:			left;		
}   

.main_content {                  
	width:			80%; 	
	float:			left;
	position:		relative;
}

/*    ----       Box        ----    */
                                        
.box {
	border:			1px solid;
	padding:		0px 0px 0px 0px;  
	margin:			5px 5px 5px 10px;
	width:			90%;           
	overflow:		hidden;		/* Hide overflowing content */ }                       
         
.page_potpourri .box {        
 	border-color:		#0000AA;	/* Blue border */
}                               

.main_content .box {
	border-color:		#5500AA;		   
}

/*    ----         H1         ----    */
  
.titlebar h1 {
	margin: 			0px;
	padding:			15px;
}             

/* The first will affect all box H1 elements */
.box h1 {
	width:			100%;
	color:			#FFFFFF;
	background-color:	#0000CC;
	padding:		2px 2px 2px 5px;
	margin:			0px 0px 5px 0px;			
}
                             
.page_potpourri .box h1 {	
  font-size:		medium;
}                       

.main_content .box h1 {       
	font-size:		large;
	background-color:	#7700CC;
}                               

/*    ----    Input Elements     ----    */

.box input {
	margin:			5px 5px 5px 10px;
}     

.box textarea {
	margin:			5px 5px 5px 10px;
	background-color:	#FFFFCC;	
}