/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

/*education software box css codes*/
.lightblue_box {
	margin: 1px; /* center for now */
	width: 43em; /* ems so it will grow */
	background: url(../images/site/orangebox/bottom_right.jpg) no-repeat bottom right;
	font-size: 100%;
	left: 1px;
}
.lightblue_head {
	background: url(../images/site/orangebox/top_right.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.lightblue_head h2 {
	background: url(../images/site/orangebox/top_left.jpg) no-repeat top left;
	margin: 0;
	color: #003399;
	font-weight: normal;
	font-size: 80%;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-family: "Century Gothic";
}
.lightblue_body {
	background: url(../images/site/orangebox/bottom_left.jpg) no-repeat bottom left;
	margin: 10;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 31px;
	padding-left: 10px;
	height: 3.5em;
	font-family: "Century Gothic";
	font-weight: normal;
	color: #000000;
	font-size: 10pt;
}

/*collaboration software css codes*/
.orange_box {
	margin: 1px; /* center for now */
	width: 43em; /* ems so it will grow */
	background: url(../images/site/orangebox/bottom_right.jpg) no-repeat bottom right;
	font-size: 100%;
	left: 1px;
}
.orange_head {
	background: url(../images/site/orangebox/top_right.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.orange_head h2 {
	background: url(../images/site/orangebox/top_left.jpg) no-repeat top left;
	margin: 0;
	color: #003399;
	font-weight: normal;
	font-size: 80%;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-family: "Century Gothic";
}
.orange_body {
	background: url(../images/site/orangebox/bottom_left.jpg) no-repeat bottom left;
	margin: 10;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 31px;
	padding-left: 10px;
	height: 3.5em;
	font-family: "Century Gothic";
	font-weight: normal;
	color: #000000;
	font-size: 10pt;
}



/*ISO 9001 bar css codes*/
.iso_bar {
	margin: 5px; /* center for now */
	width: 11em; /* ems so it will grow */
	font-size: 100%;
	left: 1px;
}



/*navigation bar css codes*/
.sidebox {
	margin: 5px; /* center for now */
	width: 12em; /* ems so it will grow */
	background: url(../images/site/navigationbar/sbbody-r.jpg) no-repeat bottom right;
	font-size: 13px;
	left: 1px;
	font-family: "Century Gothic";
}
.boxhead {
	background: url(../images/site/navigationbar/sbhead-r.jpg) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/site/navigationbar/sbhead-l.jpg) no-repeat top left;
	margin: 0;
	color: white;
	font-weight: normal;
	font-size: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.boxbody {
	background: url(../images/site/navigationbar/sbbody-l.jpg) no-repeat bottom left;
	margin: 10;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 31px;
	padding-left: 14px;
	height: 19.5em;
}

/*MAIN WHITE Background*/
.dialog {
	position:relative;
	min-width:8em;
	max-width:900px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#fff;
	z-index:1;
	margin-bottom:0.5em; /* spacing under dialog */
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/site/whiteBG.png) no-repeat top right;
 background-image:url(../images/site/whiteBG.png);
}

.dialog .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}



.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}