/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	}
#main_wrapper {
	max-width:960px; /* sets max layout width */
	min-width:720px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	}
#header {
	 
	}
#nav {
	width:140px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */	
	}
#content {
	/* default auto width */
	}
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \*/
* html #content { 
	float:left; 
	}
/* end of hack - don't remove this comment */
#footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	}
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner {
	padding:1em 2em; /* creates space between the box  and the content */
	}
#nav_inner {
	padding:1em .5em;
	}
#content_inner {
	padding:1em 1em 1em 1.5em; /* creates space between the box and the content */
	background-repeat: no-repeat;
	background-image: url(ptl_logo39.gif);
	border: solid #000066 1px
	}
#footer_inner {
	padding:.1em 1em; /* creates space between the box and the content */
	text-align:center;
	background-image: url(blu_sq_140x93.jpg);
	background-repeat: repeat;
}
* html {
}
.square {
	background: transparent;
	width:60%;
	margin:0 auto;
}
.square h1, .square p {margin:0 10px;}
.square h1 {font-size:2em; color:#00c; letter-spacing:1px;}
.square p {padding-bottom:0.5em;
}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-top:1px solid #00c;}
.square .b2 {display:block; height:1px; margin:0; background:#9ce; border-left:7px solid #00c; border-right:7px solid #00c; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-bottom:1px solid #00c;}

.square .boxcontent {display:block; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c;}