/* CSS Document */

html{scrollbar-face-color:#255A9F; scrollbar-track-color:#ccc; scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#255A9F; scrollbar-highlight-color:#255A9F; scrollbar-shadow-color:#255A9F; scrollbar-darkshadow-color:#255A9F; }

body{margin:0px; padding:0px; background-color:#cccccc; text-align:center; font:normal 72%/155% "Lucida Sans Unicode",arial; color:#656565;}

table{font:normal 1em/155% "Lucida Sans Unicode",arial; color:#656565;}

h1,h2,h3,h4,h5,h6,p{margin:0px; padding:0px; font-size:1em;}
ul{font-size:1em;}

.clear{clear:both; margin:0px; padding:0px; line-height:1px; height:1px; font-size:1px; visibility:hidden;}

#wrap{width:950px; margin:0px auto; padding:0px; background-color:#fff;}
#wrapall{width:900px; margin:0px auto; padding:0px; text-align:left;}

#topbg{width:900px; height:80px; margin:0px; padding:0px;}
#topbg img{float:left;}
#topbg .buttons1{float:right; margin-top:60px; color:#959595; padding:3px 0px 3px 35px; background:#f0f0f0 url(arrow1.gif) no-repeat 10px 3px;}
#topbg .buttons1 a{color:#4D4D4D; text-decoration:none; height:10px; padding:0px 5px;}
#topbg .buttons1 a:hover{color:#000; text-decoration:underline;}

#buttons{width:900px; color:#ccc; font-family:verdana;}
#buttons span{float:left; display:inline; width:880px; background:url(bbg.jpg) repeat-x 0px 0px; padding:8px 0px;}
#buttons span a{color:#fff; font-size:1.1em; font-weight:bold; text-decoration:none; padding:0px 18px;}
#buttons span a:hover{color:#FFD562;}
#buttons span a.current{color:#FFD562;}

#container{width:900px; margin:0px; padding:0px;}
#container .left{width:224px; float:right; display:inline; margin-top:10px; margin-bottom:10px; margin-left:5px;}
#container .mid{width:450px; float:left; display:inline; text-align:center;}
#container .mid img{margin-left:0px; margin-right:0px;}
#container .right{width:220px; float:right; display:inline; margin-top:10px; margin-bottom:10px;}

#container .left1{width:200px; float:left; display:inline; margin-top:10px; margin-bottom:10px; min-height:200px;}
*html #container .left1{height:400px;}
#container .right1{width:700px; float:right; display:inline; margin-top:10px; margin-bottom:10px;}

.bg1{background:url(leftbg.jpg) repeat-y 0px 20px;}

#container .box1{background-color:#f1f1f1; width:100%; min-height:320px; margin-bottom:10px;}
*html #container .box1{height:320px;}
#container .box2{width:190px; float:left; display:inline;}
#container .box3{width:200px; float:left; display:inline; margin-left:10px; display:none;}
#container .box4{width:600px; float:left; display:inline; margin:0px;}
#container .box5{width:280px; float:right; display:inline; line-height:130%;}

#container .buttons2 a{display:block; color:#454545; font-size:1.1em; font-weight:bold; text-decoration:none; padding:0px 0px 0px 15px; margin:0px;}
#container .buttons2 a:hover{color:#FFBE62;}

#container .buttons3{padding-bottom:30px;}
#container .buttons3 a{display:block; color:#DF0000; font-size:1.1em; font-weight:bold; text-decoration:none; padding:5px 4px 5px 15px; border-bottom:1px solid #ccc;}
#container .buttons3 a.first{border-top:1px solid #ccc;}
#container .buttons3 a:hover{color:#454545; text-decoration:none;}
#container .buttons3 img{margin:10px;}

#container p{padding:0px 15px 15px 15px;}
#container p.b2{margin-left:30px; padding-bottom:5px;}
#container h1{padding:10px 15px; font-size:1.8em; color:#959595; font-family:verdana; margin-bottom:20px;}
#container h2{padding:5px 15px 5px 15px; color:#DF0000; font-size:1.3em; font-family:verdana;}
#container h3{padding:5px 15px 5px 15px; color:#454545; font-size:1.3em; font-family:verdana;}
#container h4{padding:10px 15px 10px 40px; background:url(arrow2.gif) no-repeat 13px 11px; color:#DF0000; font-size:1.3em; font-family:verdana;}
#container h5{padding:10px 15px 0px 15px; margin-bottom:10px; color:#2960DD; font-size:1.3em; border-bottom:1px solid #ccc; font-family:verdana;}
#container h6{padding:5px 15px 5px 15px; color:#222222; font-size:1em; font-family:verdana;}
#container a.b1{color:#df0000; text-decoration:none;}
#container a.b1:hover{text-decoration:underline;}

#container .box1 h4{padding:10px 15px 10px 40px; }


#container ul{margin-top:0px; padding-top:0px;}
#container ul li{padding:2px 5px;}
#container .borderit{border-collapse:collapse;}
#container .borderit td{border:1px solid #ccc;}
.date{margin-left:25px; font-size:0.75em; display:inline; color:#555555;}
.edu{margin-left:25px; font-size:0.75em; display:inline; color:#555555; font-style:italic;}
#container hr{margin:0px; padding:0px; border:none; border-bottom:1px solid #f0f0f0; height:1px; line-height:1px;}

#container a{color:#002A56; text-decoration:none; border-bottom:1px dotted #104883; line-height:normal;}
#container a:hover{text-decoration:none; border-bottom:1px dotted #cccccc; }

#container img{margin:8px 15px; display:block;}
#container img.l{float:left; display:inline;}
#container img.r{float:right; display:inline;}

#container #gallery{width:635px; margin:0px 0px 0px 15px; padding:0px; display:block; position:relative; background-color:#f0f0f0; height:445px;}
#container #gallery a{border:0px; display:block; float:left; margin-right:1px; padding:5px; background-color:#454545; 
color:#ffffff; text-decoration:none; font-weight:bold;}
#container #gallery a img{width:0px; height:0px; display:block; margin:0px; padding:0px; border:0px;}
#container #gallery a:hover{background-color:#959595; text-decoration:none;}
#container #gallery a:hover img{display:block; width:auto; height:auto; background-color:#999999; padding:4px; position:absolute; top:26px; left:0px; z-index:50;}
#container #gallery em{position:absolute; top:200px; left:165px; z-index:10; color:#FF3300; font-weight:bold; font-size:1.4em; text-align:center; font-style:normal;}
#container #gallery em b{font-size:0.7em; font-weight:normal; color:#000000;}

#cobalt{width:900px; clear:both; margin:0px; padding:0px;}

#footer{width:900px; clear:both; margin:0px; padding:0px; font-size:0.95em; margin-top:10px; border-top:1px solid #df0000;} 
#footer p{text-align:center; background-color:#f0f0f0; color:#858585; line-height:normal; padding:5px 0px;}
#footer p a{color:#004EB1; text-decoration:none; padding:0px 5px;}
#footer p a:hover{text-decoration:underline;}


/* --------------------------------------- menu style ------------------------------------------------------ */
.menu{width:230px; background-color:#555555; padding:0px; position:absolute; top:0px; left:0px; z-index:99; text-align:left; visibility:hidden;}
.menu a{display:block; background-color:#ffffff; margin:1px; padding:2px 10px; text-decoration:none;  color:#2960dd;}
*html .menu a{height:22px;}
.menu a:hover{color:#df0000; background-color:#f0f0f0;}
.menu a.current{font-weight:bold; color:#F85200; background-color:#ffffff;}
.menu a.current:hover{background-color:#ffffff; cursor:default;}