/* CSS Document */
html{
SCROLLBAR-FACE-COLOR: #F1BD52; SCROLLBAR-HIGHLIGHT-COLOR: #FBEDBD; 
SCROLLBAR-SHADOW-COLOR: #FBEDBD; SCROLLBAR-3DLIGHT-COLOR: #F1BD52; 
SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #FBEDBD; 
SCROLLBAR-DARKSHADOW-COLOR: #F1BD52;
}
body{
margin:0;
padding:0;
line-height: 1.5em;
background:url(bottomBg.gif);
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:url(mainBg.jpg) repeat-y;
}

#topsection{
height: 135px; /*Height of top section*/
}


#topsectionembed{
height: 200px; /*Height of top section*/
}


#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
line-height:160%;
}

#leftcolumn{
float: left;
width: 180px; /*Width of left column*/
margin-left: -990px; /*Set left margin to -(MainContainerWidth)*/
}

#contentcolumn{
margin-left: 180px; /*Set left margin to LeftColumnWidth*/
}



#footer{
clear: left;
width: 100%;
background:url(footerBg.jpg) repeat-x;
color: #FFF;
text-align: center;
padding: 12px 0;
height:30px;
font-size	:75%;
letter-spacing:1px;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#albumlist{
list-style-type:none;
}
#albumlist li{
float:left;width:150px; 
color:#666666;
font-size:12px;
letter-spacing:1px;
text-align:center;
padding:10px;
}
#albumlist img{
display:block;
}


#blueblock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: '新細明體','Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size:75%;

color: #333;
}

* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #CACCA1;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #525C24;
border-right: 10px solid #A8AA6A;
background-color: #969944;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #ffff00;
}
.access_m{
color:#525C24;
font-size:12px ;
line-height:12px;
margin:0px;
padding:0px;
}
.access_m a:link,.access_m a:visited{
color:#525C24;
text-decoration:none;
}
.access_m a:hover,.access_m a:active{
color:#ffff00;
text-decoration:none;
}

.access_c{
color:#ffffff;
font-size:12px ;
line-height:12px;
margin:0px;
padding:0px;
}
.access_c a:link,.access_c a:visited{
color:#ffffff;
text-decoration:none;
}
.access_c a:hover,.access_c a:active{
color:#ff0000;
text-decoration:none;
}


.contentTxt{
padding:10px;
color:#666666;
font-size:75%;
letter-spacing:1px;
line-height:160%;
}
.contentTxt a:link,.contentTxt a:visited{
color:#0066CC;
text-decoration:none;
}
.contentTxt a:hover,.contentTxt a:active0{
color:#FF6600;
text-decoration:underline;
}
.contentHr{

background:#cccccc;
height:1px;
color:#cccccc;
margin:-10px 10px;
border: dotted 1px #cccccc;
}

.lib_list{
list-style-image:url(lib_list.gif);
font-size:75%;letter-spacing:1px;
color:666666;
}
.lib_list a:link,.lib_list a:visited{
color:666666;
text-decoration:none;
}
.lib_list a:hover,.lib_list a:active{
color:ffcc00;
text-decoration:underline;
}
.acad_list1{
list-style-image:url(acad_list_01.gif);
}

.acad_list2{
list-style-image:url(acad_list_02.gif);
}
.acad_list3{
list-style-image:url(acad_list_03.gif);
}

.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}
.listPic{
border:none;
margin-right:2px;
vertical-align:middle;
}

.embold { font-family: Verdana, Arial, Helvetica;  font-size: 80%;  font-weight: bold}

ul.no { list-style-type: none;}

.garnet { color: #660000}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 181px; /* Width of Menu Items */

}
	
.suckerdiv ul li{
position: relative;
background:url(leftMenuBg.jpg) repeat-y;
/*border-bottom:solid 1px #CACCA1;*//*20091126*/
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 181px; /*sub menu width*/
top:0;
visibility: hidden;
}


/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 5px 5px 5px 12px;
font-size:16px;
>/*IE only*/ border-bottom /*IE7*/ : 0px; /*sub menu width*/    /*~~~~~~~~~~~~~~20080318*/
>/*IE only*/ padding: /*IE7*/:1px 5px;                          /*~~~~~~~~~~~~~~20080318*/
>/*IE only*/ background/*IE7*/: url(leftMenuBg.jpg) repeat-y;   /*~~~~~~~~~~~~~~20080318*/
}

.suckerdiv ul li a:visited{
color: white;
}

.suckerdiv ul li a:hover{
color:yellow;
text-decoration:underline;/*20091126*/
background:url(leftMenuBg_o.jpg) repeat-y;
}

.suckerdiv ul li.liTop{
	margin:0;
	height:10px;
	font-size:6px;
	background:url(leftMenuTopBg.gif) no-repeat;
	display:block;
	width:100%;
	border:none;
}
.suckerdiv ul li.liBottom{
	margin:0;
	height:11px;
	font-size:7px;
	background:url(leftMenuBottomBg.gif) no-repeat;
	display:block;
	width:100%;
	border:none;
}

.suckerdiv .subfolderstyle{
background: url(arrow-list.gif) no-repeat center right;
>/*IE only*/ background-position/*IE7*/:170px ;               /*~~~~~~~~~~~~~~20080318 水平 垂直*/
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

#msgBodyOutline{
	border:solid 1px #999;margin:15px;
}

.contentMsg{
padding:10px;
color:#333;
font-size:75%;
letter-spacing:1px;
line-height:160%;
word-break:break-all;
}
.contentMsg a:link,.contentMsg a:visited{
color:#0066CC;
text-decoration:none;
}
.contentMsg a:hover,.contentMsg a:active0{
color:#FF6600;
text-decoration:underline;
}

.msgbutton{
background-color: #FBEDBD;
border: 1px #3E80C1 solid;
color: black;
padding:3px 10px;
text-decoration: none;
font: bold 75% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.msgbutton:visited{
color: black;
}

.msgbutton:hover{
border-style: inset;
background-color: #e3f48e;

}

.msgbutton:active{
color: black;
}

.msgGuestArea{
	padding:5px; background:#FBEDBD;margin:5px;
}
.msgReArea{
	margin:5px;padding:5px;background:#F1BD52;
}