@import url('http://theopenconsortium.org/style/ribbon.css');

* { margin:0; padding:0; }

body {
width:600px;
margin:20px auto;
font:1em Georgia, "Times New Roman", Times, serif;
background:#ffffff url(background.png) repeat-x;
}

h1 {
margin:0 auto 10px;
color:#ffffff;
position:relative;
text-shadow:#000000 1px 1px 0;
}

#main {
margin:0 0 10px 0;
width:563px;
height:298px;
overflow:hidden;
border:18px solid #05b3d8;
background:#ffffff;
position:relative;
}

#main #view {
width:563px;
}

#main .content {
width:563px;
position:relative;
}

#main .content.active {
display:block;
}

#main .content .text {
position:absolute;
top:10px;
right:10px;
width:340px;
background:url(overlay.png);
padding:5px;
font-size:0.8em;
}

#main .content .text a {
color:#0577d8;
}

#main .content .text a:hover {
color:#05b3d8;
}

#main .content .text > ul li , #main .content .text > ol li {
list-style-position:inside;
}

#main .content .text pre {
display:inline;
}

#main #home {
height:298px;
background:url(home.jpg) no-repeat;
}

#main #whatwedo {
height:298px;
background:url(whatwedo.jpg) no-repeat;
}

#main #whoweare {
height:298px;
background:url(whoweare.jpg) no-repeat;
}

#main #joinus {
height:298px;
background:url(joinus.jpg) no-repeat;
}

#main #contactus {
height:298px;
background:url(contact.jpg) no-repeat;
}

#main #badge {
height:298px;
background:url(home.jpg) no-repeat;
}

#main .content h2, #main .content .image h2 {
font-size:1.3em;
color:#ffffff;
position:absolute;
left:5px;
bottom:3px;
z-index:10;
text-shadow:#000000 1px 1px 0;
}

#main .content h2 a, #main .content .image h2 a {
color:#ffffff;
text-decoration:none;
}

#main .content h2  a:hover, #main .content .image h2  a:hover {
color:#f46d01;
}

div.sub {
float:left;
margin:0 10px 10px 0;
width:157px;
height:125px;
border:18px solid #05b3d8;
background:#ffffff;
position:relative;
}

div.sub + div.sub + div.sub {
margin-right:0;
}

div.sub.overlay {
border-color:#0577d8;
}

div.sub h3.title {
width:157px;
height:125px;
font-size:1em;
color:#ffffff;
position:relative;
}

div.sub h3 a {
display:block;
width:100%;
height:100%;
color:#ffffff;
}

div.sub h3 a span {
position:absolute;
left:5px;
bottom:3px;
z-index:10;
color:#ffffff;
text-decoration:none;
text-shadow:#000000 1px 1px 0;
}

div.sub h3  a:hover span {
color:#f46d01;
}

div.sub#whatwedo_sub {
background:url(whatwedo_thumb.png) no-repeat;
}

div.sub#whoweare_sub {
background:url(whoweare_thumb.png) no-repeat;
}

div.sub#whoweare_sub a:hover span {
color:#7da04c;
}

div.sub#joinus_sub {
background:url(joinus_thumb.png) no-repeat;
}

div.sub#joinus_sub a:hover span {
color:#c2381b;
}

ul#footer {
margin:20px auto 0;
text-align:center;
}

ul#footer li {
display:inline;
text-align:center;
font-size:0.75em;
}

ul#footer li a {
color:#000000;
text-decoration:none;
}

ul#footer li a:hover {
color:#000000;
text-decoration:underline;
}