/* CSS Document */
/***************           BODY BACKGROUND        ***************************/
BODY {
	BACKGROUND: url('images/bkgrnd_greydots.png') #fff repeat 0px 0px;
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 62.5%; PADDING-BOTTOM: 0px; 
	MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: "lucida grande", tahoma, verdana, sans-serif; 
	TEXT-ALIGN: center
}
/*****************************************************************************/
/***************		    WRAPPER              *****************************/
#wrapper {
	FONT-SIZE: 1.1em; Z-INDEX: 2; MARGIN: 0px auto; 
	WIDTH: 760px; COLOR: #333; POSITION: relative; TEXT-ALIGN: left;
	BACKGROUND-COLOR: white;
}
/******************************************************************************/
/***************             HEADER              ******************************/        
#header{
	width: 100%;
	height: auto;
	background-color: #33FF00;
}
/******************************************************************************/
/***************             HEADER TOP          ******************************/
#header_top{
	height: 70px;
	background-color: white;
}
/******************************************************************************/        
/***************             HEADER BOTTOM       ******************************/
#header_bottom{
	height: 80px;
	background-color: #fff;
}
/******************************************************************************/
/***************             Content             ******************************/
#content{
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: #fff; FLOAT: left; 
	PADDING-BOTTOM: 20px; WIDTH: 756; PADDING-TOP: 16px;
}
/******************************************************************************/        
/***************             Content_main        ******************************/
#content_main{
	height: auto;
	width: 75%;
	position: relative;
	float: left;
	background-color: #ffffff;
}
/******************************************************************************/        
/***************             content_right       ******************************/
#content_right{
	height: auto;
	width: 25%;
	position: relative;
	float: left;
	background-color: white;
	margin: 0px;
	padding: 0px;
}
/******************************************************************************/        
/***************             footer          ******************************/
#footer {
	MIN-HEIGHT: 80px; BACKGROUND: #fff; FLOAT: left; WIDTH: 100%; HEIGHT: 100px;
}

/******************************************************************************/        
/***************             footer_left          ******************************/
#footer_left{
	margin: 3px;
	position: relative;
	float: left;
	width: 73%;
	height: auto;
	background-color: #D5EAFF;
	
}
#footer_top{
	text-align: center;
	height: 20px;
	background-color: #88C4FF;
}
#footer_top a{
	color: #663366;
}
#footer_top a:hover{
	color: white;
}
#footer_bottom{
	height: 73px;
	text-align: center;
	color: #0059B3;
}
#footer_bottom p{
	font-size: 11px;
}
/******************************************************************************/        
/***************             footer_right          ******************************/
#footer_right{
	margin: 3px;
	position: relative;
	float: right;
	width: 190px;
	height: 50px;
	background-color: #FFF;
	text-align: center;
	padding-top: 20px;
}
#footer_right p{
	font-size: 10px;
}
/******************************************************************************/        
/***************             kiosk_logo          ******************************/
#mypic{
	position: relative;
	float: left;
	background-color: white;
	height: 55px;
	width: 30%;
}
#mybanner{
	position: relative;
	float: left;
	background-color: white;
	height: 50px;
	width: 70%;
	height: 70px;
	text-align: right;
}
#dateandtime{
	margin-top: 37px;
	padding-right: 4px;
	position: relative;
	float: right;
	background-color: white;
}
#mypic img{
	/*width: 185px;
	height: 55px;
	margin: 2px;*/
}
/************************Home page**************************/
#home{
	background-color: #FFFFFF;
}
#home .inner p{
	font-family: small Arial, Helvetica, Verdana, sans-serif;
	text-align: justify;	
	color: #666666;
}

#login_main{
	position: relative;
	float: left;
}
#comments{
	position: relative;
	float: left;
	width: 189px;
}

/******************************************************************************/        
/***************             round with header          ******************************/
#box{
	position: relative;
	float: left;
	width: 273px;
	height: auto;
	background-color: #fff;
	margin: 3px;
	font-family: Verdana;
}
#boxlong{
	position: relative;
	float: left;
	width: 558px;
	height: auto;
	background-color: #fff;
	margin: 5px;
	font-family: Verdana;
}
#box .xsnazzy h1, #boxlong .xsnazzy h1, #box .zsnazzy h1, #boxlong .zsnazzy h1 {
	margin:0; 
	font-size:1em; 
	padding:0 10px 5px 10px; 
	border-bottom:1px solid #3399FF;
	text-align: left;
	font-family: Verdana;
}
#box .xsnazzy h2, #boxlong .xsnazzy h2, #box .zsnazzy h2, #boxlong .zsnazzy h2 {
	margin:0; 
	font-size:1em; 
	padding:0 10px 5px 10px; 
	/*border-bottom:1px solid #3399FF;*/
	text-align: left;
	font-family: Verdana;
}

#box .xsnazzy p, #box .zsnazzy p {
	margin:0; 
	padding:5px 10px; 
	font-size:10px;
}
#boxlong .xsnazzy p,#boxlong .zsnazzy p {
	margin: 0;
	padding: 5px 10px;
	font-size: 11px;
	color: #07519A;
}
#box .xsnazzy form, #box .zsnazzy form {
	margin:0; 
	padding:5px 10px; 
	font-size:10px;
}

#box .xsnazzy {
	background: transparent; 
	width:275px; 
	float:left; 
	margin:0 3px;
	font-family: Verdana;
}
#boxlong .xsnazzy {
	background: transparent; 
	width:558px; 
	float:left; 
	margin:0 3px;
	font-family: Verdana;
}
#box .xtop, #box .xbottom, #boxlong .xtop, #boxlong .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
}
#box .xb1, #box .xb2, #box .xb3, #box .xb4, #boxlong .xb1, #boxlong .xb2, #boxlong .xb3, #boxlong .xb4 {
	display:block; 
	overflow:hidden;
}
#box .xb1, #box .xb2, #box .xb3, #boxlong .xb1, #boxlong .xb2, #boxlong .xb3 {
	height:1px;
}
#box .xb2, #boxlong .xb2 , #box .xb3, #boxlong .xb3, #box .xb4, #boxlong .xb4 {
	background:#fff; 
	border-left:1px solid #3399FF;
	border-right:1px solid #3399FF;
}
#box .xb1, #boxlong .xb1 {
	margin:0 5px; 
	background:#3399FF;
}
#box .xb2, #boxlong .xb2 {
	margin:0 3px;
	border-left:1px solid #3399FF;
	border-right:1px solid #3399FF;
}
#box .xb3, #boxlong .xb3 {
	margin:0 2px;
}
#box .xb4, #boxlong .xb4 {
	height:2px; 
	margin:0 1px;
}

#box .xboxcontent, #boxlong .xboxcontent {
	display:block; 
	border: 1px solid #3399FF; 
	border-width:0 1px; 
	height:auto;
}
* html #box .xboxcontent, * html #boxlong .xboxcontent {
	height:1px;
}

#box .color_a {
	background: #D5EAFF;
	color: #0059B3;
}
#boxlong .color_a {
	background: #D5EAFF;
	color: #0059B3;
}

#box .color_b {
background:#d4d8bd; 
color:#000;
}
#box .color_c {
background:#758279; 
color:#fff;
}
#box .color_d {
background:#b2ab9b; 
color:#000;
}

/******************************************************************************/        
/***************             HEADER TOP          ******************************/
/******************************************************************************/        
/***************             HEADER TOP          ******************************/
/******************************************************************************/        
/***************             HEADER TOP          ******************************/
/******************************************************************************/