/* Main Sections */
body
{
margin:0px;
font-family: "Verdana","Sans Serif";
font-size:0.7em;
text-align:center;
}
#container
{
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
#top
{
background-image:url("./background_top.jpg") ;
background-repeat:no-repeat;
height:160px;
}
#middle
{
background-image:url("./background_middle.jpg") ;
background-repeat:repeat-y;
padding-left:21px;
padding-right:21px;
padding-top:10px;
}
#bottom
{
background-image:url("./background_bottom.jpg") ;
background-repeat:no-repeat;
height:40px;
padding-left:21px;
padding-right:21px;
}
/* Top & Bottom Layout & Style */
#top #lang
{
float:right;
margin-top:22px;
font-size:95%;
padding-right:40px;
}
#top #lang ul
{
margin:0px;
}
#top #lang ul li
{
display:inline;
font-variant:small-caps;
font-weight:bold;
padding-left:2em;
padding-right:2em;
color:#FF9900;
}
#top #lang ul li a,
#top #lang ul li a:link,
#top #lang ul li a:active,
#top #lang ul li a:visited
{
text-decoration:none;
color:#CCCCCC;
}
#top #lang ul li a:hover
{
color:#FFFFFF;
}
#top #banner
{
margin:0px;
padding-top:30px;
padding-left:40px;
}
#top #banner h1
{
margin:0px;
padding:0px;
font-size:0px;
}
#top #banner img
{
border:none;
}
#bottom p
{
margin:0px;
font-size:75%;
text-align:center;
color:#AAAAAA;
padding-top:5px;
}
/* Login Style & Layout */
#syslogin
{
font-size:80%;
padding-left:30px;
padding-right:30px;
padding-top:23px;
}
#syslogin form,
{
margin:0px;
padding:0px;
}
#syslogin div
{
float:left;
color:#DDDDDD;
}
#syslogin ul
{
margin:0px;
padding:0px;
padding-top:3px;
text-align:right;
}
#syslogin ul li
{
display:inline;
padding-right:2px;
padding-left:4px;
border-left:1px solid #777777;
}
#syslogin ul li:first-child
{
border-left:0px;
}
#syslogin a,
#syslogin a:link,
#syslogin a:active,
#syslogin a:visited
{
text-decoration:none;
color:#FF9900;
}
#syslogin a:hover
{
text-decoration:underline;
}
#syslogin input
{
border:1px solid #777777;
padding-left:2px;
padding-right:2px;
height:1.2em;
font-size:1.1em;
vertical-align:middle;
}
#syslogin input[type="submit"]
{
padding:1px;
height:auto;
background-color:#EEEEEE;
font-weight:bold;
}
/* Middle Sub-Sections & Layout */
#middle #menu
{
float:left;
width:160px;
}
#middle #main
{
margin-left:180px;
margin-right:20px;
color:#222222;
clear:right;
background-image:url("./gorilla.jpg") ;
background-repeat:no-repeat;
background-position:bottom right;
min-height:550px;
}
#middle div.spacer
{
clear:both;
height:1em;
}
/* Menu Style & Layout */
#menu ul
{
margin:0px;
padding-left:20px;
font-weight:bold;
font-size:90%;
color:#FF9900;
line-height:200%;
list-style-type:disc;
}
#menu ul li ul
{
padding-left:5px;
font-weight:normal;
list-style-type:circle;
}
#menu ul li a,
#menu ul li a:link,
#menu ul li a:active,
#menu ul li a:visited
{
text-decoration:none;
color:#DDDDDD;
}
#menu ul li a:hover
{
color:#FF9900;
}
#menu hr
{
height:0px;
border:0px;
border-top:1px solid #777777 ;
width:80%;
}
/* Main Style & Layout */
#main p,
#main ul,
#main ol
{
margin:0px;
margin-bottom:1em;
line-height:1.5em;
text-align:justify;
}
#main ul,
#main ol
{
padding-left:3em;
}
#main ul li ul
{
margin-top:0.7em;
padding-left:2em;
}
#main ul li,
#main ol li
{
margin-bottom:0.3em;
}
#main h2
{
margin-top:0px;
margin-bottom:1.5em;
font-weight:bold;
font-size:150%;
font-variant:small-caps;
border-bottom: 1px solid #CCCCCC;
}
#main h2.spaced
{
margin-top:3em;
}
#main h3
{
margin-top:2em;
margin-bottom:0.5em;
font-size:120%;
font-weight:bold;
}
#main a,
#main a:link,
#main a:active,
#main a:visited
{
text-decoration:none;
color:#FF8800;
}
#main a:hover
{
text-decoration:underline;
}
#main p.notice
{
margin-bottom:2em;
border:1px solid #FF6600;
padding:1em;
color:#FF6600;
background-color:#FFFFAA;
}
#main fieldset
{
border:1px solid #DDDDDD;
border-radius:5px;
text-align:left;
margin-top:2em;
margin-bottom:2em;
padding:5px;
padding-top:15px;
font-size:90%;
}
#main fieldset legend
{
font-weight:bold;
font-variant:small-caps;
font-size:110%;
}
/* Main Tables */
#main form
{
text-align:center;
}
#main table
{
margin-left:auto;
margin-right:auto;
text-align:left;
width:75%;
}
#main table th
{
font-weight:bold;
text-align:left;
}
#main table th,
#main table td
{
padding-top:3px;
padding-bottom:3px;
}
#main table.large
{
width:100%;
}
#main table.trainings
{
width:100%;
border:1px solid #DDDDDD;
margin-bottom:1em;
margin-top:1em;
border-collapse:collapse;
background-color:#FFFFFF;
}
#main table.trainings th
{
border:1px solid #DDDDDD;
padding:5px;
font-weight:bold;
background-color:#EEEEEE;
font-size:90%;
}
#main table.trainings th.header
{
background-color:#DDDDDD;
font-variant:small-caps;
font-size:100%;
}
#main table.trainings td
{
border:1px solid #DDDDDD;
padding:5px;
font-size:90%;
}
#main fieldset table
{
table-layout:fixed;
}
#main fieldset table th
{
width:12em;
}
#main fieldset table td.info
{
visibility:hidden;
width:270px;
}
#main fieldset table tr.error
{
color:#FF8800;
}
#main fieldset table tr.error td.info
{
visibility:visible;
width:270px;
text-align:left;
font-size:90%;
}
/* Feeds Styles */
#main #feeds
{
border:1px solid #CCCCCC;
margin-top:50px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 2px 2px 5px #AAAAAA;
-moz-box-shadow: 0px 0px 10px #AAAAAA;
-webkit-box-shadow: 2px 2px 5px #AAAAAA;
font-size:85%;
}
#main #feeds h2
{
margin:0px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
border:0px;
}
#main #feeds h3
{
line-height:auto;
}
#main #feeds img
{
border:0px;
width:16px;
height:16px;
vertical-align:text-bottom;
}
#main #feeds table td
{
vertical-align:top;
padding:10px;
width:50%;
}
/* Partners Styles */
#main #partners h3
{
border-bottom:1px solid #DDDDDD ;
margin-bottom:5px;
}
#main #partners img
{
border:0px;
vertical-align:middle;
}
#main #partners a
{
margin-right:50px;
}
#main #partners p
{
margin:0px;
padding-bottom:0px;
text-align:justify;
text-justify:distribute-all-lines;
line-height:120px;
}
/* Global Styles */
.center,
#main p.center,
#main table th.center
{
text-align:center;
}