body { 
margin-left : 0; 
margin-top : 0; 
margin-right : 0; 
margin-bottom : 0; 
background-color : #cccccc; 
} 
html { 
height : 100%; 
margin-bottom : 1px; 
} 
form { 
margin : 0; 
padding : 0; 
} 
body { 
font-family : Helvetica, Arial, sans-serif; 
line-height : 1.3em; 
margin : 0 0 0 0; 
font-size : 12px; 
color : #333; 
} 
a:link, a:visited { 
text-decoration : none; 
font-weight : normal; 
} 
a:hover { 
text-decoration : underline; 
font-weight : normal; 
} 
input.button { 
cursor : pointer; 
} 
p { 
margin-top : 0; 
margin-bottom : 5px; 
} 
img { 
border : 0 none; 
} 
.footer { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : x-small; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
padding : 0 15px; 
} 
.footer ul { 
list-style-image : none; 
list-style-position : outside; 
list-style-type : none; 
margin : 0; 
padding : 0 0 10px; 
} 
#hornav .inside { 
padding : 0 16px; 
} 
#hornav { 
width : 100%; 
height : 41px; 
float : left; 
background : url(../images/nav-bg.gif) repeat-x; 
margin : 0; 
overflow : hidden; 
} 
#hornav ul { 
list-style-type : none; 
text-align : left; 
float : left; 
margin : 0; 
padding : 0; 
} 
#hornav ul li { 
float : left; 
border : none; 
height : 41px; 
line-height : 41px; 
margin : 0; 
padding : 0; 
background : none; 
} 
#hornav ul li a { 
text-transform : none; 
text-decoration : none; 
color : #ffffff; 
margin-right : 1px; 
padding : 0 10px; 
font : normal normal bold 13px/40px arial, helvetica, sans serif; 
text-transform : none; 
display : block; 
border-right : 1px solid #ccc; 
} 
#hornav ul li.active a { 
background : url(../images/active-nav-bg.gif) repeat-x; 
color : #11188d; 
} 
#hornav ul li a:hover { 
background : url(../images/active-nav-bg.gif) repeat-x; 
color : #11188d; 
} 
#hornav ul ul { 
position : absolute; 
width : 180px; 
left : -999em; 
z-index : 99; 
margin : 0; 
} 
#hornav ul ul li { 
float : left; 
border : none; 
height : 30px; 
line-height : 30px; 
width : 180px; 
margin : 0; 
padding : 0; 
} 
#hornav ul ul li a, #hornav ul ul li a:visited, #hornav ul ul li a:active, #hornav ul ul li a:link { 
margin : 0; 
height : 30px; 
background : #2f2f30; 
color : #f5f5f5; 
line-height : 30px; 
font-size : 10px; 
font-weight : bold; 
text-transform : uppercase; 
margin : 0; 
border : 1px solid #454546; 
border-bottom : 1px solid #1e1e1f; 
} 
#hornav ul ul li a:hover { 
background : #111; 
color : #f5f5f5; 
} 
#hornav ul ul li.active a { 
background : #111; 
color : #f5f5f5; 
} 
#hornav ul ul ul { 
margin : -30px 0 0 180px; 
z-index : 99; 
} 
#hornav ul ul ul li { 
float : left; 
width : 180px; 
border : none; 
height : 30px; 
line-height : 30px; 
margin : 0; 
padding : 0; 
} 
#hornav ul ul ul li a, #hornav ul ul ul li a:visited, #hornav ul ul ul li a:active, #hornav ul ul ul li a:link { 
background : #2f2f30; 
color : #f5f5f5; 
} 
#hornav ul ul ul li a:hover { 
background : #111; 
color : #f5f5f5; 
} 
#hornav ul ul ul li.active a { 
background : #111; 
color : #f5f5f5; 
} 
#hornav ul ul ul ul li a, #hornav ul ul ul ul li a:visited, #hornav ul ul ul ul li a:active, #hornav ul ul ul ul li a:link { 
background : #2f2f30; 
color : #f5f5f5; 
} 
#hornav ul ul ul ul li a:hover { 
background : #111; 
color : #f5f5f5; 
} 
#hornav ul ul ul ul li.active a { 
background : #111; 
color : #f5f5f5; 
} 
#hornav ul ul ul ul ul li a, #hornav ul ul ul ul ul li a:visited, #hornav ul ul ul ul ul li a:active, #hornav ul ul ul ul ul li a:link { 
background : #2f2f30; 
color : #f5f5f5; 
} 
#hornav ul ul ul ul ul li a:hover { 
background : #111; 
color : #f5f5f5; 
} 
#hornav ul ul ul ul ul li.active a { 
background : #111; 
color : #f5f5f5; 
} 
#hornav li:hover ul ul, #hornav li:hover ul ul ul, #hornav li:hover ul ul ul ul, #hornav li:hover ul ul ul ul ul, #hornav li:hover ul ul ul ul ul ul, #hornav li.sfhover ul ul, #hornav li.sfhover ul ul ul, #hornav li.sfhover ul ul ul ul, #hornav li.sfhover ul ul ul ul ul, #hornav li.sfhover ul ul ul ul ul ul { 
left : -999em; 
} 
#hornav li:hover ul, #hornav li li:hover ul, #hornav li li li:hover ul, #hornav li li li li:hover ul, #hornav li li li li li:hover ul, #hornav li li li li li li:hover ul, #hornav li.sfhover ul, #hornav li li.sfhover ul, #hornav li li li.sfhover ul, #hornav li li li li.sfhover ul, #hornav li li li li li.sfhover ul, #hornav li li li li li li.sfhover ul { 
left : auto; 
} 
#left { 
width : 254px; 
height : 100%; 
float : left; 
color : #000000; 
margin : 0; 
overflow : hidden; 
} 
#pengumuman { 
width : 254px; 
height : 260px; 
float : left; 
background : url(../images/backpengumuman.png) repeat-x; 
margin : 0; 
overflow : hidden; 
} 
table.moduletable th, div.moduletable h3 { 
background : transparent url(../images/backmenu.png) repeat-x scroll 0% 0%; 
color : #000000; 
font-size : 14px; 
font-weight : bold; 
line-height : 30px; 
margin : 0 0 2px; 
padding-left : 4px; 
text-align : left; 
float : left; 
overflow : hidden; 
width : 98%; 
height : 100%; 
} 
.contentheading { 
color : #000000; 
background : transparent url(../images/backmenu.png) repeat-x scroll 0% 0%; 
font-family : Arial; 
font-size : 15px; 
font-weight : bold; 
height : 30px; 
} 
.componentheading { 
background : transparent url(../images/backmenu.png) repeat-x scroll 0% 0%; 
color : #000000; 
font-size : 14px; 
font-weight : bold; 
line-height : 30px; 
margin : 0 0 2px; 
padding-left : 4px; 
text-align : left; 
float : left; 
overflow : hidden; 
width : 99%; 
height : 100%; 
} 
a:visited { 
color : #333333; 
}