/* CSS main */
*, ul, li { margin: 0 auto; padding: 0; text-align: center;}
body { background-color:#f9f9f9; font-family:Arial, Helvetica, sans-serif;}
#wrapper { width: 960px; background-color:#FFFFFF;}
#header { width: 940px; height: 120px;}
#container { width: 940px;}
#footer { width: 940px;}
ul { list-style-type: none;}

/* Begin header */
#header-left { float:left; width: 230px; height: 120px; text-align: left;}
#header-right { float:left; width: 710px; height: 120px;}
/*#header-right-top { height: 90px;}*/
#header-right-bottom { margin-top: 90px; height: 30px; font-style:italic;}

img.logo { margin-left: 10px;}
li.language { float:right; margin-top: 10px; margin-right: 2px; font-size:13px; font-weight:bold;}
/*
li#login, li#signup { background-color: #ffcb01; padding: 5px 0 !important; padding: 0; margin-top: 5px !important; margin-top: 10px;}
a#signup:link, a#signup:visited { color: #000000; text-decoration:none; padding: 5px 10px;}
a#login:link, a#login:visited { color: #808080; text-decoration:none; padding: 5px 10px;}
*/
a.ch:link, a.ch:visited { color: #808080; text-decoration:none; padding: 5px 10px;}
a.fa:link, a.fa:visited { color: #808080; text-decoration:none; padding: 5px 10px;}
a.en:link, a.en:visited { color: #000000; text-decoration:none; padding: 5px 10px;}
a.ch:hover, a.fa:hover { color: #000000;}

ul.header-ul { text-align:center; font-size:14px; font-weight:bold;}
li.nav { display:inline; margin-left: 5px; margin-right: 5px;}
a.nav:link, a.nav:visited { text-decoration:none; color:#000000;  padding: 5px 20px;}
a.nav:hover { text-decoration:none; background-color:#ffcb01;}


/* End header */

/* Begin container */
#container-left { float:left; width: 220px; background-color:#ffcb01}
#container-right { float: left; width: 720px;  background-color:#FFFFFF;}

/*
#signup-login ul { margin: 0 20px;}
#signup-login ul li { background-color: #FFFFFF; float: none; margin: 0;}
*/
#signup-login { padding: 0px 10px; font-size:90%; font-weight:bold; }
#signup-login td { text-align: left; }
#signup-login #email, #signup-login #password { width: 105px;	text-align: left; }
#signup-login .signup-cell { text-align: center; }
#signup-login .signup-cell a { text-decoration:none; color: white; }
#signup-login .button { padding: 1px 3px; width: 60px; }

p.upcoming-event { text-align: left; margin-left: 20px; margin-top: 15px; font-size: 22px; color:#FFFFFF;}
p.event-title { text-align: left; margin-left: 20px; margin-top: 15px; font-size: 14px;}
span.event-title { background-color:#FFFFFF; font-weight: bold;}
p.event-date { text-align: left; margin-left: 20px; font-size: 14px;}
p.discription { text-align: left; margin-left: 20px; margin-right: 15px; font-size: 12px; margin-top: 10px;}
a.eventTitle:link, a.eventTitle:visited { text-decoration: none; color: #000000;}

/* End container */

/* Begin footer */
#footer-top { height: 150px;  width: 940px;}
#footer-bottom { height: 40px; width: 940px; background-color:#ffcb01;}

#footer-top-left { float: left; width: 340px; height: 150px; text-align: left;}
#footer-top-right { float: left; width: 590px; height: 150px;}

.skyline {behavior: url(homeImages/indexImg/iepngfix.htc);}
ul.footer-ul { text-align: center;}
li.friendlink { float:left; margin-right: 4px; padding-top: 60px; width: 140px; font-size:10px;}
img.cf, img.hk, img.af { margin-top: 3px;}

span.linkDesc { display: block;}

span.copyright { font-size:12px; display: block; padding-top: 13px;}
/* End footer */