@charset "utf-8";
/* CSS Document */

body{
background-color:#666666;
text-align:center;
padding-top:0px;
margin-top:0px;
font-family:"Trebuchet MS", Verdana, Arial;
}

a:link {
color:#333333;
text-decoration:underline;

}

a:visited{
color:#333333;
text-decoration:underline;

}

a:hover{
color:#FF9900;
text-decoration:underline;

}

#container {
margin:0px auto;
  width: 800px;
  text-align: left;
  padding-top:0px;
  }




.headercontainer{
background-color:#FFFFFF;
background-image:url(http://www.xyclopsoft.com/assets/2009/images/header-bottom.gif);
background-position:bottom; 
background-repeat:no-repeat;
height:150px;
width:800px;
margin:0 auto;

}

.headercontainer .logo{
float:left;
height:130px;
width:320px;
padding-top:20px;
padding-left:20px;
}

.headercontainer .logo a{
display:block;
width:100%;
height:100%;

}

.headercontainer .logo img{
border:none;

}
.headercontainer .header-right{
width:400px;
float:right;
padding-top:20px;
padding-right:20px;
height:130px;
}


.topnav{
	width:760px;
	margin-left:20px;
	margin-right:20px;
	background-color:#FF9900;
	height:20px;
	font-size:14px;
	font-weight:bold;
	float:left;
	
	
}

.topnav ul{
margin:0px;

}

.topnav li{
list-style:none;
margin-left:0px;
	
	float:left;
	
	
}

.topnav li a{
	color:#000000;
	text-decoration:none;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;

}

.topnav li a:visited{
	color:#000000;
	text-decoration:none;
	
}

.topnav li a:hover{
	color:#000000;
	text-decoration:none;
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:2px;
	
}

.maintop{
background-image:url(http://www.xyclopsoft.com/assets/2009/images/main-top.gif);
background-position:top;
background-repeat:no-repeat;
height:24px;
width:800px;
margin-top:20px;
}
.main{
margin-top:0px;
margin-bottom:0px;
padding-top:15px;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
background-color:#FFFFFF;
background-image:url(http://www.xyclopsoft.com/assets/2009/images/header-bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
width:780px;

}

.main .sidebar{
	width:210px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	
	background-color:#FFFFFF;
	text-align:center;
}

.main .sidebar img{
	padding-bottom:10px;
}

.main .content{
	float:right;
	padding-right:10px;
	padding-left:10px;
	width:530px;
	
}

.main .content img{
	float:right;
	padding:3px 3px 3px 3px;
	border:#666666 medium;
	margin-left:3px;
}

.main .content h1{
margin-top:0px;
font-size:18px;
padding-left:10px;
margin-bottom:5px;
width:510px;
}

.main .content p{
	width:auto;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
}

.main .content ul li{
	width:510px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
}

.main .content pre{
	width:510px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
}

.main .content .pagetitlebar{
	margin-top:0px;
	padding-left:10px;
	background-color:#FF9900;
	height:5px;
	width:510px;
}

.footer{
float:left;
font-size:10px;
text-align:center;
width:780px;
background-color:#666666;
color:#FFFFFF;
margin-top:20px;
margin-bottom:20px;
}

.footer p a:link{
color:#ffffff;
}

.footer p a:visited{
color:#ffffff;
}

.footer p a:hover{
color:#FF6600;
}


.clear{
clear:both;
}



#livechat{
background:url(../images/livechat.gif) no-repeat;
width:200px;
height:300px;

}