html { overflow-y: scroll; }
body {
    font: 15px/1.38 Verdana, Geneva, sans-serif;
    margin: 0;
    padding: 0;
}
a:link { color: #00aeef; }
a:visited { color: #2273c7; }
a img { border: none; }
img, object, embed { vertical-align: middle; }
.clear { clear: both; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 20px; line-height: 22px; margin: 14px 0 8px; }
h2 { font-size: 19px; line-height: 21px; margin: 13px 0 8px; }
h3 { font-size: 18px; line-height: 20px; margin: 12px 0 7px; }
h4 { font-size: 17px; line-height: 19px; margin: 11px 0 7px; }
h5 { font-size: 16px; line-height: 18px; margin: 10px 0 6px; }
h6 { font-size: 15px; line-height: 17px; margin:  9px 0 6px; }

p, ol, ul, dl, table, address, pre { margin-top: 0; margin-bottom: 15px; }
ol, ul { padding-left: 40px; margin-left: 0; }
li { margin: 3px 0; }
dt { margin: 0 0 3px; font-weight: bold; }
dd { margin: 0 0 6px; padding: 0 0 0 40px; }

blockquote { margin: 0 0 15px; padding: 5px 40px; }
q:before, q:after { content: ""; }

table { margin: 20px 0; border-collapse: collapse; }
th, td { text-align: left; vertical-align: top; padding: 1px 4px; }
thead th { background: #12818a url(/images/bg.jpg) repeat-x; color: #fff; }
table[border="1"] th, table[border="1"] td { border: 1px solid #777; }
tfoot th, tfoot td { background: #ddd; }
tr.odd  { background: #fff; }
tr.even { background: #eee; }

#headerwrap {
    background: #5f7685;
    margin-bottom: 2px;
}
#header {
    height: 170px;
    position: relative;
    margin: 0 auto;
    width: 900px;
}

#search {
    position: absolute;
    margin: 0;
    top: 20px;
    right: 56px;
}

#nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 64px;
    right: 56px;
}

#nav li {
    float: left;
    margin-left: 2px;
}

#nav a {
    display: inline-block;
    background: #c2cd23;
    border: white solid;
    border-width: 1px 0;
    height: 40px;
    color: #231f20;
    text-decoration: none;
    padding: 15px 9px 0;
    font: bold 12px/15px "Arial Narrow", "Helvetica Narrow", "Liberation Sans Narrow", "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    text-align: center;
}
#nav .first a {
    border-left-width: 1px;
    border-top-left-radius: 12px; border-bottom-left-radius: 12px;
    -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px;
}
#nav .last a {
    border-right-width: 1px;
    border-top-right-radius: 12px; border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px;
}



.logo {
    left: 54px;
    position: absolute;
    top: 44px;
}

#content {
    min-height: 460px;
    padding: 3px 46px 3px 0;
    margin: 0 auto;
    width: 854px;
}
#content:after { content: ""; display: block; clear: both; }
.quirks-ie #content, .ie6 #content, .ie7 #content { zoom: 1; }

#home #content { padding: 23px 56px; width: 788px; }
#home #contentwrap { background: #415968 url(/images/content-gradient.png) bottom repeat-x; }

#footerwrap {
    background: #415968 url(/images/footer-gradient.png) top repeat-x;
    margin-top: 2px;
}
#footer {
    min-height: 100px;
    margin: 0 auto;
    width: 900px;
    padding-top: 1px;
}

#banner {
    background: url(/images/children.jpg) no-repeat center center;
    float: left;
    height: 158px;
    width: 491px;
    padding: 13px 10px;
    color: white;
    text-shadow: 0 0 4px black;

    border-radius: 12px;
    -moz-border-radius: 12px;
}
.ie #bannertext {
    x-ms-filter: "glow(color=#000000,strength=1)";
    filter: glow(color=#000000,strength=1);
}

.frontpage #login {
    min-height: 135px;
}
.ie6 #login { height: 135px; }

#boxes { clear: left; padding-top: 25px; }

.box {
    background: #fff;
    float: left;
    margin-left: 43px;
    margin-top: 40px;
    min-height: 200px;
    padding: 5px;
    width: 224px;
    min-height: 370px;
}
.ie6 .box { height: 200px; }
.first-box { margin-left: 0; }

.box h1 {
    background-color: #5f7685;
    color: #fff;
    line-height: 35px;
    margin: -45px -5px 10px;
    text-align: center;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.box h1 a {
	color: #FFFFFF;
	text-decoration: none;
}

.box h1 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#fb-banner {
	margin: 0 auto 5px auto;
	width: 788px;
	height: 75px;
	overflow: hidden;
	background: #EF3E42;
	border-radius:15px;
}
.ie6 .box h1, .ie7 .box h1 { position: absolute; width: 234px; }

.hang-out { float: right; margin-right: -35px; }
.ie7 .hang-out { position: relative; }
.ie6 .hang-out { position: relative; display: inline; }

.page-title { text-transform: uppercase; }

#sidebar { float: left; width: 190px; text-align: center; padding: 0 15px 0 0; }
#subnav { font: bold 12px/1.1 "Arial Narrow", "Helvetica Narrow", "Liberation Sans Narrow", "Trebuchet MS", sans-serif; text-transform: uppercase; }
#subnav ul { margin: 0; padding: 0; list-style: none; }
#subnav li { background-color: #a4b3bf; padding: 10px 5px; -moz-border-radius: 12px; border-radius: 12px; margin: 15px 0; }
#subnav li a { text-decoration: none; color: #231f20; }

.main { margin-left: 210px; }
.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 { color: #c2cd23; }
.main h1 { font-size: 28px; line-height: 30px; }


#bottomnav { border: 0; margin: 10px auto; text-align: center; font-family: Arial, sans-serif; font-size: 11px; line-height: 1.1; }
#bottomnav a { text-decoration: none; }
#bottomnav a:hover { text-decoration: underline; }
#bottomnav td, #bottomnav th { text-align: center; border: 0; vertical-align: top; padding: 2px 5px; }
#bottomnav ul { margin: 0; padding: 0; list-style: none; }
#bottomnav li { margin: 6px 0; }

#bottomnav th a { color: #231f20; }
#bottomnav td a { color: #dde294; }

#copyright { float: left; margin-top: 10px; margin-left: 10px; color: white; }
#footerlinks { list-style: none; float: right; margin-top: 10px; margin-right: 10px;}

#footerlinks li { display: inline-block; margin: 0 5px;}
#footerlinks li a { text-decoration: none; color: #fff; }


form { margin-top: 15px; margin-bottom: 15px; }
fieldset { margin: 0 2px; border: 1px #c5d4e2 solid; padding: 4px 8px 9px; display: inline-block;}

textarea { font-size: inherit; font-family: inherit; vertical-align: top; }
input, button, select, textarea { margin: 0; }

label.v { display: block; margin-bottom: 4px; }
label.v .field-title { display: block; }

.loginform { padding-left: 12px; margin-bottom: 0; }
.loginform input[type="text"], input[type="password"] {
    border: 1px #bfcb18 solid;
    padding: 4px 8px;
    border-radius: 8px; -moz-border-radius: 8px;
    width: 182px;
}
.loginform button {
    border: 1px #bfcb18 solid;
    border-radius: 8px; -moz-border-radius: 8px;
    background: #c2ce24;
    padding: 4px 8px;
    width: 200px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.error { color: red; }


.breadcrumbs { padding-left: 20px; font-size: 11px; color: #555; }

.news {
    list-style: none;
    padding-left: 0;
    line-height: 1.1;
}
.article-date {
    font-size: 11px;
    font-style: italic;
}

