body {min-width:760px; margin:0; padding:0; background:url(/f/i/f/bg_main.jpg) repeat-x 0 0 #fff; font-family:verdana, tahoma, arial, sans-serif; font-size:13px; color:#000}

#main {width:80%; max-width:900px; min-width:740px; position:relative; margin:40px auto; background:#fff; border:5px solid #84cdd6}

#main div.ang {width:100%; position:absolute; z-index:2}
#main div.ang div {width:100%; position:absolute}
#main div.ang.at {height:15px; top:0; margin:-5px 0 0 -5px; background:url(/f/i/am_tl.gif) no-repeat 0 0}
#main div.ang.at div {height:15px; top:0; margin:0 0 0 10px; background:url(/f/i/am_tr.gif) no-repeat 100% 0}
#main div.ang.ab {height:18px; bottom:0; margin:0 0 -5px -5px; background:url(/f/i/am_bl.gif) no-repeat 0 100%}
#main div.ang.ab div {height:18px; top:0; margin:0 0 0 10px; background:url(/f/i/am_br.gif) no-repeat 100% 100%}

#logo {width:101px; height:73px; font:bold 2.3em arial, tahoma, sans-serif; letter-spacing:-0.05em; margin:32px; padding:0; line-height:1em; color:#3c787f; background:url(/f/i/oneid.gif) no-repeat 0 0}
#logo {display:block; width:101px; height:73px; text-decoration:none}
#logo strong {visibility:hidden}

h2 {font:1.6em arial, sans-serif; color:#ff8400}
h3 {font:1.45em arial, sans-serif; color:#3c787f}

a {color:#0c96a5}
a:hover {color:#00606a}

.cl {clear:both}

#teasers {width:100%; height:132px; position:absolute; top:142px; left:0; margin:0 -10px; padding:0 5px; border-left:5px solid #fff; border-right:5px solid #fff}
#teasers div {width:32%; height:132px; position:absolute; top:0}
#teasers .what {left:10px; background:url(/f/i/f/i_what.gif) no-repeat 0 6px #aae3a5}
#teasers .what h4, #teasers .what a {color:#467343}
#teasers .what p {color:#1b4418}
#teasers .where {left:34%; background:url(/f/i/f/i_where.gif) no-repeat 0 5px #bdc2ff}
#teasers .where h4, #teasers .where a {color:#575b8d}
#teasers .where p {color:#1e214a}
#teasers .how {right:10px; background:url(/f/i/f/i_how.gif) no-repeat 0 6px #ffe4c4}
#teasers .how h4, #teasers .how a {color:#ff8e10}
#teasers .how p {color:#9c5301}

#teasers h4 {font:bold italic 18px arial, sans-serif; margin:0 0 0 60px; padding:20px 0 0 0}
#teasers p {font:11px tahoma, sans-serif; margin:10px 15px 10px 60px}
/*#teasers a {display:block; width:100%; height:132px; text-decoration:none}
#teasers a:hover h4 {text-decoration:underline}*/
#teasers a {text-decoration:none}
#teasers a:hover {text-decoration:underline}

#menu {width:100%; position:relative; z-index:1; overflow:hidden; clear:both; list-style:none; margin:0; padding:40px 0 0 0; border-bottom:5px solid #fff}
#menu li {width:20%; float:left; margin:0; padding:0; font:bold 0.9em arial, sans-serif}
#menu li a {display:block; border-left:5px solid #fff; background:#c1e6ea; text-align:center; padding:15px 0}
#menu li a:hover {color:#ff8400}
#menu li.l {}
#menu li.l a {border-right:5px solid #fff}

.content {width:58%; margin:165px 0 0 32px; float:left}
.content h2 {margin-top:0}
.content.full {width:90%}

.content.newslist em {font-style:normal; font-size:0.8em}
.content.newslist strong {line-height:1.6em}

.news {width:32%; margin:165px 5px 0 0; float:right}
.news h3 {margin-top:0; margin-right:20px}
.news h4 {margin:0;padding:0;}
.news p {font:0.85em tahoma, arial, sans-serif; margin-right:20px; margin-bottom:20px}
.news p span {display:block; color:#0c96a5; font-weight:bold; margin-top:4px}

form legend {display:none}
form fieldset {border:0; margin:0; padding:0}

form.login {width:66%; position:absolute; top:0; right:0; margin:41px 0 0 0; padding:0 0 30px 0; overflow:hidden}
form.login p {width:40%; float:left; color:#3c787f; font:bold 0.9em arial, tahoma, sans-serif}
form.login p a {color:#3c787f}
form.login p a:hover {color:#ff8400}
form.login label {display:block; margin:0 0 3px 0}
form.login input {width:87%; border:2px solid #ff8400; font-family:arial, sans-serif; font-weight:normal; padding:3px 5px}
/*form.login input#login {background:url(/f/i/login-bg.gif) no-repeat 3px 50%; padding-left:23px; -moz-box-sizing:border-box;}*/
form.login p.check {position:absolute; top:45px; left:-3px; overflow:hidden; line-height:1em}
form.login p.check input {width:auto; border:none; float:left}
form.login p.check label {display:block; float:left; padding-top:4px}
form.login p.submit {width:auto}
form.login p.submit label {visibility:hidden}
form.login p.submit input {width:auto; border:0; padding:4px 10px; background:#3c787f; font-weight:bold; color:#fff}

form.simple p {font-size:0.9em; margin:20px 0 0 0; position:relative}
form.simple p label {font-size:1.1em; font-weight:bold}
form.simple p span {display:block; font-size:1.1em; font-weight:bold; position:absolute; top:1.1em; left:61%; margin-top:10px; //left:64%;}
form.simple input, form.simple textarea {display:block; width:60%; margin:3px 0; font-family:arial, sans-serif; font-weight:normal; padding:3px 5px; border:2px solid #9092a7; -moz-box-sizing:border-box;}
form.simple input.submit {width:auto; border:0; padding:4px 10px; background:#6da068; font-weight:bold; color:#fff; display:inline;}
form.simple input.hidden {display:none}
/*form.simple input#id_username {background:url(/f/i/login-bg.gif) no-repeat 3px 50%; padding-left:23px}*/
form.simple select {display:block; margin:3px 0}
form.simple img {display:block; border:2px solid #aae3a5; margin-top:3px}
form.simple ul {list-style:none; margin:15px 0 -15px 0; padding:0; color:#ff3c00; font-weight:bold; position:relative}
form.simple li {margin:0; padding:0}
form.simple p.error {color:#ff3c00; font-weight:bold}

p.info {padding:4px 8px; background:#c5ebc2; border:1px solid #bdc2ff; font-weight:bold}
p.error_msg {padding:4px 8px; background:#cc0000; color:#ffe3e3; border:1px solid #a00000; font-weight:bold}

form.checkbox p {font-size:0.9em; margin:20px 0 0 0; position:relative}
form.checkbox input {position:absolute; top:0; left:0}
form.checkbox p label {font-size:1.1em; font-weight:bold; display:block; padding:1px 0 0 20px}
form.checkbox textarea {display:block; width:60%; margin:3px 0; font-family:arial, sans-serif; font-weight:normal; padding:3px 5px; border:2px solid #9092a7}
form.checkbox input.submit {width:auto; position:static; margin:3px 0; font-family:arial, sans-serif; font-weight:normal; border:0; padding:4px 10px; background:#6da068; font-weight:bold; color:#fff}

div.user {width:66%; position:absolute; top:0; right:0; margin:45px 0 0 0; padding:0}
div.user a {font-weight:bold}
div.user a.normal {font-weight:normal}

.pages {overflow:hidden; margin-top:20px; clear:both; width:100%}
.pages a {display:block; float:left; margin:0 10px 0 0; padding:2px 5px; background:#c5ebc2; border:1px solid #8dd686; text-decoration:none; font-weight:bold}
.pages a.selected {background:#ffedd8; color:#000; border:1px solid #ffcc90}

a.openid,strong.openid {white-space:nowrap;}
form.profile tr.field td,form.profile tr.field th { border-bottom:1px dotted silver; }
form.profile th { text-align:right; padding-right:1em; }
form.profile th.policy { width:1px; text-align:left; white-space:nowrap; }
form.profile th.policy a { display:block; }
form.profile td.policy { text-align:center; }
form.profile tr.hidden { color:silver; }
form.profile tr.hidden input { color:silver; }
form.profile td.input { font-size:0.7em; }
form.profile td.input input,form.profile td.input textarea { display:block; }
form.profile ul.errorlist { font-weight:bold; font-size:1.2em; color:red; list-style:none; margin:0; padding:0; }

dt { font-weight:bold; }
dd { margin-bottom:1em; }

.aboutme {width:32%; margin:53px 5px 0 0; float:right}
.aboutme h3 {margin-top:0; margin-right:20px}
.aboutme h4 {margin:0;padding:0;}
.aboutme img {display:block;clear:both;}
.aboutme .fn {color:#0c96a5; font-weight:bold; margin-top:4px}
/*.aboutme p {font:0.85em tahoma, arial, sans-serif; margin-right:20px; margin-bottom:20px}
.aboutme p span {display:block; color:#0c96a5; font-weight:bold; margin-top:4px}
*/

.vcard, .vcard .adr { font-weight:bold; }
.vcard span, .adr span { font-weight:normal; }
.vcard .fn { display:block; margin-bottom:1em; }

.content li ul, .content li ol { margin-top:1em; }