@charset "utf-8";
/* CSS Document */

#subjectarea{background-image:url(../img/common/stripbg.jpg); background-repeat:repeat;background-position:0% 0%; letter-spacing:1px; padding: 13px 16px 13px 16px; width:505px; height:639px; margin-left:0px}
#medicine{background-image:url(../img/subjectarea/medicine.png);background-repeat:no-repeat; background-position:0% 0%; height:245px; width:244px; float:left; margin-right:16px;  }
#biosciences{background-image:url(../img/subjectarea/bio.png);background-repeat:no-repeat; background-position:0% 0%; height:245px; width:244px; float:right }
#physicalscience{background-image:url(../img/subjectarea/physicalscience.png);background-repeat:no-repeat; background-position:0% 0%; height:245px; width:244px; float:left; margin-right:16px; margin-top:13px }
#eco{background-image:url(../img/subjectarea/eco.png);background-repeat:no-repeat; background-position:0% 0%; height:245px; width:244px; float:right; margin-top:13px}
#arts{background-image:url(../img/subjectarea/arts.png);background-repeat:no-repeat; background-position:0% 0%; height:123px; width:502px; float:left; margin-right:16px; margin-top:13px }
.subjecttitle{font-size:14px; font-weight:bold; font:"MS PGothic"; color:#4c4c4d; letter-spacing:1px; height:16px; overflow:hidden}
.titleblock{display:block; width:235px; margin-left:5px; margin-right:5px; margin-top:5px; text-align:center;}
.subjectsubtle{font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; color:#6d6d6d;}
.subtleblock{display:block; width:235px; margin-left:5px; margin-right:5px; margin-top:3px; text-align:center}
.listblock{ display:block; width:235px; margin-left:5px; margin-right:5px; margin-top:85px; text-align:left}
.listtext{font-size:11px; font-weight:bold; font:"MS PGothic"; color:#8e8f92; line-height:18px; letter-spacing:0px}

.artstitle{font-size:14px; font-weight:bold; font:"MS PGothic"; color:#4c4c4d; letter-spacing:1px; height:16px; overflow:hidden}
.artstitleblock{display:inline-block; width:235px; margin-left:8px; margin-right:5px; margin-top:12px; text-align:left; float:left}
.artssubtle{font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; color:#6d6d6d;}
.artssubtleblock{display:inline-block; width:235px; margin-left:10px; margin-right:5px; margin-top:12px; text-align:left}
.artslistblock{ display:block; width:235px; margin-left:265px; margin-right:5px; margin-top:0px; text-align:left}
.artslisttext{font-size:11px; font-weight:bold; font:"MS PGothic"; color:#8e8f92; line-height:18px; letter-spacing:0px}


/* for List Nav */
	.listNav { margin:0 0 10px; clear:both }
	.ln-letters { overflow:hidden; width:549px }
	.ln-letters a { font-size:11px; display:block; float:left; padding:2px 4px; border:1px solid silver; border-right:none; text-decoration:none; color:#000; font-family:Verdana, Geneva, sans-serif }
	.ln-letters a.ln-last { border-right:1px solid silver; }
	.ln-letters a:hover,
	.ln-letters a.ln-selected { background-color:#eaeaea; }
	.ln-letters a.ln-disabled { color:#ccc; }
	.ln-letter-count { text-align:center; font-size:11px; line-height:100%; margin-bottom:3px; color:#FFF; }
	#demo4 #listWrapper { width:560px; margin:0px; padding:5px;}
	#demoFour li { float:left; font:Verdana, Geneva, sans-serif; list-style:none }
	#demoFour a { display:block; font-size:11px; text-align:left; width:255px; border:0px solid silver; padding:5px; margin:0 2px 2px 0; text-decoration:none; color:#000; font-family:Verdana, Geneva, sans-serif; letter-spacing:0px; }
	#demoFour a:hover { background-color:#fff}
	.demo{margin:0px; max-height:635px; overflow-y:scroll; overflow-x:hidden; border:1px solid silver; }
	
	
/* for tabs in subject list */
#tablist{
padding: 5px 0;
margin-left: 0;
margin-bottom: 0; float:left;
margin-top: 0.1em;
font: bold 12px "ms Gothic"; width:100%;
}

#tablist li{
list-style: none; width:100px;
display: inline; 
margin: 0; 
}

#tablist li a{
padding: 5px 0.5em; margin-bottom:0px;
margin-left: 3px; display:inline-block; width:100px;
border: 1px solid #ccc;
background: #f8f8f8;
}

#tablist li a:link, #tablist li a:visited{
color: #000;
}

#tablist li a.current{
background: #fff;
}

#tabcontentcontainer{
width: 545px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid #ccc; height:250px; overflow-y: scroll; overflow-x: hidden;
}

.tabcontent{
display:none;
}