/* CSS Resets.  Taken from YUI Reset library */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
cite,address,dfn,var {font-style:normal;}
/* end resets */

html, body 
{
height:100%;
font-family: 'Helvetica','Verdana','sans-serif',MingLiu,'AR PL ZenKai Uni','nj chinese simplified','宋体',mssong,'ms song';
}
body {
width:900px;
margin:0;
padding:0;
behavior:url(../csshover2.htc);
}
img {
border:none;
margin:0;
padding:0;
}
a {
text-decoration:none; 
}
a:active, a:hover {
text-decoration:underline;
}
a, a:active, a:hover, a:visited {
color:#4c7388;
}
#header {
position:relative;
height:auto;
width:900px;
}
#header img#rolcclogo {
width: 391px;
height: 78px;
}
#header ul {
text-align:right;
margin:0;
}
#header ul li {
display:inline;
}
#header ul li.lastitem {
border-right:none;
}
#main {
width:1000px;
height:auto;
margin:0;
padding:0;
}
div#navbar {
float: left; 
width: 154px; 
margin:0;
}
div#navbar ul {
margin: 0; 
padding: 0; 
width: 154px; 
background: white;
z-index:100;
}
div#navbar li {
font-size:14px;
position: relative; 
padding: 5px 0;
margin:0;
list-style: none; 
background:url(../images/nav_bar.gif) no-repeat;
}
div#navbar li:hover {
background:url(../images/nav_bar_hover.gif) no-repeat;
color:white;
}
div#navbar li.submenu {
background:url(../images/nav_bar_more.gif) no-repeat;
}
div#navbar li.submenu:hover {
background:url(../images/nav_bar_more_hover.gif) no-repeat;
}
div#navbar li.submenu:hover ul {
display:block;
}
div#navbar li a {
color:#4c7388;
color:black;
padding:0;
display: block; 
width:100%;
height:100%;
text-decoration: none; 
}
div#navbar li.nonsubmenu a {
color:black;
}
div#navbar a:hover {
color:white;
}
div#nav>ul a {
width: auto;
}
div#navbar ul ul {
position: absolute; 
top: 0; 
left: 152px;
display: none;
}
div#navbar ul li.selectedmenu {
width:100%;
}
div#navbar ul li.selectedmenu ul {
position:static;
display:block;
border:none;
padding:0;
margin-bottom:-5px;
}
div#navbar li.selectedmenu ul li a {
padding-left:20px;
padding:3px 0 3px 30px;
width:119px;
height:100%;
display:block;
}
div#navbar li.selectedmenu ul li{
padding:0;
}
div#navbar li#currentpage {
background:url(../images/nav_currentpage-r.gif) no-repeat;
}
div#navbar li#currentpage a {
color:black;
}
#navbar a#feedback  {
display:block;
text-align:center;
color:red;
font-weight:bold;
}
#navbar a#feedback:hover {
text-decoration:underline;
color:orange;
}
#content {
margin:0;
padding:0;
width:740px;
float:left;
}
#slogan {
width:740px;
height:110px;
}
ul#bannershortcut {
width:740px;
height:auto;
margin:0;
margin-top:-5px;
padding:0;
text-align:center;
font-size:12px;
font-family:'黑體','新細明體','宋体';
}
#shortcut_item1, #shortcut_item2, #shortcut_item3, #shortcut_item4, #shortcut_item5, #shortcut_item6 {
display:inline;
height:20px;
list-style:none;
width:123px;
float:left;
background:#E0DDD8 url(../images/blueboarder.gif) no-repeat;
}
ul#bannershortcut li a {
vertical-align:middle;
padding-top:4px;
width:100%;
display:block;
}
#ps {
margin:0px 0px 50px 210px;
padding-top:25px;
}
#subcontent {
padding:40px 0 0 0;
margin-left:20px;
border-bottom:2px dotted #333;
}
#subcontent table {
width:100%;
height:auto;
padding:0;
margin-bottom:10px;
}
#subcontent table th {
background:#E0DDD8;
padding:0.2em 0;
border-top:1px solid #888;
border-bottom:1px solid #888;
}
#subcontent table td {
padding:5px 0;
border-bottom: 2px dotted #ddd;
}
#subcontent p {
padding:0;
margin:10px 0;
line-height:1.5em;
text-align:justify;
}
#subcontent p.notes {
padding:0;
margin:0;
font-size:smaller;
color:#777;
}
h1#pagetitle {
padding:3px 0;
font-weight:bold;
margin:0;
border-bottom:2px dotted #333;
margin-bottom:10px;
}
#footer {
width:900px;
position:absolute;
bottom:0;
clear:both;
letter-spacing:1.5px;
font-size:small;
text-align:center;
color:#1F3145;
}
.editicon {
position:absolute;
right:0;
top:0;
}
.editicon a img {
border:1px dashed red;
width:auto;
}
#_editor_ label {
float:left;
width:150px;
}
.editicon a img:hover {
border:4px outset blue;
background:white;
}
#editor_textarea {
margin-bottom:15px;
width:100%;
}
#editor_quickcomment {
padding-right:20px;
margin:5px 0;
}
div.panel-container span.button-group {
display:block;
text-align:right;
margin:5px 0;
padding:3px 0;
border-top:1px dotted #ddd;
}
table tr.odd, li.odd {
background-color:#eee;
}
