@charset "UTF-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.25em;
}

.txt {
	text-align: left;
	color: #333;
}
.txt_italic {
	font-style: italic;
}
.txt_strong {
	font-weight: bold;
}
.txt_header {
	font-size: 14px;
	font-weight: bold;
	color: #C00;	
}
.txt_header2 {
	font-size: 16px;
	font-weight: bold;
	color: #C00;
	display: block;
	padding: 5px 10px 5px 10px;
	border: 1px solid #69C;
	background-color: #cedbff;
	background-repeat: repeat-x;
	-moz-border-radius: 4px;	
}
.txt_sub {
	font-size: 12px;
	font-weight: bold;
	color: #C00;
}
.txt_block{
	display: block;
	width: 100%;
	height: 30px;
}
.img_block{
	display: inline;
	float: left;
	margin: 0px 10px 0px 0px;
}
.sec_block{
	display: inline;
	float: right;
	margin: 0px 0px 20px 30px;
	width: 230px;
	border: 1px solid #69C;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.image_right_inline {
	display: inline;
	float: right;
	margin: 0px 0px 10px 20px;
}
.image_right {
	display: inline;
	float: right;
	margin: -25px 0px 20px 20px;
}
.image_left {
	display: inline;
	float: left;
	margin: 0px 20px 0px 0px;
}
.section_num {
	display: inline;
	float: right;
	margin: -10px;
	text-align: right;
}
.dwl_type{
	font-size: 10px;
	color: #900;
}


/* --------- CSS Controlled Columns ------ */

#collshell{
	position:relative;
	width: 100%;
	height: 410px;
	text-align: center;
}
#col1 {
	position:absolute;
	left:0;
	top:0;
	width:143px;
	border: 1px solid #69C;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
#col2 {
	position:absolute;
	left:150px;
	top:0;
	width:143px;
	border: 1px solid #69C;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
#col3 {
	position:absolute;
	left:300px;
	top:0;
	width:143px;
	border: 1px solid #69C;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
#col4 {
	position:absolute;
	left:150px;
	top:250px;
	width:143px;
	border: 1px solid #69C;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
.col_txt_header {
	font-weight:bold;
	border: 1px solid  #C00;
	-moz-border-radius: 4px;
	background-color: white;
	padding: 2px 5px 2px 5px;
	margin-top: 30px;
}

/*-----------------------*/

.table {
	border: 1px solid #69C;
	background-color: white;
	-moz-border-radius: 8px 8px 8px 8px;
}
.tdback { 
	background-image: url(../images/bg-cell.png);
	background-repeat: no-repeat;
}
.line {
	color: #69C;
}
a.button{
	background: url(../images/buttonOFF.gif);
	display: block;
	color: #555555;
	font-weight: bold;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	margin-bottom: 5px;
	text-decoration: none;
	width: 205px;
	text-indent: 10px;
}
a:hover.button{
	background: url(../images/buttonON.gif);
	display:block;
	color:#C00;
}

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#title {
	position: absolute;
	left: 376px;
	top: 10px;
	width: 580px;
}
#box-nav {
	position:relative;
	background-image: url(../images/box-nav.png);
	background-repeat:no-repeat;
	left: 90px;
	top: -630px;
	width: 220px;
	height: 394px;
	z-index: 1;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
}
* html #box-nav {		/*IE6*/
	padding-top: 20px;
}
* + html #box-nav {		/* IE7 */
	padding-top: 20px;
}
#box-btn {
	position:relative;
	left: 95px;
	top: -550px;
	width: 220px;
	height: 394px;
	z-index: 2;
}
#conn0 {
	position:relative;
	left: 290px;
	top: -1066px;
	width: 200px;
	z-index: 3;
}
#conn1 {
	position:relative;
	left: 290px;
	top: -1036px;
	width: 200px;
	z-index: 3;
}
#conn2 {
	position:relative;
	left: 290px;
	top: -1006px;
	width: 200px;
	z-index: 3;
}
#conn3 {
	position:relative;
	left: 290px;
	top: -976px;
	width: 200px;
	z-index: 3;
}
#conn4 {
	position:relative;
	left: 290px;
	top: -946px;
	width: 200px;
	z-index: 3;
}
#conn5 {
	position:relative;
	left: 290px;
	top: -916px;
	width: 200px;
	z-index: 3;
}
#box-insert {
	position:relative;
	background-image: url(../images/box-insert.png);
	background-repeat:no-repeat;
	left: 94px;
	top: -520px;
	width: 215px;
	height: 109px;
	z-index: 1;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
}
* html #box-insert {		/*IE6*/
	top: -520px;
	padding-top: 15px;
}
* + html #box-insert {		/* IE7 */
	top: -520px;
	padding-top: 15px;
}

#section_num {
	position: absolute;
	left: 160px;
	top: 20px;
}
#box-index {
	position:relative;
	background-image: url(../images/box-home.png);
	background-repeat:no-repeat;
	left: 210px;
	top: 75px;
	width: 747px;
	height: 639px;
	z-index: 1;
}
#box-home {
	position:relative;
	background-image: url(../images/box-home.png);
	background-repeat:no-repeat;
	left: 210px;
	top: 50px;
	width: 747px;
	height: 639px;
	z-index: 1;
}
#body {
	position: relative;
	left: 230px;
	top: 20px;
	width: 443px;
	border: 1px solid #69C;
	background-color: white;
	-moz-border-radius: 8px 8px 8px 8px;
	z-index: 1;
	padding: 5px 20px 5px 20px;
	margin-bottom: 10px;
}
#video {
	position: relative;
	left: 230px;
	top: 20px;
	width: 480px;
	border: 1px solid #69C;
	background-color: white;
	-moz-border-radius: 8px 8px 8px 8px;
	z-index: 1;
	padding: 0px 0px 0px 0px;
}
#section0 {
	position: relative;
	left: 230px;
	top: 20px;
	width: 485px;
	z-index: 1;
	margin-bottom: 10px;
}
#section1 {
	position: relative;
	left: 230px;
	top: 20px;
	width: 485px;
	z-index: 1;
}
#section2 {
	position: relative;
	left: 230px;
	top: 30px;
	width: 485px;
	z-index: 1;
}
#section3 {
	position: relative;
	left: 230px;
	top: 40px;
	width: 485px;
	z-index: 1;
}
#section4 {
	position: relative;
	left: 230px;
	top: 50px;
	width: 485px;
	z-index: 1;
}
#section5 {
	position: relative;
	left: 230px;
	top: 60px;
	width: 485px;
	z-index: 1;
}
#section6 {
	position: relative;
	left: 230px;
	top: 70px;
	width: 485px;
	z-index: 1;
}


/*  -------------------------------  */

#highlightBox {
	position:absolute;
	left:210px;
	top:22px;
	width:200px;
	height: 20px;
	z-index:0;
	background-color: red;
	filter:alpha(opacity=30);
	moz-opacity:0.3;
	khtml-opacity: 0.3;
	opacity: 0.3;
}
