body{
    position: absolute;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    font:80% Verdana,Tahoma,Arial,sans-serif;
    color:#303030;
}

#body img{
border:0;
}

#center {
    position: absolute;
    left: 50%; 
}

#wrap{
position: absolute;
top:10px;
left: -450px;
width: 900px;
background:#ffffff;
color:#303030;
/*overflow: hidden;*/

}

#top_bar_ieee_logo
{
    position: absolute;
    left: 0px;
    width: 137px;
    height: 75px;
}
#top_bar
{
    position: absolute;
    left: 137px;
    width: 763px;
    height: 75px;
    background-color:#f4f2f3;
    color:#999;
    font-family: "arial", helvetica, sans-serif;
    font-weight:bold;
    font-size: 1.2em;
}

#top_bar a{
color:#808080;
}

#banner{
position: absolute;
top:75px;
}

#wrap2{
position: absolute;
top:225px;
padding: 5px 0 0 0;
background:  #d9d9d9;
color:#303030;
width:900px;

}


#avmenu{
    position: absolute;
    top:5px;
    left:0px;
background-color: #d9d9d9;
width:130px;

margin:0;
padding:0;
font-size:0.9em;
}

#avmenu ul{
list-style:none;
width:130px;
margin:0 0 0 5px;
padding:0;

}	

#avmenu li{
margin-bottom:4px;
}

#avmenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 6px;
background: #A3C5CF;
border-left:7px solid #00AEEF;
}	
	
#avmenu li a:hover{
background:#eaeaea;
color:#4C7593;
border-left:7px solid #4C7593;
}


/*display： 設定元件是否顯示於網頁上
 		none 代表不顯示，且此元件不占任何空間。 
		block 代表顯示，並視為區塊，前後緊臨的元件將換行顯示。 
		inline 代表顯示，但前後緊臨的元件會排在其左右，並不會換行。 
		list-item 代表顯示，與 block 大致相同。 
		table-header-group 只能用在 <thead> ，代表表格在多頁時（如列印），此區之表格將會自動加在有此表格之頁面的第一列。 
		table-footer-group 相似，但用於 <tfoot> ，作用是表格在多頁時，此區之表格將會自動加在有此表格之頁面的最末列。 
			*/
li ul {
  position:absolute  ;  /* position：設定元件位置屬性 ( 可設絕對 absolute、相對 relative、靜態 static );*/
  left: 125px; /* Set 1px less than menu width */
  top: 0; 
  display: none;  
background:#eaeaea;  
  }
  
#avmenu ul li {
  position: relative; /* position：設定元件位置屬性 ( 可設絕對 absolute、相對 relative、靜態 static )*/
  margin-bottom:4px;
  }
   
li:hover ul, li.over ul { display: block; } /* The magic */
 

#content{
margin-left:140px;
border-left:1px solid #E0E0E0;
padding:10px 0 0 5px;
background-color: #f4f2f3;
overflow: hidden;
}

#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
color:#666666;
}	

#content img{
max-width: 750px;
width:expression(this.width>750 ? 750:true);
}
/*
#content table{
max-width:750px;
width:expression(this.width>750 ? 750:true);
table-layout: fixed;
}
*/
h3{
font-size:1.4em;
margin:0 0 0.5em 0;
}

a{
text-decoration:none;
color:#286ea0;
}

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

a img{
border:0;
}

#footer{
margin:0;
padding:10px 0 10px 0;
width:900px;
background-color: #d9d9d9;
text-align:left;
color:#808080;
font-size: 0.8em;

}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.large{
font-size:1.3em;
padding:5px;
}

.pbfits{
font-size:1.2em;
font-family: "Times New Roman", arial, sans-serif;
/*padding:5px; */

}

.pbfitssmall{
font-size:1em;
}

.blue_font {
	color: #286ea0;
	font-weight: bold;

}
.gray_font {color: #808080}
.red_font {
	color: #CC0000;
	font-weight: bold;
}
table.officer{
        margin:0 auto;
        width:700px;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
        font-family: "arial", helvetica, sans-serif;
        font-size:1.0em;
}
table.officer td{
        padding: 1em;
}


table.contactus{
        margin:0 auto;
        width:550px;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
        background-color:#D1E9E9;
        font-family: "arial", helvetica, sans-serif;
        font-size:1.0em;
}

table.blue{
	margin:0 auto;
	width:500px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #AED5D5;
	border-collapse: collapse;
	background-color:#D1E9E9;
	font-family: "arial", helvetica, sans-serif;
	font-size:1.1em;
}
table.blue th {
	margin:0 auto;
	width:250px;
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #808080;
	background-color: #ffffff;

}
table.blue td {
	margin:0 auto;
	width:250px;
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #AED5D5;
	color:#505050;

}
table.white{
	margin:0 auto;
	width:500px;
	height:75px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #AED5D5;
	border-collapse: collapse;
	background-color:#FFFFFF;
	font-family: "arial", helvetica, sans-serif;
	font-size:1.1em;
	text-align:center;
}


table.photo{
	margin:0 auto;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #AED5D5;
	border-collapse: collapse;
	font-family: "arial", helvetica, sans-serif;
	font-size:1.1em;
	}
table.photo th {
	margin:0 auto;
	width:250px;
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #AED5D5;
	color: #808080;
	text-align:center;
}
table.photo td {
	margin:0 auto;
	width:250px;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #AED5D5;
	text-align:center;
}
table.photo td img {
	width:240px;
	border:0;
}

table.archives{
	margin:0 auto;
	width:99%;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #AED5D5;
	border-collapse: collapse;
	font-family: "arial", helvetica, sans-serif;
	font-size:1.1em;
}
table.archives th{
	margin:0 auto;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #AED5D5;
	background-color:#D1E9E9;
	text-align:center;
}
table.archives td{
	margin:0 auto;
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #AED5D5;
	text-align:center;
}
table.white_button{
	margin:0 auto;
	border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
        font-family: "arial", helvetica, sans-serif;
        font-size:1.2em;
	font-weight:bold;
}
table.white_button td{
	margin:0 auto;
	width:150px;
        background-color:#FFFFFF;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
	padding:5px;
        color: #D1E9E9;
	text-align:center;

}
table.white_button th {
	margin:0 auto;
	width:150px;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
	padding:5px;
        color: #FFFFFF;
	text-align:center;
	background-color: #D1E9E9;
}

table.chapters{
        margin:0 auto;
        width:99%;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
        font-family: "arial", helvetica, sans-serif;
        font-size:0.9em;
}
table.chapters th{
        margin:0 auto;
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #AED5D5;
        background-color:#D1E9E9;
        text-align:left;
}
table.chapters td{
        margin:0 auto;
        border-width: 1px;
        padding: 3px;
        border-style: solid;
        border-color: #AED5D5;
        text-align:left;
}


table.news{
        margin:0 auto;
        width:99%;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
        font-family: "arial", helvetica, sans-serif;

}
table.news th{
        margin:0 auto;
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #AED5D5;
        background-color:#D1E9E9;
        text-align:center;
}
table.news td{
        margin:0 auto;
        border-width: 1px;
        padding: 3px;
        border-style: solid;
        border-color: #AED5D5;
        text-align:center;
}
table.news_content{
	margin:0 auto;
        width:99%;
	font-family: "arial", helvetica, sans-serif;
	table-layout: fixed;
}

table.archives_more{
        margin:0 auto;
        width:99%;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
        font-family: "arial", helvetica, sans-serif;
        font-size:1.1em;
}
table.archives_more th{
	width:20%;
        margin:0 auto;
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #AED5D5;
        background-color:#D1E9E9;
	text-align:left;
}
table.archives_more td{
	width:80%;
        margin:0 auto;
        border-width: 1px;
        padding: 3px;
        border-style: solid;
        border-color: #AED5D5;
}

table.web_link{
        margin:0 auto;
        width:99%;
        border-width: 1px;
        border-spacing: 0px;
        border-style: solid;
        border-color: #AED5D5;
        border-collapse: collapse;
        font-family: "arial", helvetica, sans-serif;
        font-size:1.1em;
}
table.web_link th{
        margin:0 auto;
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #AED5D5;
        background-color:#D1E9E9;
        text-align:left;
	font-weight:bold;
}
table.web_link td{
        margin:0 auto;
        border-width: 1px;
        padding: 3px;
        border-style: solid;
        border-color: #AED5D5;
}