/************* GENERAL CSS ************/

body {
    margin: 0px;
    padding: 0px;
    text-align: justify;
    font-size: 15px;
    font-family: Helvetica, Arial, sans-serif;
    color: #333;
    line-height:1.3;
}

h2 { 
    font-size: x-large; 
    text-align: center; 
    padding-bottom: 0.1em; 
    border-bottom: 1px solid #eee; 
    background: #eeeeee;
}

h3 { 
    padding-top: 0.5em;
    border-top: 2px solid #f6f6f6;
    font-size: large; 
    letter-spacing:-1px;
}

#title{
    background: url("images/boomerang.png") 150px -40px no-repeat;
    height: 230px;
    width: 760px;
    margin: 0 auto;
    padding-top: 1px;
}

#title h1 {
    margin: 64px 0 0 272px;
    width: 298px;
    height: 100px;
    position: relative;
}

#summary {
    font-size: large;
    text-align: center;
    padding: 0.5em;
    margin: -24px 0 0;
}

#version{
    position: absolute;
    bottom: 0px;
    right: 0px;
    vertical-align: text-bottom;
    font-size: large;
    color: #ccc;
}

#canvas {
    width:600px;
    margin:20px auto;
}
#header {
    position:relative;
    width: 598px;
    height: 120px;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #444444;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
    background: url(images/aperture.png);
    color:#ffffff;
}

#name {
    position:absolute;
    bottom:2px;
    left:10px;
    color:#ffffff;
}
#content {
    width: 60%;
    margin: 0 auto;
    background-color:#ffffff;
}

#navigation { 
    margin: 1em auto;
    background:#cccccc;
    width:100%;
    padding: 0.4em 0;
}

#navigation a {
    padding: 0.4em 0.4em;
    text-decoration: none;
    font-size: 17px;
    font-weight: bold;
    color:#00144c;
}


#navigation a:hover {
    background-color:#DD0000;
    cursor:pointer;
}

#navigation ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}

#navigation li {
    display: inline;
}

#footer { 
    margin: 1em auto;
    background:#cccccc;
    width:100%;
    padding: 0.4em 0;
    font-size:17px;
}

div.section { 
    margin: 1em auto; width: 60%; 
}
div.section .section { 
    margin: 0; width: auto; 
}


#bottom{
    margin:0 auto;
    text-align:center;
    font-size:small;
    color:#aaaaaa;
}

a {
    font-weight: bold;	
    text-decoration: none;
    color:#00144c;
}

a img {
  border:none;
}

a:hover {
    text-decoration: underline;
    color:#DD0000;
    cursor:pointer;
}

.hideable {
    display:none;
}