@charset "utf-8";
/* CSS Document */
html{
	overflow-y: scroll;
}
body{
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 82%;/* font sizing in ems, if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers.*/
	margin:0px;
	padding:0px;
	background-image:url(../img/bg.png);
}
/* Global div elements*/
#wrapper{
	/*position:absolute;*/
	width:996px;
	margin:10px auto 10px auto;
}
#top{
	height:63px;
}
#presentation{
	/*border:1px solid #ccc;*/
	height:519px;
	margin:none;
	background-color:#fff;
}
#leftDiv{
	border-left:1px dashed #000;
	height:500px;
	width:698px;
	font-size: 0.8em;
	/*margin:10px;*/
}
#rightDiv{
	height:496px;
	width:294px;
	/*background-color:#f4f2ee;
	border-left:1px dashed #ccc;*/
	background:url(../img/right_bg.png);
}
#menu{
	margin-top:-1px;
}
#content{
	padding:10px;
	/*border:1px solid #ccc;
	border-top:none;
	background-color:#F2F1EE;
	color:#666;*/
}
.top_orange{
	background:no-repeat url(../img/top_bg.png);
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px dashed #000;
	font-size: 0.8em;
	font-weight:bold;
	color:#fff;
	height:15px;
}
.heading1{
	height:31px;
	border-left:1px dashed #000;
	border-top:4px solid #FFF;
}
.presText{
	padding:10px 5px 5px 5px;
	font-size: 0.8em;
	height:346px;
	border-top:1px dashed #000;
	border-left:1px dashed #000;
	border-right:1px solid #000;
	background:no-repeat url(../img/text_bg.png);
	color:#fff;
}
.spanIllution{
	color:#000;
	display:block;
	padding:5px;
	font-style:italic;
	/*background:no-repeat url(../img/illutionBG.png);*/
}
.td_text_left{
	padding:20px;
}
.td_text_center{
	padding:20px 0 20px 0;
}
.td_text_right{
	padding:20px;
}
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	/*color: #000;*/
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0.1em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	text-align:center;
	}
h2 {
	font-size: 1.3em;
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	text-decoration:underline;
	}
h3 {
	font-size: 1.1em;
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	text-align:right;
	border-top:1px solid #336699;
	border-bottom:1px solid #336699;
	}
h6 {
	font-size: 0.8em;
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.0em;
	/*margin: 1.4em 0em 1.4em 0em;*/
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
.button{
    background: transparent url('../img/button_r.png') no-repeat scroll top right;
	color:#666;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 25px;
    margin-right: -1px;
    padding-right: 9px; /* sliding doors padding */
    text-decoration: none;
}
.button span{
	background: transparent url('../img/button_l.png') no-repeat;
    display: block;
    line-height: 25px;
    padding: 0 8px 0 24px;
}
a.button:active, a.button:hover, .active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.button:active span, a.button:hover span, .active span{
    background-position: bottom left;
    padding: -3px 0px 0 24px; /* push text down 1px */
}
a.button span{
    /*padding-left: 10px; /* sliding doors padding */
}
/**/
#personal_service_chat{
	background-image:url(../img/chat/chat_bg.png);
	height:122px;
	overflow:hidden;
	width:296px;
}
#personal_service_chat input{
	border:1px solid #000;
}
#view_ajax{ /*The chat window*/
	overflow-y:scroll; 
	width:282px;
	height: 63px; 
/*	border:1px dashed #333;*/
	padding:3px;
	font-family: arial, helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	/*background-image:url(../img/personal_service_chat_bg.png);*/
	color:#333;
	margin:0 2px 0 2px; 
/*	background-color:#FFF;*/
}
.chat_window{
/*	background-color:#dd7313;*/
}
.chat_type{
	text-align:center; 
	width:294px;
	padding-top:2px;
/*	background:url(../img/chat_bottom.png) top no-repeat;*/
}
.personal_service_heading{
	font-size:1em;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding-top:2px;
	height:20px;
/*	background:url(../img/chat_top.png) bottom no-repeat;*/
}
#personal_service_chat #chatbox{
	width:288px;
	font-family: arial, helvetica, sans-serif;
	font-size:0.8em;
	/*background-image:url(../img/personal_service_chat_bg.png);*/
	color:#333;
	margin:1px;
	border:1px dashed #333;
}
.personal_service_button{
	text-align:center;
}