/*--------------------------Let's start with text, links and HTML-------------------------*/

html,body{
margin:0;
padding:0;
background:url(images/bg1.gif);
background-position:top;
background-color:#000;
text-align:center;
}

a:link{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; COLOR: #0070B9; 
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
TEXT-DECORATION: none ;
font-weight:bold;
color:#00AEEF;
text-decoration:none;
}

a:visited{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; COLOR: #0070B9; 
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
TEXT-DECORATION: none ;
font-weight:bold;
color:#00AEEF;
text-decoration:none;
}
a:hover{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; COLOR: #0070B9; 
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
TEXT-DECORATION: none ;
font-weight:bold;
color:#0070B9;
text-decoration:none;
}

a:active{
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; COLOR: #0070B9; 
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
TEXT-DECORATION: none ;
font-weight:bold;
color:#0070B9;
text-decoration:none;
}

h1{
font:bold 12px verdana;
width: 570px;
border-bottom:1px dashed #707070;
margin:0;
padding:0;
color:#707070;
}

h2{
font:bold 12px verdana;
width: 200px;
border-bottom:1px solid #dedede;
margin:0;
padding:0;
color:#a0d500;
margin-bottom:8px;
margin-left:20px;
margin-top:10px;
}

h3{
font: bold 16px Verdana;
margin:0;
color:#a0d500;
padding:0;
float:left;
margin-top:30px;
margin-left:30px;
}

* html h3{
margin-left:20px;
}

h4{
font: bold 14px Verdana;
margin:0;
color:#646464;
padding:0;
float:left;
margin-top:90px;
margin-left:30px;
}

* html h4{
margin-left:20px;
}

.style1{
float:left;
font:9px Verdana;
color:#000;
margin:0;
padding:0;
margin-left:10px;
}

.style2{
padding:20px;
font:10px Verdana;
}

#footer a{
color:#000;
}

#footer a:hover{
color:#000;
}
.copyright {
	padding:20px;FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ccc;line-height: 14pt; FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; TEXT-DECORATION: none
}
.t1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #006633;
	line-height: 14pt; 
	FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
	TEXT-DECORATION: none
}
.t2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #fff;
	line-height: 14pt; 
	FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
	TEXT-DECORATION: none
}
.t3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #000;
	line-height: 12pt; 
	FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
	TEXT-DECORATION: none
}
.t4 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #FF0000;
	line-height: 14pt; 
	FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
	TEXT-DECORATION: none
}
.t5 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #FFFF00;
	line-height: 14pt; 
	FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; 
	TEXT-DECORATION: none
}
/*--------------------------End-------------------------*/

/*--------------------------start Image styles-------------------------*/

.img{
float:left;
margin-left:20px;
border:1px solid #CCCCCC;
}
.img2{
float:left;
margin-left:20px;
border:2px solid #CCCCCC;
}

/*--------------------------End-------------------------*/

/*--------------------------Start divs-------------------------*/

#container{
width:828px;
height:100%;
text-align:left;
margin:0 auto;
background:url(images/content_bg.gif)
}

#top{
width:828px;
height:60px;
background:#fff;
background:url(images/content_bg.gif)
}
#top_pic{
float:left;
width:812px;
height:45px;
padding-left: 3px;
padding: 0px 3px 5px 5px;
margin: 5px 2px 2px 2px;
}
#menu{
width:828px;
background:url(images/content_bg.gif);
height:30px;
}
#menu_2{
width:828px;
background:url(images/content_bg.gif);
height:30px;
}
#headertext{
width:280px;
height:200px;
background:url(images/headertext.gif) repeat-x;
float:left;
}

#banner{
float:left;
width:828px;
height:300px;
background:url(images/content_bg.gif)
}
#banner_pic{
float:left;
width:812px;
height:300px;
padding-left: 3px;
background: #fff;
padding: 1px 3px 5px 5px;
margin: 1px 5px 5px 0px;
background:url(images/content_bg.gif)
}
#detail{
float:right;
width:595px;
height:300px;
padding-right: 10px;
background-color:#fff;
padding: 5px 10px 5px 5px;
margin: 5px 5px 5px 5px;
}
.h-text_detail{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #666;
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
TEXT-DECORATION: none;
font-weight:bold;
line-height: 14pt;
}
.h-content_detail{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #a1a1a1;
text-align: justify;
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
TEXT-DECORATION: none;
line-height: 12pt;
float:left;
width:570px;
height:35px;
padding-right: 10px;
background-color:#fff;
border-bottom: 1px solids #ddd;
padding: 5px 5px 5px 2px;
margin: 5px 5px 5px 2px;
}
.content_detail{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #a1a1a1;
text-align: justify;
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
TEXT-DECORATION: none;
line-height: 12pt;
float:left;
width:570px;
height:auto;
padding-right: 10px;
background-color:#fff;
border-bottom: 1px dashed #ddd;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
}
.event{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #a1a1a1;
text-align: justify;
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
TEXT-DECORATION: none;
line-height: 12pt;
float:left;
width:570px;
height:auto;
padding-right: 10px;
background-color:#fff;
border-bottom: 1px dashed #ddd;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
}

.imgstyle {
float:left; 
border:solid 1px #CCCCCC; 
padding:5px; 
margin-right:10px; 
}
.imgstyle2 {
float:left; 
border:solid 0px #CCCCCC; 
padding:5px; 
margin-right:5px;
margin-top: 1px;
}
.knowledge {
	clear: left;
	float: left;
	width: 560px;
	height:26s0px;
	padding-left: 10px;
	background: #fff;
    border:#cfe2af solid 5px;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 4px;
}
.knowledge2{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #a1a1a1;
text-align: justify;
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
TEXT-DECORATION: none;
line-height: 12pt;
clear: left;
float:left;
width:520px;
height:auto;
padding-left: 3px;
background-color:#fff;
border-bottom: 1px dashed #ddd;
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
}
#content{
width:828px;
min-height:1350px;
height:auto;
background:#FAFCFF url(images/content_bg.gif);
margin:0;
padding:0;
float:left;
}

* html #content{
height:162px; /*defines the height in IE6*/
}

#welcomecontainer{
width:250px;
height:100%;
float:left;
margin-left:7px;
padding:0;
border-right:1px solid #dedede;
margin-top:10px;
margin-bottom:10px;
}

.welcome{
width:250px;
height:100%;
float:left;
margin:0;
padding:0;
}

.news{
width:340px;
height:100%;
float:left;
margin-left:10px;
padding:0;
margin:0;
margin-top:10px;
}

* html .news{
width:320px;
}
#footer_01{
width:828px;
height:400px;
background:#fff;
font:10px Verdana;
color:#f7f7f7;
padding:0;
border-top:1px solid #e1e1e1;
float:left;
margin:0;
background:url(images/footer01_bg.gif) repeat-y;
}
.footer_content{
float:left;
width:230px;
height:370px;
border-right: 1px solid #e1e1e1;
padding-left: 3px;
padding: 5px 5px 5px 5px;
margin: 5px 0px 5px 0px;
}
.footer_content_right{
float:left;
width:200px;
height:380px;
border-right: 1px solid #e1e1e1;
padding-left: 255px;
padding: 5px 5px 5px 5px;
margin: 5px 0px 5px 0px;
}
.footer_content_right2{
float:left;
width:250px;
height:380px;
padding-left: 3px;
padding-left: 510px
padding: 5px 5px 5px 5px;
margin: 5px 0px 5px 0px;
}
.footer_content_in{
width:190px;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #a1a1a1;
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
TEXT-DECORATION: none;
}
.imgs_columns {
float:left; 
border:solid 1px #CCCCCC; 
padding:5px; 
}
#footer_02{
width:828px;
height:20px;
padding:0;
float:left;
margin:0;
}
.spacer_footer {
	clear: left;
	height: 20px;
}
#footer_content{
width:828px;
height:8px;
background:#fff;
color:#fff;
padding:0;
float:left;
margin:0;
background:url(images/footer_content.jpg) no-repeat;
}
#footer{
width:828px;
height:101px;
background:#fff;
font:10px Verdana;
color:#fff;
padding:0;
float:left;
margin:0;
background:url(images/footer.jpg) no-repeat;
}

/*--------------------------End-------------------------*/
/*--------------------------menu-------------------------*/
#left_column {
float:left;
width:190spx;
height:1350px;
padding-left: 3px;
border-right: 1px solid #e1e1e1;
padding: 5px 2px 5px 5px;
margin: 5px 5px 0 0px;
}
.h-left_menu {
    height: 43px;
	color: #959595;
	display: block;
	width: auto;
	margin-bottom: 10px;
	padding: 5px;
	padding-left: 1px;
	text-decoration: none;
}
.left_menu {
	list-style-type: none;
	margin: 2px;
	padding: 0px;
	width: 190px;
}
.left_menu a {
    FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
	background: #fff url(images/button_default.gif) repeat-x;
	font-size: 11px;
	font-weight: bold;
	color: #959595;
	display: block;
	width: auto;
	margin-bottom: 5px;
	padding: 5px;
	padding-left: 14px;
	text-decoration: none;
	border-bottom: 1px dashed #ddd;
}
.left_menu a:hover {
FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
	background: #fff url(images/button_default.gif) repeat-x;
	font-size: 11px;
	font-weight: bold;
	color: #f26522;
	display: block;
	width: auto;
	margin-bottom: 5px;
	padding: 5px;
	padding-left: 14px;
	text-decoration: none;
	border-bottom: 1px dashed #ddd;
}
/*--------------------------end menu me-------------------------*/
.templatemo_menu {
	list-style-type: none;
	margin: 10px;
	padding: 0px;
	width: 190px;
}
.templatemo_menu li a{
    FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;
	background: #F4F4F4 url(images/button_default.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #00bff3;
	display: block;
	width: auto;
	margin-bottom: 2px;
	padding: 5px;
	padding-left: 14px;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}
* html .templatemo_menu li a{ 
	width: 195px;
}
.templatemo_menu li a:visited, .templatemo_menu li a:active{
	color: #00bff3;
}
.templatemo_menu li a:hover{
	background: #EEEEEE url(images/button_default.gif) no-repeat left bottom;
	color: #0072bc;
}

.read {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #00AEEF; FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; TEXT-DECORATION: none ;line-height: 12pt;
}
.read:hover {
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #0070B9; FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial; TEXT-DECORATION: none ; line-height: 12pt;
}
/*--------------------------end menu-------------------------*/

/*--------------------------Start menu css-------------------------*/

#menu ul{
list-style-type:none;
margin:0;
font:bold 10px Verdana;
text-decoration:none;
float:left;
padding:8px;
width:760px;
}

#menu li{
display:inline;
}

#menu li a{
color:#646464;
padding:8px;
}

#menu li a:hover{
background:url(images/navover.gif) repeat-x;
}
/*code based on Stu Nicholls "ultimate dropdown menu"
http://www.ctubuddy.com*/
/*common styling*/
/*menu container*/
.menucontainer{
background:url(images) top left repeat-x;
width:818px;
height:23px;
padding: 5px 5px 0 5px;
margin: 5px 5px 0 0px;
}
/*basic menu styling*/
.menu {FONT-FAMILY: "Tahoma, Verdana, Arial", Tahoma, Verdana, Arial;width:100%;position:relative;font-size:11px;font-weight:bold;
background:url(images/bgOFF.gif) repeat-x;
float:left;
width:818px;
height:23px;

}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;}
/*style of main items normal state*/
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#fff;width:auto;height:23px;padding:0px 16px 0px 16px;line-height:23px;text-transform:uppercase;}
* html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
/*hide sub nav items*/
.menu ul li ul {display:none;}
/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:11px;}
/*specific to non IE browsers*/
/*main nav over state*/
.menu ul li:hover a {color:#fff;background: url(images/bgON.gif) top left repeat-x;}
/*show drop-down list*/
.menu ul li:hover ul {display:block;position:absolute;top:22px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.menu ul li:hover ul li a {display:block;background:#E6E6E6;color:#000;height:auto;line-height:15px;padding:2px 16px 2px 16px;width:120px;border-bottom:1px solid #fff;}
/*sub drop-down over state*/
.menu ul li:hover ul li a:hover {background:#ccc;color:#fff;}