body { margin:0; padding:0; font-family: verdana,"lucida grande",helvetica,arial,tahoma,sans-serif; font-size:11px; background:url(../images/main/bodyPattern.jpg) repeat; text-align:center; padding-bottom:20px }
div { margin:0; padding:0 }
a,a:link,acronym { color:#3E7BCC; }
a:hover,a:active { color:#666; }
h2 { margin:0 0 10px 0; font-size:23px; font-weight:bold; color:#5AA73D }
a img { border:none }
input, select, textarea, a { font-family: verdana,"lucida grande",helvetica,arial,tahoma,sans-serif; font-size:11px }

#header { background:url(../images/main/bg_header.jpg) repeat-x; height:128px; width:100%; display:block; position:relative  }
#logo { position:absolute; left:0; top:13px; width:107px; height:108px; display:block; background:url(../images/main/logo.jpg) no-repeat; z-index:10; text-indent:-9000px; padding:0; margin:0 }
#writing { position:absolute; left:113px; top:46px; width:358px; height:60px; background:url(../images/main/writing.jpg) no-repeat; z-index:10 }

#navi { position:absolute; left:480px; right:5px; bottom:0; display:block; text-align:center }
#menu { list-style:none; padding:0; margin:0 auto; display:table; text-align:center; width:100% }
#menu a { border:1px solid #ECECEC; border-bottom:0; height:21px; text-align:center; font-weight:bold; color:#FFF; padding-top:6px; display:block; background:url(../images/main/bg_navi.jpg) repeat-x; text-decoration:none }
#menu li { display:table-cell; vertical-align:bottom; position:relative; padding:0 1px 0 1px; width:20% }
#menu li:hover { height:46px; background:#383838 }
#content { width:90%; margin:0 auto; text-align:left; background:#FFF; border-top:0; border:1px solid #CCC; position:relative }

#mainmodule { margin-right:200px; font-size:12px; color:#444; padding:20px }
#sidemodules { position:absolute; right:0; top:0px; width:190px; height:100%; background:#F8F8F8; border-left:1px solid #CCC; color:#666 }
#sidemodules h3 { font-size:18px; display:block; text-align:center; color:#5AA73D; font-weight:bold; margin:0; border-bottom:1px solid #CCC; padding:10px 0 }

#news { margin:10px 20px }
#news img { vertical-align:-3px }
#news .title { position:relative; left:-16px; font-weight:bold; margin-bottom:2px; display:block; color:#3E7BCC }

#login { position:absolute; right:10px; top:10px; width:100px; height:20px; background:url(../images/main/bg_login.png) no-repeat }
#login a { font-weight:bold; text-decoration:none; position:relative; top:2px; left:-2px; color:#5AA73D }
#login img { vertical-align:-4px }

.icon { vertical-align:-3px }

/* success / failure msg */

.msg { padding:5px; color:#666; font-weight:bold; text-align:center; border:1px solid #CCC; border-left:0; border-right:0; margin:20px }
.success { background:#ebffe4 }
.failure { background:#ffe3e3 }

/* general lists */

.list { margin:20px; padding:0; list-style:none; border-bottom:1px dotted #CCC }
.list li { margin:0; padding:0; background:#F8F8F8; border-top:1px dotted #CCC; padding:10px; position:relative }
.list li:hover { background:#ebffe4; border-top:1px dotted #5AA73D }

/* forms */

input, textarea { background:#FFF; padding:3px; border:1px solid #CCC; margin:5px }
select { margin:5px }
input:focus, textarea:focus { border:1px solid #3E7BCC }
.btn { background:url(../images/main/bg_button.jpg) repeat-x; border:1px solid #999; color:#FFF; font-weight:bold; height:22px; text-decoration:none }

/* about */

.about { text-align:justify }

/* agenda */

.agenda { margin:20px; padding:0; width:95%; border-bottom:1px dotted #5AA73D }
.agenda th { padding-bottom:10px; text-align:center }
.agenda td { background:#ebffe4; border-top:1px dotted #5AA73D; border-right:0; border-left:0; padding:10px; height:60px }
.agenda .past td { background:#F8F8F8; border-top:1px dotted #CCC }
.summits td { height:50px }

/* board */

.member div { display:block; margin:18px }
.members a.details { font-weight:bold; text-decoration:none }
.members .mail { position:absolute; left:60%; top:10px }

/* add */

.add .btn { width:44%!important }
.add input, .add textarea { width:90% }
.add input.checkbox { width:auto; vertical-align:middle; margin:10px 5px; background:none; border:0 }
.add li span { display:block; margin:5px 0 10px; font-weight:bold; color:#666 }

/* admin */

.admin a { font-weight:bold; text-decoration:none }

/* edit */

.edit .opts { position:absolute; display:block; width:100%; left:-10px; top:10px; text-align:right }
.edit .opts a { font-weight:normal; text-decoration:none }

/* news */

.news .title { font-weight:bold; margin-bottom:20px; text-align:center }
.news .info { margin-top:10px; text-align:right }

/* login */

.login .label { position:relative; display:block; margin:0 auto; width:362px }
.login span { font-weight:bold; color:#666 }
.login input { position:absolute; left:150px; top:-8px; width:200px }

.login .btn { position:absolute; margin:0; width:49%; left:0; top:0 }

/* projects */

.projects a { font-weight:bold; text-decoration:none; border-bottom:1px dotted #3E7BCC }
.in { list-style:disc!important; margin-top:20px }
.in li { background:none!important }
.in li:hover { background:none!important }