body {
	margin: 0px;
	padding: 0px; font-family:arial; background:url(../images/bg.jpg) left top repeat;
}


/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }*/

h1, h2, h3, h4, h5, h6, p, span, label, form, input, li, ol, dl, ul, br, img, div, textarea, checkbox, radio, button, textarea, select, hr, a{ margin:0px; padding:0px;}
html{ height:100%;}
input, select, radio{ vertical-align:middle;}
img {border:0;}
a img {border:none; outline:none;}


h1 {background:url(../images/bullet.jpg) left 2px no-repeat; color:#17375e; font-size:15px; font-weight:bold; text-transform:uppercase; padding:0 0 15px 25px;  }


h2 {background:url(../images/bullet.jpg) 10px 11px no-repeat #eeeeee; color:#17375e; font-size:12px; font-weight:bold; text-transform:uppercase; padding:10px 0 10px 30px;  }

p { font-size:12px; color:#333333; line-height:22px;}





#main { overflow:hidden; width:975px; margin:0 auto;}
.header { width:100%; float:left; padding:15px 0 15px 0; }
.header h1{  color: #2a1770;    font-family: Arial,Helvetica,sans-serif;    font-size: 18px;    padding: 10px 0 0 0;  font-style:italic; background-image:none;}
.suslogo {margin-right: 10px;     margin-top: 2px;}
.terilogo {    margin: 14px auto 0;}

.header h3 {    color: #010100;    font-family: Arial,Helvetica,sans-serif;    font-size: 12px;    padding-top: 5px;  font-style:italic;}

.navigation { width:99.6%; float:left; border:1px solid #e1e1e1; background-color:#ffffff;}














.menu-bg{background-color:#022e6e; height:44px; position:relative; }



.menu-bg a.home-link{position:absolute; left:0; background:url(../images/home-icon2.png) left top no-repeat; height:44px; text-indent:-9999px; width:56px; outline:none;}
.menu-bg a.home-link:hover{background-position:0px -44px; outline:none;}



ul.main-menu{font-family:Georgia, "Times New Roman", Times, serif;}
ul.main-menu li{list-style:none; float:left;   zoom:1;}
ul.main-menu li a{font-size:12px; color:#333333; text-decoration:none; font-weight:bold; display:block;  outline:none;  font-family:Arial, Helvetica, sans-serif; line-height:38px;  padding:0 16px; }
ul.main-menu li a:hover{ color:#385faf; cursor:pointer; background-color:#f0f0f0;}
ul.main-menu li a.act { color:#385faf; cursor:pointer; background-color:#f0f0f0;}






ul.main-menu li:hover{position:relative;}
ul.main-menu li:hover > ul{ visibility:visible;}
ul.main-menu ul{position:absolute;  top:100%; left:0; visibility:hidden; width:200px; z-index:20;}
ul.main-menu ul li{ float:none; display:block; background-color:#f0f0f0; border-bottom:1px #cccccc solid;}
ul.main-menu ul li a{line-height:20px; font-size:11px; padding:5px 6px 5px 6px; color:#333333;  text-shadow:none;  }
ul.main-menu ul li a:hover{color:#385faf; padding:5px 6px 5px 6px; background-color:#ccc; }

ul.main-menu ul ul{left:100%; top:0;}













.gallerybox { width:100%; overflow:hidden; padding:25px 0 25px 0;}
.galleft { width:655px; height:325px; float:left; border:1px solid #dddddd;}
.galright { width:270px; height:295px; float:right; background-color:#f0f0f0; border:1px solid #dddddd; padding:15px;}
.galright h1 { font-size:16px; font-weight:bold; color:#385faf; border-bottom:2px solid #385faf; padding:0 0 10px 0; background-image:none;}
.galright ul { list-style:none; margin:0 auto; padding:0;}
.galright ul li{ background:url(../images/li.jpg) left bottom repeat-x; display:block; padding:0 0 0 10px;}
.galright ul li a{ background:url(../images/bell.jpg) left 20px no-repeat; padding:19px 0 19px 25px;  display:block; color:#636363; font-size:18px; text-decoration:none;}

.galright ul li a:hover { color:#000000;}

.eve_focus { width:94.5%;  float:left; border:1px solid #dddddd; padding:20px 25px; margin-bottom:25px; background-color:#ffffff;}
p.readmore { float:right;  width:auto;}
p.readmore a{ color:#ffffff; background-color:#003581; padding:4px 6px; font-size:11px; font-weight:normal; text-decoration:none;}



.org{width:100%;  float:left;margin-bottom:25px; }
.org_left { width:443px; float:left;  border:1px solid #dddddd; padding:20px 15px 10px 15px; background-color:#ffffff;}
.org_right { width:443px; float:right;  border:1px solid #dddddd; padding:20px 15px; background-color:#ffffff;}
.logo_org { width:100%; }


.Supported{width:100%;  float:left;margin-bottom:25px; }
.Supported_left { width:443px; float:left;  border:1px solid #dddddd; padding:20px 15px; background-color:#ffffff;}
.Supported_right { width:443px; float:right;  border:1px solid #dddddd; padding:20px 15px; background-color:#ffffff;}
.sup_org{ width:100%; padding-top:20px;}
.footer { width:99.6%; overflow:hidden; border:1px solid #dddddd; padding:5px 0; background-color:#ffffff; text-align:center; line-height:20px; font-size:12px; margin-bottom:20px;} 

.txt { width:54%; float:left; text-align:right; padding:13px 5px 6px 0;}
.imglogo {  width:50%; float:left; text-align:left;}











	
	/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:420px; 
		height:100px;  position:relative;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	
	h1.event-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #17375e;
    font-size: 15px;
    font-weight: bold;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    text-indent: 0;
}
	
.past-events img { width:140px; height:80px; margin-right:15px; float:left;}


p.readmore2 { float:left;  width:auto; margin-top:7px;}
p.readmore2 a{ color:#ffffff; background-color:#003581; padding:4px 6px; font-size:11px; font-weight:normal; text-decoration:none;}

	
	
	
	
	








.galleft ol#controls{ margin-top:-20px;}


		
/* numeric controls */	

	ol#controls{
		padding:0; margin-top:0;
		height:16px; margin-right:10px;
		float:right; 
		margin-bottom:0px;
		}
	ol#controls li{
		margin:0 4px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:16px;
		line-height:16px;
		}
	ol#controls li a{
		float:left;
		height:16px;
		line-height:16px;
		background:#5d6975;
		color:#fff;
		padding:0 5px;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#003581;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	/* numeric controls */	
	
	
	
	
	
	
	
	

	
	
 #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:655px; 
		height:324px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}
		
	
.event-details p { font-size:13px; color:#666666;}
	
	
	
	
	
	
.aboutfocus {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    float: left;
    margin-bottom: 25px;
    padding: 20px 25px;
    width: 94.5%; margin-top:25px;
}
.aboutfocus h3 {
    color: #c60c13;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px; padding:0 0;
  margin:20px auto 10px auto;
}

.aboutfocus ul {
    color: #333333;
    font-size: 12px; margin-left:0;
    font-weight: bold;
}
.aboutfocus ul li {
   padding-right:1px;  padding-left:1px;
}


.lefthead { width:70%; float:left;}
.righthead {width:29%; float:right;}
	
.organizers {
    border: 1px solid #cccccc;
    border-radius: 5px;
    float: left;
    height: 104px;
    margin: 5px 5px 10px 5px;
    padding-top: 5px;
    width: 47%;
}
.organizers p a {
    color: #313e4b;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none; 
}

.organizers p {
    text-align: center; line-height:18px;
}
	
.commettee_focus { width:100%; overflow:hidden;}
.commettee_focus ul { margin:0 auto; padding:0 0 0 0; }
.commettee_focus ul li { list-style:none; float:left; width:45%; margin:10px 15px 10px 10px; background-color:#eee; padding:10px; min-height:100px; border-bottom:2px solid #ccc;}
.commettee_focus ul li img { float:left; margin-right:15px;}
.commettee_focus h3 { margin:0 auto 0 auto;}
.venuediv { width:100%; height:auto; overflow:hidden;}
.venue_left { width:45%; height:auto; float:left;}
.venue_right { width:45%; height:auto;  float:right;}
	
	
	
	
.register_block {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    float: left;
    margin-bottom: 25px;
    padding: 20px 25px;
    width: 94.5%; margin-top:25px;
}
.register_block h3 {
    color: #c60c13;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px; padding:0 0;
  margin:20px auto 10px auto;
}

.lefttfixed { width:60%; float:left; background-color: #f9f9f9;  padding: 10px 15px;  border:2px solid #cccccc;  }

.rightfixed { width:30%; float:right; background-color:#f9f9f9; border:2px solid #cccccc; padding:10px; font-size:12px;}
.rightfixed a { color:#FF0004; text-decoration:none;}	
	
.txt1  { width:100%; overflow:hidden; padding:5px 0; font-size:13px;}
.txt1 label { float:left; font-size:13px; line-height:20px; width:200px;}
.txt1 .inp_sel { float:left; padding:5px; font-size:12px;}
.txt1 .inputbox { float:left; padding:5px; font-size:13px;  width:230px; border:1px solid #bbbbbb;}
.add { width:auto; float:left;}
.selecount {width:auto; float:left;}
.dateissue {width:auto; float:left;}
.valid {width:auto; float:left;}
.birth {width:auto; float:left;}
.paymentb {width:auto; float:left;}
.yymmdd {width:auto; float:left;}
.capdiv  { float:left; font-size:13px; line-height:20px; width:200px;}
.capchaimg { width:auto; float:left;}
.overseas { font-size:15px; font-weight:bold; margin-top:15px; margin-bottom:10px;}
.pay4{ font-size:15px; font-weight:bold; margin-top:15px; margin-bottom:10px;}
.submit-bg {   border:1px solid #333333; color:#FFFFFF; background-color:#666666; padding:5px 10px; font-weight:bold; cursor:pointer;}
	
.bannerinner { position: relative;  width:100%; margin-bottom:0; height:184px;}
.bannerinner h1 { position:absolute; left: 10px; top: 100px; z-index:2; font-size:20px; background:url("../images/bullet.jpg") no-repeat left 7px; padding:0 0 15px 20px;}

.regconf { width:100%; height:auto; float:left; font-size:13px; font-weight:normal; text-decoration:none;}

.sponsors-logonew-sk {
    background: url("../images/logo-bg.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    display: block;
    height: 120px;
    padding: 5px 0;
    width: 260px;
}

.main { overflow: hidden; width:600px; margin:0 auto;} 




























/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.bannerinner { height:auto;}
	.bannerinner  img { width:100%;}
	#banner-inner h1 { margin-top:80px;}
	#main { width:100%;}
	.galright {float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 94%;}
	.org_left { width:95%; margin: 0 auto 0 auto; float:none;}
	.eve_focus { margin:0 auto 15px auto; float:none; width:92.5%; overflow:hidden;}
	.org_right{ width:95%; margin: 15px auto 0 auto; float:none;}
	.gallerybox { padding-bottom:15px;}
	.Supported_left { width:95%; margin: 0 auto 0 auto; float:none;}
	.Supported_right{ width:95%; margin: 0 auto 0 auto; float:none; overflow:hidden;}
	.Supported { margin-bottom:15px;}
	.org { margin-bottom:15px;}
	
	
	.commettee_focus ul li {  width:42%;  min-height:110px;}
	.txt { width:100%; float:none; text-align:center; }
	.main { overflow: hidden; width:600px; margin:0 auto;} 
	
	}




 /* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
		.main { overflow: hidden; width:90%; margin:0 auto;} 
	.lefthead { width:99%; float:none; margin:0 auto; overflow:hidden;}
.righthead {width:99%; float:none; margin:0 auto; overflow:hidden;}
	
		#main { width:100%;}
	.galright {float: none;
    margin: 0 auto;
    overflow: hidden;
    width: 94%;}
	.org_left { width:95%; margin: 0 auto 0 auto; float:none; overflow:hidden; }
	.eve_focus { margin:0 auto 15px auto; float:none; width:92.5%; overflow:hidden;}
	.org_right{ width:95%; margin: 15px auto 0 auto; float:none;}
	.gallerybox { padding-bottom:15px;}
	.Supported_left { width:95%; margin: 0 auto 0 auto; float:none;}
	.Supported_right{ width:95%; margin: 15px auto 0 auto; float:none; overflow:hidden;}
	.Supported { margin-bottom:15px;}
	.org { margin-bottom:15px;}
	.org_right img { width:30%;}
	.logo_org img { width:30%;}
	.commettee_focus ul li {  width:88%;  min-height:110px; float:none;}
	
	.aboutfocus {
  
    float: left;
    margin-bottom: 25px;
    padding: 20px 10px;
    width: 98%; margin-top:25px;
}


	.txt { width:100%; float:none; text-align:center; }
	
	
	.venue_left { width:100%;  float:none;}
.venue_right { width:98%; height:auto;  float:none; margin-top:20px;}
.venue_right img { width:100%;}

.register_block { padding:5px;}
.bannerinner img{ width:100%;}

.lefttfixed { width:88%; margin:0 auto; float:none;}
.rightfixed{ width:91%; margin:20px auto; float:none;}
.center_div { margin:0 auto;width:100%; float:left;}

	}