/*
#################################
## Theme Name: Blue Round v1.0
##
## Design by David Pennington 
## (http://code2design.com)
##
## Based off of Nifty Corner Cube by Alessandro Fulciniti
## (http://www.html.it/articoli/niftycube/)
##
## Licensed under a GNU GPL licence 
## (http://www.gnu.org/copyleft/gpl.html)
##
#################################
## Main Layout
#################################
*/

BODY {
    font: 80%/20px Verdana, Arial, Helvetica, sans-serif;
    background-color: #314d52; /* 253045 */
    text-align:left;
    color: #fff;
    margin: 0px;
}

#container {
    width:930px; 
    margin:40px auto; 
    padding:0px;
    background-color: #b9d2de;
    color: #fff;
}

#header {
    margin:10px;
    background-color: #427994;
    overflow:hidden;
    color: #fff;
}

#header h1 {
    padding: 25px 10px 25px 80px;
    color: #FFF;
    margin:0px 0px 0px 0px;
    background-color: #427994;
}

#banner {
    padding: 0px 10px 0px 28px;
    margin: 0px;
    top:70px;
    position: absolute;
    border: 0px;
}

#motto {
    padding: 0px;
    margin: 10px 10px 0px 500px;
    top:50px;
    position: absolute;
    border: 0px;
    z-index: 0;
}

#content {
    float:left;
    display:inline;
    padding: 15px; 
    width:690px;
    margin:0 0 10px 10px; 
    background-color: #FFF;
    color: #484848;
}

#side {
    background-color: #224466; 
    color: #fff; 
    float:right;
    display:inline;
    width: 180px; 
    margin:0 10px 10px 0px;
}

#side div {margin: 0 0 10px;padding: 10px 0px; }

#footer {
    background-color: #00a373;
    clear:both; 
    margin:10px;
    padding: 10px; 
    color: #FFF;
    text-align:center;
}





/*
#################################
## Unordered lists 
#################################
*/
/* ul#intro{width:100%;overflow:hidden;margin-bottom:20px} */
ul#intro, ul#intro li{list-style-type:none;margin:0px;padding:0px;}
ul#intro li{float:left;width:223px;margin-right:10px;padding: 10px 0px;}
ul#intro p,ul#intro h3{margin:0px;padding: 0 10px}
ul#intro h3{text-transform:uppercase; font-weight: bold;padding-bottom:3px;color: #FFF; background-color: #9BCCF5;}
li#mission, li#services, ul#intro li#more{margin-right:0px;background-color: #00a373; color: #fff;}



/*
#################################
## Specific Section Tags
#################################
*/
.date{
    float:left;
    width: 4em;
    padding: 5px 0;
    background: #00a373;
    color:#fff;
    text-align:center;
    margin: 0 4px 4px 0;
    font-size: 80%;
    line-height:0.9;
}
.date span{
    display:block;
    font-size: 150%;
    font-weight:bold;
}
.comments {background-color: #eeeeff; color: #000; margin-bottom:10px}
.comments .odd{background-color: #f2fbfd; color: #000; }





/*
#################################
## Specific Text Tags
#################################
*/
h2.title{margin: 10px 0px; background-color: #427994; color: #fff;}
.comments h2{margin: 0px; background-color: inherit; color: #007BC4}
.comments .odd h2{margin: 0px; background-color: inherit; color: #007BC4}
.comments p, h2{padding: 10px;margin:0px;}
#side p{margin:5px 0 10px;padding: 0 10px}
#side h2{margin:10px; color: #77BA5D; padding: 0px}
#footer p{margin:0px;}



/*
#################################
## Genaric Page Tags
#################################
*/
p{margin-top:0px;}
h1{font: 200% Arial,"Century Gothic"}
h2, h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
a {color: #2ea4e1; text-decoration: none; border: 0px; background-color: inherit;}
a:hover {color: #a8ed4c; background-color: inherit;}
#footer a {color: #a8ed4c; text-decoration: none; background-color: inherit;}



/*
#################################
## SIMPLE TOP NAV BAR
#################################
*/
ul#nav,ul#nav li{list-style-type:none;margin:0px;padding:0px;}
ul#nav{float:left;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background-color: #FFF;color: #003}
ul#nav a{float:left;width: 94px;padding: 5px 0px;text-decoration:none; background-color: #224466; color: #fff; line-height: 15px; font-size: 11px;}
ul#nav a:hover{background-color: #5AAAC6; color: #fff;}
ul#nav li#rss a{padding: 0px; width: 16px; margin-left: 6px; background: none; text-decoration:none;}
ul#nav li#rss a:hover{background: none;}
ul#nav li img {float:right; padding: 0px 0px 2px 0px; margin-top: 4px; border: 0px;}


