/*
this is liberated web template v1

main colors from dark to light
#000042 dark blue
#777 fine print
#000042 dark
2BC800 green
#0082ff cyan (corporate colour)
b9ddff cyan
e8f4ff cyan
#fff
*/

body{margin:0px;text-align:center;font:.8em/1.5 tahoma,arial,sans-serif;letter-spacing:1px;background:#2BC800/*non-footer*/ url(background.gif) repeat-y center center;color:#111;}
#background{background:#2BC800/*non-footer*/ url(background.gif) repeat-y center center;padding:20px 0;}
#container{width:770px;margin:0 auto;position:relative/*for home_menu position*/;padding-top:100px;color:#000;}

#footer{clear:both;text-align:left;}
#footer div{background:transparent url(.gif) no-repeat;height:100px;}
#footer p{margin:0;padding:0px;font-size:.8em;position:absolute;left:0;bottom:-18px;text-align:left;width:100%;}
#footer a{font-weight:normal;text-decoration:none;}

#footer a:hover,
#fine_print a:hover{color:#00f;}

#fine_print{padding:0 0 0px 0;border-top:0px solid #fff;background:#000 url(fineprint.gif) no-repeat 100px 20px;}
#fine_print p{font-size:.8em;color:#fff;margin:0px;}
#fine_print a{color:#fff;}

#home_menu{position:absolute;top:0px;left:0;width:100%;}
#home_menu div{float:right;background:#0082ff;}
#home_menu div div{display:inline;float:left;}
#home_menu a{float:left;text-decoration:none;color:#fff;padding:0 15px;border-left:1px solid #fff;font-weight:bold;font-size:.8em;}
#home_menu a:hover{color:#000042;background:#E8F4FF;}
#home a.home,
#about a.about,
#news a.news,
#essential a.essential,
#changelog a.changelog,
#roadmap a.roadmap,
#contact a.contact,
#resources a.resources,
#home_menu a:active,
#home_menu a:focus{color:#000042;background:#E8F4FF;}

#home_menu a.home span{position:absolute;top:30px;left:35px;width:230px;height:71px;cursor:pointer;background:transparent url(logo.gif);}

#home_menu a.roadmap span{position:absolute;top:30px;left:265px;width:62px;height:62px;cursor:pointer;background:transparent url(alpha.gif);}

#support_menu{position:absolute;top:100px;right:5px;}
#support_menu div{display:inline;margin-left:5px;}
#support_menu div,
#support_menu span,
#support_menu a{background:black url(main_tab.gif) no-repeat;width:100px;height:20px;line-height:20px;font-size:.8em;font-weight:bold;cursor:pointer;float:left;text-decoration:none;}
#support_menu div{background-position:-25px top;}
#support_menu div span{background-position:75px top;}
#support_menu a{background-position:-25px top;color:#fff;}
#support_menu a span{background-position:75px top;}
#support_menu a:hover{background-position:-25px center;color:#000042;background:#fff;}
#support_menu a:hover span{background-position:75px center;}
#support_menu a:active,
#support_menu a:focus{background-position:-25px bottom;color:#000042;background:#fff;}
#support_menu a:active span,
#support_menu a:focus span{background-position:75px bottom;}

#main_menu{position:absolute;top:120px;left:0;text-align:left;}
#main_menu div{display:inline;}
#main_menu a{display:block;padding:0 5px;width:140px;font-size:.8em;}
#main_menu a.l1{margin-top:5px;text-decoration:none;background:#0082ff;color:#fff;}
#main_menu a.l1:hover,
#main_menu a.l1:active,
#main_menu a.l1:focus,
#main_menu a.l1:active{background:#000042;}
#main_menu a.l2{text-decoration:none;background:#E8F4FF;color:#00f;}
#main_menu a.l2:hover,
#main_menu a.l2:active,
#main_menu a.l2:focus,
#main_menu a.l2:active{color:#00f;background:#d8e4FF;}
#utopia a.utopia,
#inspiring_others a.inspiring_others,
#undesirable_experiences a.undesirable_experiences{font-weight:bold;font-size:.75em;}

#for_main_menu{float:right;width:0px;height:0px/*this makes space for main-menu*/;}

#h1{text-align:left;padding:10px 5px 50px 175px;background:transparent;}
.h2{background:#9FFFFF;border:1px solid #fff;}
.h3{background:#e8f4ff;}
.h2,
.h3{margin:20px 40px;padding:10px;position:relative/*for ie*/;}

#column{background:#e8f4ff;padding:0 5px;}

/* layout above and style below */

h1,
h2,
h3{font:bold 1em Tahoma,"Trebuchet MS",Georgia,sans-serif;margin:0 0 10px 0/*browser consistency*/;color:#000042;}
h1{text-align:center;}

p{margin:10px 0/*browser consistency*/;}

a:link{color:#00f;text-decoration:none;}
a:visited{color:#000;text-decoration:underline;}
a:hover{color:#00f;text-decoration:underline;}
a:active{}
a img{border:0;border-bottom:1px solid #fff;border-right:1px solid #fff;}
a:hover img{border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:0px;border-right:0px;}
/*a:hover{border-bottom:0*//*for ie and image link*//*;}*/

table{width:99.5%/*for_main_menu*/;border-collapse:collapse;}
td,th{margin:10px 0px;padding:5px;border:3px solid #e8f4ff;}
td{vertical-align:top;}
th{text-align:center;background-color:#000042;color:#fff;}
th a,th a:visited{color:#fff;}

.aural{position:absolute;text-indent:-10000420px;}
span.searchword{font-weight:bold;}
.skip a{position:absolute;overflow:hidden;width:0;height:0;}
.skip a:active,
.skip a:focus{overflow:visible;width:auto;height:auto;top:2px;right:2px;background-color:yellow;color:red;padding:5px;border:2px solid red;font-weight:bold;}

li{padding:5px 0;}
#support{background:#e8f4ff;margin-top:50px;padding:10px;}
#support div.h2{padding:0;margin:0;}
#support h2{padding:0;margin:0;}

hr{margin:50px 0;}

/*.a1{background:url(1.gif);}
.a12{background:url(12.gif);}
.a22{background:url(22.gif);}
.a13{background:url(13.gif);}
.a23{background:url(23.gif);}
.a33{background:url(33.gif);}
.a14{background:url(14.gif);}
.a24{background:url(24.gif);}
.a34{background:url(34.gif);}
.a44{background:url(44.gif);}
.a15{background:url(15.gif);}
.a25{background:url(25.gif);}
.a35{background:url(35.gif);}
.a45{background:url(45.gif);}
.a55{background:url(55.gif);}
.a1,.a12,.a22,.a13,.a23,.a33,.a14,.a24,.a34,.a44,.a15,.a25,.a35,.a45,.a55{background-repeat/*must be after above to apply*/:no-repeat;background-position:center left;padding-left:30px;margin-left:-30px;}
*/

.candy{font-size:larger;font-weight:bold;}
.quote{font-family:georgia;font-size:10px;font-style:italic;line-height:18px;}
.highlight{font-style:italic;font-size:larger;padding:10px 50px;}