/*----------------------------- 
cpsb.css 
-----------------------------*/

*	{
		margin: 0;
		padding: 0;
}

body	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height: 16px;
	padding-left:20px;
	padding-right:20px;
	margin: 0;
}

body p	{
	font: 1em Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	}

h1	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#222E7E;
	text-align:center;
	line-height: normal;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}

h2	{
	font-size:18px;
	color:#02166d;
	padding: 5px 0 5px 0;
	text-align:center;
}

h3 { font: 
	bold 1.2em Arial, Geneva, Helvetica, sans-serif;
	color:#010c3e;
	 }
h4 { font: bold 1em
	Verdana, Arial, Helvetica, sans-serif;
	color:#222E7E;
	}	 

/*h3	{
		font-size:16px;
		color:#000000;
		padding-bottom:2px;
}*/

p	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666666;
		line-height: 16px;
		margin: 0;
}

/*center text*/
p.center {
	text-align: center;
	clear: both;
			} 
/*center the div, not the contents*/
div.center {   
	margin-left: auto;   margin-right: auto;   width: 8em; 
			}
/*center VERTICALLY*/
.vcenter {   
		min-height: 12em;   display: table-cell;   vertical-align: middle; 
			}
/*set image left as a block
not working ...*/
img.left {   
		display: block;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
			}
/*set image right as a block
not working ...*/
img.right {   
		display: block;
		float:right;
		padding-left:10px;
		padding-bottom:10px; 
			}
			/*center an image as a block*/
img.center {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: visible;
			}
.hgm-sidebar-text	{
		border:solid thin #666666;
		background-color:#FFFFFF;
		}
.content-text	{
	padding-left:60px;
	padding-right:60px;
	padding-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		}
.content-text-inset 	{
	color:#000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
		}
	
.hidden	{
		display:none;
}

#page-container	{
		width: 996px;
		margin:auto;
		background-image:url(images/n-indexart.com/nav-background.png);
		background-repeat:repeat-y;
		/* background:#161251; */
}

.hgm-panel-content	{
	/* float:right;  */
		background:#FFF;
	width: 756px;
	overflow:hidden;
	padding-right: 10px;
	padding-left: 10px;
		}
.hgm-containing_box {
	clear: both;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 340px;
	padding: 10px;
}
.hgm-containing_box-retract3 {
	clear: both;
	overflow: hidden;
	float: left;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 280px;
	padding: 10px;
}
.hgm-sidebar-retract1		{
	float:right;
	width: 250px;
	background-color: #d4d9f5;
	clear: none;
	padding: 20px;
	margin-right: 20px;
}
.hgm-sidebar-retract2	{
	float:right;
	width: 300px;
	background-color: #d4d9f5;
	clear: none;
	padding: 20px;
}
.hgm-sidebar-retract3	{
	float:right;
	width: 400px;
	background-color: #d4d9f5;
	clear: right;
	padding: 20px;
	margin-top: 12px;
}
.tabletext	{
	color:#000000;
	font-size: 11px;
	line-height: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.tabletext-sm {
		color:#000000;
		font-weight: normal;
		font-size: 11px;
		line-height: normal;
}		

.tabletext-white	{
		color:#FFFFFF;
		font-size: 12px;
		line-height: normal;
}
	
.tabletext-bold	{
	color:#000000;
	font-weight:bold;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
}

.titletext	{
	font-weight:bold;
	font-size: 14px;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*#header	{
	background-image: url(file:///D|/Work%20Bench/calpipebollards/images/headers/header.png);
	height: 132px;
	color:#222E7E;
	background-color: #222E7E;
	overflow: hidden;
}*/


#content	{
	background:#FFF;
	width: 800px;
	overflow:hidden;
	float: right;
	margin-right: auto;
	margin-bottom: auto;
}

#k12-faq-container	{
	width:80%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 20px;
		}

#panel-content	{
	width: 776px;
	margin: auto;
	padding: 0px;
}

#nav	{
	width:180px;
	height:100%;
	background-image:url(images/n-indexart.com/nav-background.png);
	background-position:top;
	padding-top: 0px;
	float: left;
	/* padding-bottom:200px;
	background-repeat:repeat-y;
	/* background-color: #161251; */
}

#footer	{
	background:#FFFF00;
	background-image:url(images/n-indexart.com/footer.png);
	height: 80px;
	clear: both;
	margin-top: -10px;
}

#footer a:link	{ color:#99CCFF; }

#footer a:hover	{ color:#00CCCC; }

br.clear	{
	clear:both;
	}

.test	{
	float:right;
		background:#FFF;
		width: 700px;
		overflow:hidden;
		padding-right: 10px;
		padding-left: 10px;
		}
/*.graphicLeft {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
} */
.photoRight {
	float: right;
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #888888;
	margin-top: 5px;
	clear: right;
	margin-left: 5px;
	margin-bottom: 5px;
}
.photoLeft {
	float: left;
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #888888;
	margin-top: 5px;
	margin-left: 20px;
	clear: both;
	margin-left: auto;
	display: block;
}
.media-index	{
	float:right;
	padding-right:20px;
	border-bottom-color:#03003C;
	border-width:medium;
	}
/*
.graphicRight {
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.clearing_box {
	clear: both;
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 125px;
}  */


a:link {
	color: #0099CC;
}
#inset-container {
	padding: 5px;
	clear: left;
	float: left;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.insetTitle {
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
	line-height: normal;
	position: static;
	margin-right: auto;
	margin-left: auto;
}
#form {
	width: 776px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#form #formTable {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}