/* ++++++++++ global general styles start ++++++++++*/	



@import "menu/menu_style.css";



html, body {
	margin:0px;
	padding:0px;
	color:#000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;

	}

	

a:link { color:#FFCF68; }

a:visited { color:#FFCF68; }

a:active { color:#FFCF68; }

a:hover { color:#806034; } 	



.style1 {

	text-align:center;

/*	margin-left: 0px; */

}

.style2 {

	color: #0D2F69;

}

.style3 {

	color: #0A2581;

}



.style4 {

	color: #0A2581;

	font-size: large;

	font-family: "Times New Roman", Times, serif;

}

.style5 {

	border-style: solid;

	border-width: 1px;

	padding: 1px 4px;

	font: 22pt arial, helvetica, sans-serif;

	color: #040303;

}

.style6 {

	border-style: solid;

	border-width: 1px;

	padding: 1px 4px;

	font: 20pt arial, helvetica, sans-serif;

	color: #040303;

}



.style7 {

	border-width: 1px;

}



.style8 {

	border-width: 1px;

}



.style9 {

	font: 12pt arial, helvetica, sans-serif;

	font-style:italic;

	font-weight:bold;

	color: #99FFCC;

}



.address2 {

	color: orange;

}



.normText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; 

color: #000000; text-decoration: none}



.txt 

{ font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #330066}



.color-1-text-15 { 

	font: 15pt arial, helvetica, sans-serif;

	color: #ffffff;

	}

	

.color-2-text-12 { 

	font: 12pt arial, helvetica, sans-serif;

	color: #FFCF68;

	}			

	

.color-3-text-15 { 

	font: 15pt arial, helvetica, sans-serif;

	color: #362C1D;

	}	

.color-3-text-12 { 

	font: 12pt arial, helvetica, sans-serif;

	color: #362C1D;

	}	

	

.color-4-text-14 { 

	font: 14pt arial, helvetica, sans-serif;

	color: #040303;

	}		

.color-4-text-16 { 

	font: 16pt arial, helvetica, sans-serif;

	color: #040303;

	}		

.color-4-text-20 { 

	font: 20pt arial, helvetica, sans-serif;

	color: #040303;

	}		

.color-4-text-22 { 

	font: 22pt arial, helvetica, sans-serif;

	color: #040303;

	}		

	

.color-5-text-15 { 

	font: 12pt arial, helvetica, sans-serif;

	color: #A47511;

	}	



.color-5-text-10 { 

	font: 10pt arial, helvetica, sans-serif;

	color: #A47511;

	}	

		

.color-6-text-13 { 

	font: 13pt arial, helvetica, sans-serif;

	color: #700F0A;

	}			

.color-6-text-19 { 

	font: 15pt arial, helvetica, sans-serif;

	color: #700F0A;

	}			

.color-6-text-22 {

	font: 22pt arial, helvetica, sans-serif;

	color: #FF9900;

}



.sponsor-img-centered {

	margin-left: 30px;

	margin-right: auto;

	margin-top: 10px;

	margin-top: 10px;

}



p.sponsor-class-text {

	margin: 10px;

	color: #FFFF00;

	text-align: center;

	text-decoration: underline;

}



p.sponsor-entry-text {

	text-align: left;

	color: #99FFCC;

	font-weight: bold;

	font-style: italic;

}



img.sponsor-img-left {

	margin: 5px;

}



table.table-area {

	border-style: solid;

	border-width: 0px;

}



td.grid-table {

	border-style: solid;

	border-width: 1px;

}



	

/* ++++++++++ global general styles end ++++++++++*/	

/* ++++++++++ global structure styles start ++++++++++*/	



.a5-bg-left {

	width:100%;

	background:url(http://www.bellaspark.com/images/a5-bg-left.gif) repeat-y left top;

	}		

.a5-bg-right {

	width:100%;

	background:url(http://www.bellaspark.com/images/a5-bg-right.gif) repeat-y right top;

	}

	

#a5-body-center {

	text-align:center;

	}	

	

#a5-body {

	background-position: right top;

	position: relative;

	width: 1000px; /* change this to a specific amount for a fixed design. E.g., 770px. */;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	background: #336699 repeat-y right

top;	/*the bg color of this property is for the center column, and the bg image is for the right column. This guarantees all columns have color no matter the height of any column */

	border: 0px solid #000000;

}



#a5-date {	

	position:absolute;

	top:167px;

	left:871px;

	color:#F9F5AF;

	z-index:5;		

	}		

		

#a5-header {

	position:relative;

	left:0px;

	top:0px;

	height:188px;	

	border:0px solid #000000;	

	}	



	#taita-sv-logo {	

		position:absolute;

		top:70px;

		left:30px;

		z-index:5;		

		}		

	

	

	#a5-header-right-top {	

		position:absolute;

		top:11px;

		right:40px;

		color:#FFCF68;

		z-index:5;		

		}		

		

	#a5-header-right-top-2 {	

		position:absolute;

		top:12px;

		right:41px;

		color:#13120E;

		z-index:2;		

		}		

	

	#a5-header-right {

		position:absolute;

		right:17px;

		top:89px;

		border:0px solid #ffffff;			

		}	

	

	#a5-menu-box {	

		position:absolute;

		top:125px;

		left:212px;			

		padding:6px 0px 6px 10px;

		font: 10pt arial, helvetica, sans-serif;					

		color:#000000;

		border:0px solid #000000;					

		}	

			

		#a5-menu a {

			display:inline;		

			height:50px;

			text-decoration:none;

			color:#ffffff;

			border-right:0px solid #000000;									

			}

			

		#a5-menu a:hover {

			color:#D4B007;		

			}	

	

#a5-column-left {

	float:left;

	width:656px;

	border:0px solid #000000;	

	}	

		

	#a5-column-left-top-box {

	width: 554px;

	height: 298px;

	margin: 4px 0px 10px 77px;

	background: #999977;

	border: 1px solid #BDB35D;

}

		

	#a5-column-left-middle-box {

		width: 554px;

		/* override by the main html

		height: 465px;

		*/

		margin: 4px 0px 10px 77px;

		background: #999977;

		border: 1px solid #BDB35D;

	}

		

	#a5-column-left-bottom-box {

	width: 554px;

	height: 1400px;

	margin: 4px 0px 10px 77px;

	background: #999977;

	border: 1px solid #BDB35D;

}



#a5-body-content {

	position:relative;

	margin-left:656px;

	border:0px solid #AE6441;	

	}			

		

	#a5-column-middle {

		position:relative;

		left:0px;

		top:0px;

		border:0px solid #000000;			

		}	

					

	#a5-column-right {

		float:right;

		width:145px;

		border:0px solid #000000;	

		}	

		

#a5-footer {

	clear: both;

	font: 8pt arial, helvetica, sans-serif;

	text-align: right;

	padding: 0px 10px 0px 0px;

	line-height: 35px;

	background: #003300;

	color: #84876C;

	border: 1px solid #000000;

}

	

	

/* ++++++++++ global structure styles end ++++++++++*/	





#a5-column-right-s1 {

	float: right;

	width: 706px;

	border: 0px solid #000000;

	font: 11pt arial, helvetica, sans-serif;

	color: #FFFFCC;

}

		

	#a5-column-right-top-box-s1 {

		width:554px;

		height:258px;

		margin:4px 0px 10px 77px;

		background:#BACBAC;

		border:1px solid #BDB35D;	

		}		

		

	#a5-column-right-bottom-box-s1 {

		width:554px;

		height:258px;

		margin:4px 0px 10px 77px;

		background:#BACBAC;

		border:1px solid #BDB35D;	

		}				



#a5-body-content-s1 {

	position: relative;

	margin-right: 706px;

	border: 0px solid #AE6441;

}

		

	#a5-column-middle-s1 {

		position:relative;

		left:0px;

		top:0px;

		border:0px solid #000000;			

/*		background-image: url('images/TAITA/taiwan-sm.jpg');*/

		}	

					

	#a5-column-left-s1 {

		float:right;

		width:145px;

		border:0px solid #000000;	

		}	





/* ++++++++++ second level start ++++++++++*/	



#a5-body-sl {

	position: relative;

	width: 1000px; /* change this to a specific amount for a fixed design. E.g., 770px. */

	margin-left: auto;

	margin-right: auto;

	text-align:left;	

	background: url(http://www.bellaspark.com/images/bg-right-column.gif) repeat-y right top;	/*the bg color of this property is for the center column, and the bg image is for the right column. This guarantees all columns have color no matter the height of any column */

	border:0px solid #000000;		

	}	

	

/*

#a5-body-content-sl {

	position:relative;

	margin-left:855px;

	border:0px solid #AE6441;	

	}					

*/

	

#a5-sl-title {

	height: 40px;

	font: bold 14px italic Arial, Helvetica, sans-serif;

	padding: 0px 0px 0px 30px;

	color: #F8FFA6; /*	background:#AE6441; */;

	background: #660033;

	border-bottom: 2px solid #000000;

	text-transform: capitalize;

}

		

#a5-column-left-sl {

	float:left;

	width:855px;

	border:0px solid #000000;	

	}		



#a5-column-full {

	background:#ffffff;

	border:0px solid #000000;	

	}		



	padding:20px 10px 20px 10px;

	border:0px solid #000000;	

	}			





#nav-menu {

	font: 11pt arial, helvetica, sans-serif;

	color: #CC9900;

}



.nav-menu-item {

	font: 11pt arial, helvetica, sans-serif;

	color: #CC9900;

}



.event-content {

	margin: 10px 10px 10px 10px;

}



.event-title {

	margin: 15px 15px 10px 10px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15pt;

	color: #FFFF00;

}



.event-speakers {

	margin:10px 10px 10px 10px;

}



.event-time-place {

	margin:10px 10px 20px 20px;

}	



.event-content-text {

	margin:15px 15px 30px 30px;



}



.event-bio {

	margin:10px 10px 20px 20px;

}



.colored_speaker_name {

	color: #FFFF00;

}



#sponsors {

	margin:15px 15px 15px 15px;

}



/* ++++++++++ second level end ++++++++++*/		





/* Style for top-menu */

.topMenu {

}



/* Style for submenus */

.submenu {

  background-color: #FFFFFF;

  border-width: 1px;

  border-style: solid;

  border-color: #AAAAAA;

  padding: 0px;

}



/* Style for top items: normal state */

.topItemNormal {

  background-image: url(images/css/btn1.gif);

  background-repeat: no-repeat;

  font-family: Tahoma;

  font-size: 11px;

  color: #FFFFFF;

  cursor: pointer;

  width: 100px;

  height: 32px;

  padding-left: 5px;

  padding-right: 5px;

}



/* Style for top items: mouseover state */

.topItemOver {

  background-image: url(images/css/btn2.gif);

  background-repeat: no-repeat;

  font-family: Tahoma;

  font-size: 11px;

  color: #FFFFFF;

  cursor: pointer;

  width: 100px;

  height: 32px;

  padding-left: 5px;

  padding-right: 5px;

}



/* Style for items: normal state */

.itemNormal {

  cursor: pointer;

  background-color: #FFFFFF;

  padding: 5px 15px 5px 15px;

  width: 200px;

}



/* Style for items: mouseover state */

.itemOver {

  cursor: pointer;

  background-color: #357EF8;

  padding: 5px 15px 5px 15px;

  width: 200px;

}



/* Style for items text: normal state */

.itemTextNormal {

  font-family: Trebuchet MS, Tahoma;

  font-size: 11px;

  color: #000000;

  width: 100%

}



/* Style for items text: mouseover state */

.itemTextOver {

  font-family: Trebuchet MS, Tahoma;

  font-size: 11px;

  color: #FFFFFF;

  width: 100%

}