@charset "utf-8";
table {border-collapse:collapse;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/bg1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#2E61A3;
}
.linktext{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.linktext a{
text-decoration:none;
color:#000000;
}
.linktext a:hover{
text-decoration:underline;
color:#666666;
}
.copyright{
height:32px;
line-height:32px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;}
.maintext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.contacttext{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
font-weight:bold;
}
.contacttext a{
color:#A9E0FF;
font-weight:bold;
text-decoration:none;
}
.contacttext a:hover{
color:#A9E0FF;
font-weight:bold;
text-decoration:underline;
}
.eventstext{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}

/* style the outer div to give it width */


.loginbut {
text-indent: -9000px;
	top: 0px;
	width:145px;
	height:145px;
	overflow:hidden;
	margin:0 0 0 0px;
	padding:0px 0 0 0px;	
	position:relative;
	float:left;
	left:30px;
	background-image:url(../img/icon/login.png);
}
.loginbut ul{padding:0px 0 ;margin:0;list-style-type:none; height:145px;
}
.loginbut ul li{
float:left; height:145px; line-height:145px; display:block;
}
.loginbut a{
height:145px;width:145px; 
line-height:145px;
display:block;
text-align:center;
text-decoration:none;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px; padding:0px 0 0 0px;
}
.loginbut a:hover{
height:145px; width:145px; line-height:145px; display:block; background-image:url(../img/icon/login_r.png);color:#FFFF00;}



.menu {
    font-family: arial, geneva, verdana, sans-serif;
    width:800px;
    height:145px;

    float:right;
    margin:0px 0 0 0;
    font-family:"Times New Roman", Times, serif;
font-weight:bold;
    position: relative;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0 0 0 0px;margin:0;list-style-type:none;}

/* style the sub-level lists */
.menu ul ul {width:0em; list-style-type:none;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
/*.mainmenu li {float:left;height:145px;line-height:145px; display:block}*/
.menu ul li {
    float:left;
    position:relative;
    line-height:145px;
padding:0 0 0 43px
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;height:100%; width:145px; font-size:18px;text-decoration:none; text-align:center;color:#fff; padding:0px 0px 0 0px; border-left:0px solid #eee; border-right:0px solid #006FEB; text-indent: -0px;
background-image: url(../img/icon/aboutus.png);}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:145px; w\idth:145px;background-image: url(../img/icon/but.gif);}


/* style the sub level links */
.menu ul ul a, 
.menu ul ul a:visited {
    display:block;
    background-color:#002768;
    background-repeat:repeat;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/trans.png');
    filter: alpha(opacity=85);
    color:#fff;
    width:149px;
    height:100%;
    line-height:12px; 
    padding:6px 6px; 
    border-bottom:1px solid #006FEB; 
    border-left:1px solid #006FEB;
    border-right:1px solid #006FEB;
    text-align:left;
}
* html .menu ul ul a, 
* html .menu ul ul a:visited  {width:149px; w\idth:149px;}


/* style the table so that it takes no part in the layout - required for IE to work */
html>/**/.menu table {border-collapse:collapse; padding:0; margin:-1px auto; width:0; height:0; font-size:12px; z-index:1; position:inherit;}
* html .menu table {border-collapse:collapse; padding:0; margin:-1px auto; width:0; height:0; font-size:12px; z-index:1; position:inherit;}


/* style the level hovers */
/* first */
* html .menu a:hover {color:#fff;background-image: url(../img/icon/butrol.gif); opacity:1.0; position:relative; z-index:100;}
.menu :hover > a {color:#fff;background-image: url(../img/icon/roll.png);opacity:1.0;}


/* login style the level hovers */
/* first */
* html .loginbut a:hover {color:#fff;background-image: url(../img/icon/loginbut.png); opacity:1.0; position:relative; z-index:100;}
.loginbut :hover > a {color:#fff;background-image: url(../img/icon/loginbut.png);opacity:1.0;}


/* second */
* html .menu ul ul a:hover{color:#fff;background:#006FEB; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff;background:#006FEB;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute; height:0;top:3em; left:0; width:14em;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0px 3em 3em 3em; left:-3em; top:34px;}

.maintextscoll{
background-color:#fff;
padding:6px;
border:1px solid #84BAFF;
	width:470px;
	height:250px;
	overflow:scroll;
	overflow-x:hidden;

}
.logintextscoll{
padding:6px;
width:420px;
	height:280px;
	overflow:scroll;
	overflow-x:hidden;

}
.maintitletext{
	font:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:13px;
	color:#000000;
}
.logintext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:none;
}

a.logintext:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-decoration:underline;
}