@charset "utf-8";

table.qfinder td
{
	width: 25%;
}

.table
{
	display: table;
}

.tr
{
	display: table-row;
}

.td
{
	display: table-cell;
	padding: 0.5em;
}

/*box code for homepage\*/
* html #tlc, * html #trc {height: 1%;}
/* */


#box
	{
	position: relative;
	margin-left: 20px;
	margin-right: auto;	

	padding: 5px;
	float:left;
	text-align: left;
	width:60%;				/* <-- use this to tie width to viewport size */
	/*	width: 40em;			 <-- use this for a set width */
	}
 	
#boxcontent
	{
	padding:10px;
	}

#boxcontent h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	padding: 10px;
	}
		
#boxcontent p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	margin-left:80px;
	padding-left: 50px;
		padding-right: 25px;
	}
	#boxcontent  .alt
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;

	padding-left: 10px;
		padding-right: 25px;
	}
#boxcontent img {
	padding-top:10px;
}		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/blue-tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/blue-trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/blue-blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/blue-brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/blue-tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/blue-bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/blue-right.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(../images/blue-left.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
			#boxcontent a {
	text-decoration: none;
}


#content li
	{
	}
	#content ul.topnav
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

#content ul.topnav li
{
	padding: 0;
	margin: 10px 0 0;
	white-space: nowrap;
/* the next 4 lines are magic */
	display: block;
	float: left;
	position: relative;
	top: -1.32em;
}

#sidebarless #content ul.topnav li
{
	margin-top: 15px;
}

#content ul.topnav li a
{
	height: 16px;
	margin: 0;
	padding: 2px 10px;
	color: #ffffff;
	border: #ccffff 1px solid;
	background: #000066;
	text-decoration: none;
	/* give layout in ie */
	/*zoom: 1;*/
}

#content ul.topnav li a.navcurrent
{
	background: #336699;
}

#content ul.topnav li a:visited
{
	color: #ffffff;
}

#content ul.topnav li a:hover
{
	color: #90F0FF;
}

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

#content ul.topnav {display: inline-block;}

/* Hides from IE-mac \*/
* html #content ul.topnav {height: 1%;}
#content ul.topnav {display: block;}
/* End hide from IE-mac */

#content .xsnazzy  h2, #content .xsnazzy  p {margin:0 10px; }
#content .xsnazzy .xboxcontent h1 {color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	padding: 10px;}
	
	#content .xboxcontent img {
	float: left; padding:5px;}
	
#content .xsnazzy  h2 {font-size:2em;color:#06a; border:0;}
#content .xsnazzy  p {	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;padding-bottom:0.5em;}
#content .xsnazzy  h2 {padding-top:0.5em;}
#content .xsnazzy  {
	background: transparent;
	margin:1.0em 210px 15px 0; 
	padding-bottom: 10px;
}

#content .xsnazzy   .xtop, #content .xsnazzy   .xbottom {display:block; background:transparent; font-size:1px;}
#content .xsnazzy   .xtop .xb1, #content .xsnazzy   .xtop .xb2, #content .xsnazzy   .xtop .xb3, #content .xsnazzy   .xtop .xb4 {display:block; overflow:hidden;}
#content .xsnazzy   .xb1, #content .xsnazzy   .xb2, #content .xsnazzy   .xb3 {height:1px;}
#content .xsnazzy   .xb2, #content .xsnazzy   .xb3, #content .xsnazzy   .xb4 { border-left:1px solid #08c; border-right:1px solid #08c;}
/*#content .xsnazzy   .xbottom .xb1 {margin:0 5px; background:#08c;}
#content .xsnazzy   .xbottom .xb2 {margin:0 3px; border-width:0 2px;}
#content .xsnazzy   .xbottom .xb3 {margin:0 2px;}
#content .xsnazzy   .xbottom .xb4 {
	height:0px;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;
}

#content .xsnazzy   .xboxcontent {display:block; border:0 solid #08c; border-width:0 1px;}*/

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; }
#xsnazzy h1 {color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	padding: 10px;}
	
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {	color:#3b3b3b;
	font-size: 1em;
	
	font-family: arial, helvetica, sans-serif;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {
	background: transparent;
	width:70%;
	margin-bottom:15px;
	margin-top: 1em;
	margin-right: 1em;
	margin-left: 1em;
	padding-bottom: 10px;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 { border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #08c; border-width:0 1px; padding:5px;}
 .xboxcontent h1 {color:#0354c2;
	font-weight: bold;
	font-size: 1.1em;
	font-family: helvetica, geneva, arial, sans-serif;
	padding: 10px;}
#content .xboxcontent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}

#content .xboxcontent {display: inline-block;}

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