/* Kyosei Systems Main Style Sheet for English Language */


/* General Page, Table and Form Properties */

body	{
	background-color : #ffffff;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}

div#all	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 775px;
}

a	{
	color: #00f;
	text-decoration: none;
}

a:hover	{
	color: #f00;
	text-decoration: underline;
}

a:visited	{
	color: #609;
}

table	{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

tr	{
	margin: 0px;
	padding: 0px;
}

td	{
	margin: 0px;
	padding: 0px;
}

.h1, .h2, .h3	{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #006;
	font-weight: bold;
}

.h1	{
	font-size: 15px;
}

.h2	{
	font-size: 13px;
}

.h3	{
	font-size: 12px;
}

form	{
	font-size: 10px;
	margin: 1px;
	border: none;
	}
	
input	{
	color: #f00;
	background-color: #ffc;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}
	
select 	{
	color: #f00;
	background-color: #ffc;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	width: 185px;
}

.italic	{			/* not used at present */
	text-align: right;
	margin-right: 15px;
	font-style: italic;
	color: #f00;
}

.left	{			/* not used at present */
	float: left;
}


/* Area Links Section */

#activities	{

}

div.activity	{
	font-size: 11px;
	border: none;
	padding: 2px 2px;
	margin: 2px;
	background-color: transparent;
	width: 351px;
}

#act_1, #act_2, #act_3, #act_4, #act_5, #act_6, #act_7, #act_8	{
	position: absolute;
	right: 2px;
	z-index: 1;
}

#act_1	{
	top: 268px;
}

#act_2	{
	top: 328px;
}

#act_3	{
	top: 388px;
}

#act_4	{
	top: 448px;
}

#act_5	{
	top: 508px;
}

#act_6	{
	top: 568px;	
}

#act_7	{
	top: 628px;
}

#act_8	{
	top: 688px;
}

.act_img	{
	margin: 2px;
	float: left;
	width: 55px;
	height: 40px;
	border: 1px solid #339;
}

#act_img_1	{
	background-image: url(../../images/ico_table_dhote.jpg);
}

#act_img_2	{
	background-image: url(../../images/ico_a_la_carte.jpg);
}

#act_img_3	{
	background-image: url(../../images/ico_web_design.jpg);
}

#act_img_4	{
	background-image: url(../../images/ico_software_tools.jpg);
}

#act_img_5	{
	background-image: url(../../images/ico_ten_reasons.jpg);
}

#act_img_6	{
	background-image: url(../../images/ico_technologies.jpg);
}

#act_img_7	{
	background-image: url(../../images/ico_contact.jpg);
}

#act_img_8	{
	background-image: url(../../images/ico_kyosei_team.jpg);
}


/* Search Section */

#navbar	{
	position: absolute;
	top: 96px;
	right: 5px;
	z-index: 1;
}

#as_sitesearch	{
	width: auto;
}

#as_q	{
	width: 120px;
}


/* Page Background and logo */

#spare_1	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	height: 840px;
	z-index: 0;
	background-color: #ccf;
}

div#logo	{
	position: absolute;

/* 'end homophobia' campaign settings */
	top: 0px;
	left: 0px;
	height: 95px;
	width: 240px;

/* Default Settings
	top: 10px;
	left: 10px;
	height: 70px;
	width: 230px;
*/

	text-align: left;
	z-index: 1;
}



div#logo_img	{
/* Swap back before moving to Live Server
	background-image: url(../../images/kyosei_logo1.gif);

	background-image: url(../../images/kyosei_logo1.gif);
*/


	background-image: url(../../images/kyosei_logo_sponsorship.gif);
	background-repeat: no-repeat;

/* 'end homophobia' campaign logo settings */
	height: 95px;
	width: 240px;


/* Default Settings
	height: 70px;
	width: 230px;
*/
	z-index: 2;
}

/* logo_cover... transparent gif to cover and link logo */
.logo_cover {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 95px;
	width: 240px;
	z-index: 3;
}

a.logo_cover {
	border: none;
}

/* Drop Down "Combo" Link Menus */

#combo_1, #combo_2, #combo_3, #combo_4, #combo_5, #combo_6, #combo_7, #combo_8, #combo_9	{
	position: absolute;
	left: 5px;
	z-index: 1;
}

#combo_4, #combo_5, #combo_6, #combo_7, #combo_8, #combo_9	{
	display: none;
}

#combo_1	{
	top: 652px;
}

#combo_2	{
	top: 687px;
}

#combo_3	{
	top: 722px;
}


/* myQuick Links */

#quicklinks	{
	position: absolute;
	top: 412px;
	left: 5px;
	height: 230px;
	width: 185px;
	overflow: auto;
	border: 1px solid #999;
	background-color: #ffc;
	padding: 0px 0px 0px 2px;
	z-index: 1;
}


/* Placeholder: "free text" blocks have Class+ID of "freetext_#" where #=freetext ID */
#freetext	{
	display: none;
	position: absolute;
	top: 85px;
	left: 5px;
	height: 230px;
	width: 165px;
	overflow: auto;
	border: 1px solid #999;
	background-color: #ffc;
	padding: 0px 0px 0px 2px;
	z-index: 1;
}

/* Link for Administrator to access HPage Admin */
#admin_link	{
	border: none;
	position: absolute;
	left: 260px;
	top: 100px;
	z-index: 1;
}

/* Box when logged-in */
#login_welcome	{
	position: absolute;
	right: 390px;
	top: 15px;
	z-index: 1;	
	max-width: 135px;
	height: 48px;
	overflow: hidden;
	
	border: 1px solid #999;
	padding:  2px 5px;
	background-color: #ffc;
}

/*
#logout, #parameter	{
	position: absolute;
	left: 2px;
	background-color: #ffc;
	z-index: 20;
}

#logout	{
	top: 48px;
}
#parameter	{
	top: 32px;
}
*/


/* Site Log-in section */

#login_form	{
	position: absolute;
	right: 390px;
	top: 15px;
	z-index: 1;	
	
	border: 1px solid #999;
	padding:  2px 5px;
	background-color: #ffc;
	height: 65px;
	text-align: right;
}

#login_user, #login_pass	{
	width: 60px;
	margin: 1px 0px;
	background-color: #fff;
}

#login_msg	{
	position: absolute;
	right: 390px;
	top: 87px;
	z-index: 1;	
	
	
	padding:  2px;
	color: #000;
	height: 14px;
	text-align: right;
}


/* myClocks Section */

.clock	{
}

.clocktext	{
	padding: 2px 0px;
	text-align: right;
}

#clock	{
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 1;
}

#clock1, #clock2, #clock3, #clock4 {
	padding: 2px 0px;
	text-align: right;
}


/* myStocks Section */

.stocks	{
	border: 1px solid #999; 
	padding: 1px 1px;
	text-align: left;
	font-size: 9px;
	background-color: #ccc;
	width: 250px;
	height: 12px;
}

#stocks_1	{
	position: absolute;
	right: 125px;
	top: 15px;
	z-index: 2;
}

#stocks_2	{
	position: absolute;
	right: 125px;
	top: 32px;
	z-index: 2;
}

#stocks_3	{
	position: absolute;
	right: 125px;
	top: 49px;
	z-index: 2;
}

#stocks_4	{
	position: absolute;
	right: 125px;
	top: 66px;
	z-index: 2;
}

.stock_title	{
	position: absolute;
	left: 2px;
}

.stock_value	{
	position: absolute;
	right: 125px;
}

.stock_release	{
	position: absolute;
	right: 90px;
}

.stock_moves	{
	position: absolute;
	right: 5px;
	color: #f00;
}

#stocks_5, #stocks_6, #stocks_7	{
	display: none;
}


/* News Section */

#news	{
	border: 1px #999 solid;	
	background-color: #ffc;
	padding: 2px;
	position: absolute;
	right: 375px;
	top: 274px;
	z-index: 1;
}

.newstable	{
	width: 387px;
	margin: 0px;
}

.newscol_1	{
	width: 160px;
}

.newscol_2	{
	width: 150px;
}

.newscol_3	{
	width: 35px;
}

.news_viewlink	{
	text-align: right;
	color: #f00;
}

.news_img	{
	width: 35px;
	height: 33px;
	background-image: url(../../images/news/snews.gif);
}

.news_internal	{
	font-weight: bold;
	padding-left: 2px;
}

.news_external	{
	padding-left: 2px;
}

.oddrow	{
	background-color: #ccc;
	height: 35px;
}

.evenrow	{
	background-color: #ffc;
	height: 35px;
}

.rowspacer	{
	line-height: 3px;
	font-size: 3px;
}

#newsfooter	{
	display: none;
	text-align: center;
}

.bold	{
	font-weight: bold;
}


/* myCurrencies Section */

#fx_content	{
	position: absolute;
	top: 650px;
	right: 370px;
	width: 180px;
	height: 103px;
	border: 1px #999 solid;
	background-color: #ffc;
	overflow: auto;
	z-index: 1;
}

.TblRt 	{
	background-color:#fff;
	font-size:9pt;
	color: #000;
	}
	
.TblBRt	{
	background-color:#D9E6F2;
	font-size:9pt;
	color: #000;
	}

.TblHdrRt	{
	background-color:#eef7ff;
 	font-size:9pt;
	color: #000000;
	}
	
.TblHdrRt1 {background-color:#EEEEEE; font-size:9pt; color: #000000}


/* Link Box */

#web_content	{ display: none;
	position: absolute;
	top: 523px;
	right: 370px;
	width: 180px;
	height: 103px;
	border: 1px #999 solid;
	background-color: #ffc;
	overflow: auto;
	z-index: 1;
}

#web_head	{
	padding-left: 5px;
	padding-top: 3px;
}

#extras	{			/* not used at present */
	margin-top: 5px;
	margin-left: 10px;
}


/* Change Layout Link */
#change_layout_button	{
	position: absolute;
	top: 100px;
	left: 10px;
	z-index: 1;
}


/* Top Navigation Section */

#navbar_2	{
	position: absolute;
	top: 100px;
	left: 110px;
	z-index: 1;
}

.nav_2	{

	padding: 0px 20px 0px 0px;
}


/* Footer Section */

div#footer	{
	width: 760px;
	height: 80px;
	position: absolute;
	top: 797px;
	left: 5px;
	border-top: 2px #336 solid;
	padding-top: 5px;
	z-index: 1;
}

.copyright	{
	float: right;
}

.footertext	{
	float: left;
}

.right	{			/* not used at present */
	float: right;
}

.privacy	{
	float: left;
}


/* Random Text */

.randomtexts	{
	position: absolute;
	top: 122px;
	left: 5px;
	width: 755px;
	height: 18px;
	z-index: 1;
	border: solid 2px #336;
	background-image : url(../../images/lightbulb.gif);
	background-repeat : no-repeat;
	background-position : left top;
	background-color: #ccc;
	overflow: hidden;
	font-size: 11px;
}

h1.random	{
	display: none;
}

p.random	{
	margin: 2px 2px 2px 18px;
}


/* Change Language */

#change_language	{
	position: absolute;
	top: 96px;
	right: 250px;
	z-index: 1;
}

#select_lang	{
	width: 80px;
}


/* Random Graphic */

#random_banner	{
	position: absolute;
	top: 412px;
	right: 370px;
	width: 180px;
	height: 230px;
	overflow: hidden;
	z-index: 1;
}


/* Flash Graphic 452x117 */

#flash_graphic {
	position: absolute;
	top: 144px;
	left: 0px;
	width: 452px;
	height: 117px;
	overflow: hidden;
	z-index: 1;
}


/* Newsletter 313x117 */

#newsletter {
	position: absolute;
	top: 146px;
	left: 452px;;
	width: 313px;
	height: 117px;
	z-index: 1;
	background-color: #ccddff;
	background-image: url(../../images/dashbox5.gif);
}

#newsletter input	{
	font-size: 9px;
	color: #339;
}

#newsletter_head	{
	text-align: right;
	margin: 10px 25px 0px 0px;
	color: #339;
	font-weight: bold;
	font-size: 18px;
}

#newsletter_text	{
	text-align: right;
	margin: 0px 25px 0px 70px;
	color: #339;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

#newsletter_email	{
	text-align: right;
	margin: 5px 10px 0px 0px;
	color: #339;
}

#newsletter_email_text	{
	color: #339;
	width: 150px;
}

.newsletter_shorter	{
	width: 70px;
}

.newsletter_names	{
	color: #339;
	text-align: right;
	margin: 5px 10px 0px 0px;
}