/* CSS Document - Author: Shaibal Mandal */

/* Main Styles that apply to body */



body {
	margin: 0px;
	position: absolute;
	font-size: 12px;
	font-family: "sө", "ө";
	padding-left: 50%;
	padding-top: 1%;
	padding-bottom: 1%;
	background: #ffff00 url('images/bg.gif') fixed repeat;
	
}

h1 {
text-decoration: underline;
font-color: #333333;
font-size: 15px;
letter-spacing: 3px;
}

h2 {
font-size: 15px;
color: #FF0000;
}

span.remind01
{
font-size: 14px;
}

span.newclassdate
{
font-size: 16px;
color: #0000ff;
font-weight: bold;
}


span.title2
{
font-size: 16px;
color: #0000ff;
font-weight: bold;
}

span.title1
{
font-size: 18px;
color: #ff0000;
font-weight: bold;
}

span.title1b
{
font-size: 20px;
color: #ff0000;
font-weight: bold;
}

span.title2
{
font-size: 16px;
color: #000000;
}



span.title3
{
font-size: 16px;
color: #0000ff;
font-weight: bold;
}

span.stillopen
{
font-size: 16px;
color: #ff0000;
font-weight: bold;
}

span.newstitle
{
font-size: 14px;
font-weight: bold;
}


/* This is the page container built and centered using -ve margins */
#container {
	width: 650px;
	margin-left: -350px;
	background: transparent;
	
	
	
	
}

title_a a:link/*超連結*/    
 {color : #FF6600 ; /*文字色彩*/}
title_a a:visited/*瀏覽過的超連結*/     
 {color : #FF6600; /*文字色彩*/}
title_a A:active/*按下連結*/    
  {color : #990000 ; /*文字色彩*/}
title_a A:hover/*滑鼠移至連結*/    
{color : #990000;
text-decoration:none; /*文字色彩*/   }
</style>

link a:link
{color : #000000 ;}
link a:visited
{color : #000000 ;}
link A:active
{color : #000000 ;}
link A:hover
{color : #000000 ;}


#topbar {
	width:auto;
	background: transparent;
	height: 20px;
	font: 9px monotype-corsiva;
	font-weight: bold;
	
	text-align: right;
	
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}

/* This holds the two heading blocks, the title and the login form */
#headerwrapper {
    width:auto;
	background: transparent;
	height: auto;
	text-align: center;
	font: 40px sө;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}


ol.decimal {
list-style-type: decimal

}

/* This holds the tabs */
#tabholder
{
    width: auto;
}

/* Container for the article box, and the pic box */
.articleboxouter {
	width: auto;
	height: 350px;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 5px;
} 

/* Content holder for the articles */
.articleboxinner {
	width: auto;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 6px;
    
    
	}
#slo {
	height: 40px;
}


/* The title style for the main article */
.articleheader
{
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}


/* This controls the main pic in the main article box */
.mainpiccontrol
{
    border: 1px #DDD solid;
    float: left;
    margin-right: 10px;
	
}

/* Content holder for the pic box */
.picbox {
	width: auto;
	color: #DD7CB4;
	text-align: center;
	margin-top: 450px;
	*margin-top:420px!important;
}

/* This controls the thumbnails in the picbox div */
.pickboxcontrol
{
    border: 1px #DDD solid;
    vertical-align: middle;

}

/* Sometimes, I don't want borders around my hyperlink images */
.noborder {
    border: none;
}

/* For taming those leeeeeeetle arrows */
img {

}

/* Style-up those ugly default hyperlinks */
a {
	text-decoration: none;
	padding: 0;
	margin: 0;
}

/* And their ugly hover states too */
a:hover {
	text-decoration: underline;
}

/* Why should the humble footer be left out? */
#footer {
	
	background-color: transparent;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	clear: both;
    border-top: 1px solid #778;
	margin-top: 20px;
	padding-top: 30px;
}

/* This will contain the three columns */
#newsContainer2
{
    width:;
    
}


/* left column of the newsbox */
.left
{
	width: 420px;
	background-color: transparent;
	line-height: 22px;
	color: #0033ff;
	float:left;
}

/* right column of the newsbox */
.right
{
	width: auto;
    line-height: 20px;
    color: #333333;
    background: transparent;
    text-align: left;
    font-size: 14px;
} 

/* First column of the three columns */
.c1
{
	text-align:justify;
	width: 240px;
	background: transparent;
	line-height: 22px;
	color: #333333;
	float: left;
	
}

/* Second column of the three columns */
.c2
{
	width: 234px;
	float: right;
	line-height: 22px;
	color: #333333;
	height: auto;
	background: transparent;
	
}

/* Third column of the three columns */
.c3
{
	width: 233px;
	text-align:justify;
	background: transparent;
	line-height: 22px;
	color: #333333;
	float: right;
	height: auto;
	
}

/* This controls the titles for each column */
.noteheader1
{
    text-align:center;
	width:auto;
    color: #cc6600;
    height: 24px;
    font-family: verdana;
    font-size: 16px;
    font-weight: bold;
	background: #ffff99;
	border: 1px solid #DDD;
	border-right: none;
}

.noteheader2
{
    text-align:center;
	width:auto;
    color: #cc6600;
    height: 24px;
    font-family: verdana;
    font-size: 16px;
    font-weight: bold;
	background:#ffff99;
	border: 1px solid #DDD;
	border-right: none;
	border-left: none;
}

.noteheader3
{
    text-align:center;
	width:auto;
    color: #cc6600;
    height: 24px;
    font-family: verdana;
    font-size: 16px;
    font-weight: bold;
	background:#ffff99;
	border: 1px solid #DDD;
	border-left: none;
}

.notebottom1
{
    text-align:center;
	width:auto;
    color: #cc6600;
    height: 24px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
	background:transparent;
	border:none;
}

.notebottom2
{
    text-align:center;
	width:auto;
    color: #cc6600;
    height: 24px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
	background:transparent;
	border:none;
}

.notebottom3
{
    text-align:center;
	width:auto;
    color: #cc6600;
    height: 24px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
	background:transparent;
	border:none;
	
}


/* And this gives the column text some breathing space */
.spacy
{
    padding: 5px;
	padding-top: 5px;
	font-size: 22px;
    text-align: center;
	height:auto;
	background: transparent;
	
}

/* CSS Tabs */

#navlist {
        padding: 3px 0;
        margin-left: 0;
        border-bottom: 1px solid #778;
        font: bold 14px Verdana, sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#navlist li a {
        padding: 3px 0.5em;
        margin-left: 3px;
        border: 1px solid #778;
        border-bottom: none;
        background: #ff9900;
        text-decoration: none;
}

#navlist li a:link { color: #ffffcc; }
#navlist li a:visited { color: #ffffcc; }

#navlist li a:hover {
        color: #cc9900;
        background: #ffff99;
        border-color: #778;
		
}

#navlist li a#current {
        color: #cc6600;
		background: transparent;
        border-bottom: 1px solid #ffff00;
	}
	
#navcontainer
{
    width: auto;	
      
}




/* End of CSS Tabs */
#top {
	background-color: #ff9900;
	height: 119px;
	width: 680px;
}
#down {
	background-color: #ff9900;
	height: auto;
	width: 680px;
}
#icon {
	float: none;
	width: 680px;
	text-align: right;
}
icon a:link/*超連結*/    
 {color : none ; /*文字色彩*/}
icon a:visited/*瀏覽過的超連結*/     
 {color : none; /*文字色彩*/}
icon A:active/*按下連結*/    
  {color : none ; /*文字色彩*/}
icon A:hover/*滑鼠移至連結*/    
{color : none;
text-decoration:none; /*文字色彩*/   }
</style>
#down_word {
	background-color: #FFFFFF;
	margin: 10px;
	width: 630px;
	border: 2px solid #b96f00;
}
#down_word {
	background-color: #FFFFFF;
	width: 610px;
	border: 2px solid #b96f00;
	padding: 10px;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#footer_pc {
	float: right;
	margin-top: -270px;
	text-align: right;
	vertical-align: bottom;
}