@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:75%;}
a img{ border:0;}
a{ color:#336699; text-decoration:underline; }
a:hover{ color:#224499; text-decoration:none; }
.error{ color:#ff3311; font-weight:bold; }

#maincontainer{ width:990px; margin:0px auto; background:url(images/body_bg.gif) repeat-y; }
#container{ margin:0 15px 0 10px; background:#ffffff; }
#header h1{ margin:0; padding:0;}
#horizmenu{ width:100%; background:url(images/horzmenu_bg.gif) repeat-x; line-height:2.7em; border-bottom:1px solid #c9d9f9; }
#horizmenu ul{ float:left; margin:0; padding:0; }
#horizmenu ul li{ display:inline; }
#horizmenu ul li a{ text-decoration:none; padding: 7px 15px; font-weight:bold; background:url(images/horzmenu_bg_link.gif) bottom left no-repeat; }
#horizmenu ul li a:hover, #horizmenu li a.current{ color:#999999; padding: 6px 15px; border-bottom:3px solid #3366cc;}
#loginstatus{ width:200px; float:right;padding:5px; text-align:right; font-size:0.9em;background:inherit; line-height:normal;}
#mainbody{ clear:both;min-height:300px; }
#sidenav{ width:200px; float:left;  }
#sidenav h3{ font-size:1.3em; font-weight:normal; color:#c0c0c0; border-bottom:1px solid #e0e9f9; margin:0; padding:10px; }
#sidenav ul{ list-style:none; margin: 0; padding:0; font-family:Satluj; font-size:1.2em; max-height:450px; overflow:scroll;}
#sidenav li a{ display: block; padding:3px; border-bottom:1px dotted #fcfcfc; text-decoration:none; background:#e9f0ff; }
#sidenav li a:hover{ background: #ccddff; }
#content{ background:inherit; margin-left:205px; border-left:1px solid #e9f0ff; }
#content h1{ margin:0; padding:15px; font-size:2.2em; font-weight:normal; color:#336699; background:#d9e9f9; font-family:Satluj; }
#text{ font-family:Satluj; margin-top:20px; line-height:2em; font-size:1.3em; color:#333333; padding:5px; }
p.navi{ padding:10px; margin:5px; text-align:center; border:1px solid #c0e0f0; background: #e9f0f9; font-weight:bold; }
#footer{ clear:both; padding:20px 10px; font-size:0.9em; background:url(images/footer_bg.gif) repeat-x; }
#footerlinks{ width:300px; float:right; text-align:right; }

#loginform{ width:300px; float:left; background:#f0f9fc; padding:5px; margin:1px;}
#loginform p { font-size:1em; margin:0; padding:4px; }
#loginform h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; font-weight:normal; margin:0; padding:5px; color:#335599; border-bottom:1px solid #e0f0f9; }

#mediaplayer{ width:500px; padding:10px; float:left; }
#mediaplayer h1{ font-weight:normal; font-size:1.6em; color:#336699; }
#mediaplayer p a img{ padding:2px; margin:2px; border:1px solid #e9f0f9; }
#downaudio{ border-left:1px solid #e9eff9; margin-left: 525px; background: inherit; padding:10px; }
#downaudio h1{ font-weight:normal; font-size:1.6em; color:#336699; }
#downaudio a{ color:#333333; }
#form{ padding:10px; margin:10px; border:1px solid #e9f0ff; background:#f0f9ff;}
#form h1{ font-size:1.9em; color:#336699; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding:10px; border-bottom:1px solid #e9f0ff;}
#form input[type="text"], #form input[type="password"]{ border:1px solid #e0e0e0; padding:5px; background:#fff; color: #666666; }
#form table{ text-align:left; }
#form th small{ font-weight:normal; }
#form th{ text-align:right; }

#homecontent{ margin-left: 320px; padding:10px; line-height:1.8em; color:#333333; font-size:1.1em; }
#homecontent h1{ margin:0; padding:15px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:2.2em; color:#a0b0e0; border-bottom:1px solid #e9f0f9; }

#notice{ margin:5px; padding:10px; border:1px solid #FFcc66; background:#fff999; font-size:1.1em;}