@import "reset.css";


/* Generic elements */

body { padding: 0 0 20px; background: #0b4596 url(images/grad1.png) 0 0 repeat-x; color: #fff; font: .814em/1.5em Verdana, Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #fff; text-decoration: underline; } 
a:hover,a.important { color: #fff; text-decoration: underline; }

p { margin-bottom: 1em; }

small, big { line-height: normal; }

img.port { float: left; margin: 0 10px 10px 0; }
img.star { float: right; margin: 0 0 10px 10px; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Custom paragraphs, links, images, etc. */

.frame { padding: 9px; border: solid 1px #d5dee1; }
.frame img { display: block; border: solid 1px #d5dee1; }
.indent { padding-left: 12px; }

img.outline { border: solid 1px #b2b1b1; }







/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; line-height: normal; }

h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 145%; font-weight: normal; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/* Form modelling */

input { vertical-align: middle; }
input.text, input.smalltext, input.tinytext, textarea, select { padding: 3px; border: solid 1px #ccc; color: #5a5a5a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
input.smalltext { width: 30px; text-align: center; }
input.tinytext { width: 25px; }
input.text:focus, textarea:focus, select:focus { border-color: #ccc; }
input.button { border-style: solid; border-width: 2px; border-color: #f9f8f3 #828177 #828177 #f9f8f3; background-color: #e3e3e3; color: #555; font-size: 1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
input.button:active { border-color: #828177 #f9f8f3 #f9f8f3 #828177; }
textarea { overflow: auto; height: 100px; }
input.checkbox { width: 15px; height: 15px; }


/* Column group model */

div.colgroup { clear: both; }
div.colgroup div.colset { clear: both; width: 100%; }
div.colgroup div.col { display: inline; float: left; width: 49.9%; }
div.colgroup div.port { float: left; }
div.colgroup div.star { float: right; }


/* Box models */

.box { margin-bottom: 1em; }

.boxA { margin-bottom: 0; }
.boxA a, .boxA a:visited { color: #061e6b; }
.boxA a:hover { color: #9A1607; }

.boxB { min-height: 246px; padding: 22px 22px 9px; border: solid 1px #d6dfe2; background: #f3f2ed url(images/bg2.jpg) 0 0 no-repeat; }

.boxC { padding-bottom: 1px; background: url(images/pattern2.png) 0 100% repeat-x; }

.boxD { min-height: 246px; padding: 22px 22px 9px; border: solid 1px #d6dfe2; background: #f3f2ed url(images/bg5.jpg) 0 0 no-repeat; }

/* List models */

.listA { border-style: solid; border-width: 0 1px; border-color: #c2d0d8; background: #fff url(images/bg3.jpg) 0 0 no-repeat; font-size: 1.154em; font-family: Arial, Helvetica, sans-serif; }
.listA li { padding-top: 1px; background: url(images/pattern2.png) 0 0 repeat-x; vertical-align: middle; zoom: 1; }
.listA a { display: block; background: #f4f4f4 url(images/bg4.jpg) 0 0 no-repeat; }
.listA a, .listA a:visited { text-decoration: none; }
.listA a:hover, .listA a.on { background: #afcaed url(images/grad3.png) 0 0 repeat-x; color: #002f6f; text-decoration: none; }
.listA a span { display: block; padding: 12px 5px 12px 25px; background: url(images/arrow3-right-blue.png) 11px 18px no-repeat; }
.listA a:hover span, .listA a.on span { background-image: url(images/arrow3-right-darkblue.png); }

.listB { border-style: solid; border-width: 0 1px; border-color: #c2d0d8; font-size: 1.154em; font-family: Arial, Helvetica, sans-serif; }
.listB li { padding-top: 1px; background: url(images/pattern2.png) 0 0 repeat-x; vertical-align: middle; zoom: 1; }
.listB a { display: block; background: #457c37 url(images/palette2.png) 0 0 no-repeat; }
.listB li.nth-child_3n1 a { background-color: #457c37; background-position: 0 0; }
.listB li.nth-child_3n2 a { background-color: #2a56a6; background-position: 0 -75px; }
.listB li.nth-child_3n3 a { background-color: #f66c34; background-position: 0 -150px; }
.listB li.nth-child_3n1 a:hover, .listB li.nth-child_3n1 a.on { background-color: #407233; background-position: -260px 0; }
.listB li.nth-child_3n2 a:hover, .listB li.nth-child_3n2 a.on { background-color: #274f99; background-position: -260px -75px; }
.listB li.nth-child_3n3 a:hover, .listB li.nth-child_3n3 a.on { background-color: #e36430; background-position: -260px -150px; }
.listB a, .listB a:visited { color: #fff; text-decoration: none; }
.listB a:hover { text-decoration: none; color: #fff; }
.listB a span { display: block; padding: 13px 11px; background: url(images/arrow2-right-alpha.png) 95% 50% no-repeat; }
.listB a.on span { background: url(images/arrow1-top-alpha.png) 50% 100% no-repeat; }
.listB ul { background: #fff url(images/bg3.jpg) 0 0 no-repeat; }
.listB ul a { background: #f4f4f4 url(images/bg4.jpg) 0 0 no-repeat !important; }
.listB ul a, .listB ul a:visited { color: #436695; }
.listB ul a:hover, .listB ul a.on { background: #afcaed url(images/grad3.png) 0 0 repeat-x !important; color: #002f6f; }
.listB ul a span { padding: 10px 10px 10px 22px; background: transparent url(images/arrow3-right-blue.png) 11px 15px no-repeat !important; }
.listB ul a:hover span, .listB ul a.on span { background-image: url(images/arrow3-right-darkblue.png); }


/* Custom headings */

#logo { display: inline; float: left; margin: 90px 0 0 40px; }
#tagline {  }


/* Single layers */

#container { width: 938px; margin: 0 auto; text-align: left; }
#wrapper { padding: 0 24px 0 18px; background: url(images/box1-bg.png) repeat-y; color: #061e6b; }
#wrapperBefore { height: 40px; background: url(images/box1-top.png) no-repeat; font-size: 1px; }
#wrapperAfter { height: 40px; background: url(images/box1-bottom.png) no-repeat; font-size: 1px; }
#header { position: relative; float: left; width: 100%; margin-top: -23px; }
#cap { height: 178px; background: url(images/bg1.jpg) 0 0 no-repeat; }
#content { clear: both; min-height: 316px; padding: 27px 7px; }


/* Custom column groups */

#colgroup1 { padding: 11px 33px 24px 37px; }
#colgroup1 .colA { float: left; width: 375px; padding-top: 30px; }
#colgroup1 .colB { float: right; width: 407px; }

#colgroup2 { padding: 11px 23px; }
#colgroup2 .colA { width: 192px; margin-right: 22px; }
#colgroup2 .colB { width: 407px; }
#colgroup2 .colC { float: right; width: 192px; }
#colgroup2 .colD { width: 600px; }
#colgroup2 .colD2 { width: 620px; }
#colgroup2 .colE { float: right; width: 192px; margin-left: 20px}


/* Navigation */

#topnavbar { float: left; border: solid 1px #253968; }
#topnav { float: left; width: 892px; border: solid 1px #355887; background: #4d709f url(images/pattern1.png) repeat-x; font-size: 1.154em; font-family: Arial, Helvetica, sans-serif; line-height: normal; }
#topnav li { float: left; background: url(images/divider1.png) 0 50% no-repeat; text-align: center; }
#topnav li.first { background-image: none; }
#topnav a { display: block; padding: 13px 0; }
#topnav a, #topnav a:visited { color: #fff; text-decoration: none; }
#topnav a:hover, #topnav a.on { position: relative; margin-bottom: -2px; padding-bottom: 15px; background: url(images/arrow1-top-alpha.png) 50% 100% no-repeat; }

#navi1 { width: 100px; }
#navi2 { width: 109px; }
#navi3 { width: 294px; }
#navi4 { width: 180px; }
#navi5 { width: 100px; }
#navi6 { width: 109px; }


/* Welcome */

#welcome { font-size: 1.077em; }
#welcome blockquote { font-size: 135%; line-height: 30px; }


/* The pillars */

#pillars { font-size: 1.077em; font-family: Arial, Helvetica, sans-serif; }
#pillars a, #pillars a:visited { color: #fff; text-decoration: none; }
#pillars a.more { padding-right: 30px; background: url(images/arrow2-right-alpha.png) 100% 50% no-repeat; }
#pillars li { display: inline; float: left; width: 288px; margin: 3px; color: #fff; cursor: default;  }
#pillars .inner { overflow: hidden; height: 141px; padding: 12px 10px 12px 30px; border: solid 1px #cdcecc; background: url(images/palette1.jpg) 0 0 no-repeat; }

#pillar2 .inner { background-position: 0 -165px; }
#pillar3 .inner { background-position: 0 -330px; }
#pillar1 .hover { background-position: -286px 0; } 
#pillar2 .hover { background-position: -286px -165px; }
#pillar3 .hover { background-position: -286px -330px; }


/* Story section */

#story p, #story blockquote, #story ul, #story ol { margin-bottom: 1em; }
#story h1, #story h2, #story h3, #story h4, #story h5, #story h6 { margin-bottom: 1em; }
#story ul { padding-left: 1em; }
#story ul li { margin-bottom: .5em; }


/* Footer */

#footer { clear: both; padding: .7em 10px 0; border-top: solid 1px #061e6b; font-size: .769em; font-family: Arial, Helvetica, sans-serif; }
#footer a, #footer a:visited { color: #061e6b; text-decoration: underline; }
#footer a:hover { color: #061e6b; text-decoration: underline; }
#footer p { margin: 0; }
#footer cite { float: right; }
#footer cite span { color: #6a6a6a; }

#tld { margin-top: -10px; padding: 0 34px; font-size: .769em; text-align: right; }
#tld a { text-decoration: none; color: #fff; }


/* Custom pages */

#blog .navigation { float: left; width: 100%; font-size: .769em; line-height: normal; }
#blog .navigation .alignright { float: right; margin-bottom: 1.5em; }
#blog .navigation .alignleft { float: left; margin-bottom: 1.5em; }

#blog #sidebar .frame { padding: 22px 9px 9px; }
#blog #sidebar ul { clear: both; }
#blog #sidebar ul li { margin-bottom: 2em; }
#blog #sidebar ul ul li { margin-bottom: .75em; }
#blog #sidebar ul ul a, #blog #sidebar ul ul a:visited { color: #6e6e6e; }
#blog #sidebar ul ul a:hover { color: #061e6b; }

#blog #sidebar #calendar { padding: 5px; border: solid 1px #dbdddd; }
#blog #sidebar #calendar .widgettitle { display: none; background: green; }
#blog #sidebar #calendar table { width: 100%; border-collapse: collapse; font-size: .846em; }
#blog #sidebar #calendar table caption { padding-bottom: .5em; font-size: 122%; text-align: center; }
#blog #sidebar #calendar table thead th { border: solid 1px #dbdddd; border-width: 1px 0; text-align: center; }
#blog #sidebar #calendar table tbody td { color: #b7b8b7; text-align: center; }
#blog #sidebar #calendar table tbody td a, #blog #sidebar #calendar table tbody td a:visited { padding: 3px; background-color: #dee8f3; border-bottom: solid 1px #7fa6d0; text-decoration: none; }

#blog #mainbar .post { margin-bottom: 2em; }
#blog #mainbar .postmetadata { color: #727272; font-size: .846em; }





/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .box:after, .colgroup:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .box, .colgroup, .section, .after { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix, * html .box, * html .colgroup, * html .section, * html .after { height: 1%; }
.clearfix, .box, .colgroup, .section, .after { display: block; }
/* end hide */