@charset "UTF-8";
/* CSS Document */

/* html elements */

body {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#3e3e3e; background-image:url(images/bg-body.jpg); background-repeat:repeat-x; background-color:#93919e}
a {text-decoration:none; font-weight:bold; color:#273c8f}
a:hover {color:#576ec8}
h1 {color:#1d2b72; font-size:28px; line-height:30px}
h2, .heading2 {color:#4564c4; border-bottom:1px dashed #fff}
h2 {font-size:18px; line-height:21px;  margin:20px 0 5px 0}
h3 {font-size:14px; line-height:15px; margin-bottom:0}
h3 a {border-bottom:1px dotted #576ec8; color:#576ec8}
h3 a:hover {border-bottom:1px solid #576ec8; color:#273c8f}
p {margin:5px 0 10px}


/* structure */

#index-container-A {background:url(images/bg-main.jpg) no-repeat #d5d5d5; padding-top:255px}
.index-col1 {width:226px}
.index-col2 {width:375px}
.index-col3 {width:350px; margin-left:38px; padding-top:40px}

#sub-container-A {background:url(images/bg-sub-content.jpg)}
#sub-container-B {background:url(images/bg-sub.jpg) top no-repeat}
#sub-head {height:255px; background:url(images/head-sub-general.jpg)}
.sub-col1 {width:260px}
.sub-col2 {width:700px; padding-top:30px}

#search {padding:20px 0 250px 55px; text-align:left; background:url(images/bg-mission.png) bottom left no-repeat}
#search form {padding:0; margin:0}
#search input.field {width:90px; height:15px; padding:2px 5px; line-height:15px; border:1px solid #fff; background:url(images/bg-search.jpg) no-repeat} 
#search input.button {height:21px}

#grazBox {padding:95px 15px 20px 144px; height:200px}
a.grazLink {display:block; color:#fff; position:absolute; left:160px; bottom:58px; letter-spacing:1px}

#slideshow {width:375px; height:300px; background:url(images/bg-slideshow.jpg)}
.footer, .footer-sub {background-color:#bbb9ca; padding:10px; text-align:center}
.footer-sub {background-image:url(images/bg-sub-foot.jpg); background-position:top; background-repeat:no-repeat; padding:54px 10px 10px 10px}

.clear {clear:both; height:0; margin:0; padding:0}


/* grouped calls */

#index-container-A, .menu, .index-col1, .index-col2, #grazBox, .sub-col1, .sub-col2 {position:relative}
#index-container-A, #sub-container-A {width:1040px; border-left:2px solid #d1d0db; border-right:2px solid #d1d0db; border-bottom:2px solid #d1d0db; margin:auto}
.sub-col1, .sub-col2, .index-col1, .index-col2, .index-col3, .floatL {float:left}
.menu a, #grazBox a:hover {color:#18266e}


/* main menu */

.menu {width:174px; padding-bottom:25px; background:url(images/bg-menu-foot.png) bottom no-repeat; margin:0 10px 0 42px; text-align:center}
.menu ul, .menu li ul {list-style:none; margin:0; padding:0}
.menu li {background:url(images/bg-menu.png) bottom; width:130px; padding:7px 22px; font-size:14px; position:relative}
.menu li:hover {background:url(images/bg-menu-roll.png) bottom no-repeat}
.menu li li, .menu li li:hover {background:url(images/menu-stroke.jpg) top no-repeat; font-size:11px; line-height:13px; padding:4px 0}
.menu a:hover {color:#fff}
.menu li li a {color:#5c6fb6}
li.parent {padding:0 22px; width:130px}
li.parent a {display:block; margin:0; width:130px; padding:7px 0}
li.parent li a {padding:0}


/* footer menu */
#footerMenu, ul.footMenu {position:relative; float:left; margin-bottom:10px}
#footerMenu {left:50%}
#footerMenu a {color:#fff}
#footerMenu a:hover {color:#576ec8}
#footerMenu p {margin:5px}
ul.footMenu {list-style:none; margin:0; padding:0; right:50%}
ul.footMenu li {float:left; display:block; padding:0 10px; border-right:1px solid #d5d5d5; font-size:12px}
ul.footMenu li.last {border-right:none}



/* index news listing */

.newsList {padding:15px 0; background:url(images/stroke-newsList.jpg) bottom no-repeat; line-height:13px; font-size:11px}
div.newsList h3 {font-size:13px; line-height:16px; margin:0 0 5px 0}
a.thumbnail {float:left; display:block; border:2px solid #e0dfdf; margin-right:8px}
a.thumbnail:hover {border:2px solid #576ec8}
a.thumbnail img {border:0}


/* picture boxes */
.picbox, .picbox-300l, .picbox-300r, .picbox-250l, .picbox-250r, .picbox-stacked-2col, .picbox-stacked-3col, .picbox-full {font-size:10px; color:#666; background:#fdfafa; border:2px solid #fff; line-height:12px; padding:8px; text-align:center}
.picbox img, .picbox-300l img, .picbox-300r img, .picbox-250l img, .picbox-250r img, .picbox-stacked-2col img, .picbox-stacked-3col img {border:2px solid #e0dfdf; margin-bottom:10px}
.picbox-300l, .picbox-250l, .pic-l {float:left; margin:10px 15px 10px 0}
.picbox-300r, .picbox-250r, .pic-r {float:right; margin:10px 0 10px 15px}
.picbox-300r, .picbox-300l, .picbox {width:300px}
.picbox-250r, .picbox-250l {width:250px}
.picbox-stacked-2col, .picbox-stacked-3col {float:left}
.picbox-stacked-2col {width:310px; height:300px; margin:5px}
.picbox-stacked-3col {width:200px; height:250px; margin:4px}
.pic-r, .pic-l {border:2px solid #fff}



/* tabular data */

table.fourColumn, table.resume {width:700px}
table.fourColumn tr, table.resume tr {vertical-align:top}
table.fourColumn td {width:165px; padding:7px; line-height:16px; margin-right:5px}
td.list {border-left:1px dashed #75747d}
table.fourColumn p {margin:0 0 5px; line-height:14px}
td.cell-heading {background:#a19fa7; font-size:14px; font-weight:bold; color:#fff; border:2px solid #fff; border-left:2px solid #75747d}
table.fourColumn strong {color:#18266e}

table.resume {line-height:16px; border:2px solid #fff; background:#f7f7f7}
table.resume td {padding:10px; border-bottom:1px solid #e0dfdf; border-right:1px dotted #fff}
table.resume td.col1 {width:115px; background:#e0dfdf; border-bottom:1px solid #fff; font-size:15px; color:#576ec8}
table.resume td.col2 {width:500px}
table.resume p {margin:0 0 10px 0}
table.resume ul {margin:0; padding-left:15px}
table.resume li {margin:0 0 6px 0; padding:0}


/* calendar */
.calendarContainer {border:1px solid #f7f7f7; position:relative; width:700px; margin-bottom:30px}
.calendarContainer td {vertical-align:top}
.dateColumn, .infoColumn {position:relative}
.dateColumn {background:#e0e1e4; border-right:1px solid #fff; width:175px; text-align:center; padding-bottom:3px}
.dateColumn h2, .infoColumn h2, .eventbox-page h2 {color:#fff; margin:0 0 3px 0; border-bottom:1px solid #fff; font-size:16px}
.dateColumn h2, .eventbox-page h2 {background:url(images/barfill-gray.jpg) repeat-x; width:auto; text-align:center; letter-spacing:5px; padding:4px 10px; }
.infoColumn {background:#f9f8f8}
.infoColumn h2 a {background:url(images/barfill-blue.jpg) right center; display:block; padding:4px 110px 4px 10px; color:#fff}
.infoColumn h2 a:hover {background:url(images/barfill-blueR.jpg) right center}
.infoColumn p {margin:5px 10px}
.infoColumn img {float:right; margin:-4px 0 0 10px; border:0}
.dateBox {margin:auto; width:165px}
.endless {float:left; width:73px}
.calendarPageStart, .calendarPageEnd {position:relative; height:80px}
.calendarPageStart div, .calendarPageEnd div {position:absolute; width:73px; right:0; text-align:center}
.calendarPageStart {background:url(images/calendarStart.png) no-repeat; width:73px; margin:auto}
.calendarPageEnd {background:url(images/calendarEnd.png) no-repeat; width:91px; margin-left:-5px; float:left}
.month {top:18px; font-weight:bold; font-size:9px; color:#fff; text-transform:uppercase}
.dayNumber {top:30px; font-size:28px; line-height:38px; font-weight:bold; color:#7c7c7f}
.dayName {top:59px; color:#908f94; text-transform:uppercase; font-size:9px}
a.eventLink {display:block; padding:4px; letter-spacing:1px; text-align:center; background:#fff; color:#b6b7c3; border-top:1px solid #fff; clear:both; position:absolute; bottom:0; right:0}
a.eventLink:hover {background:#93a5ca; color:#fff}
a:hover h2 {color:#273c8f}

.eventbox-page {width:260px; float:right; position:relative; margin:0 0 15px 40px; border:2px solid #f7f7f7; background:#f9f8f8}
.datebox-page {width:260px; height:132px; padding-bottom:5px; border-bottom:1px solid #fff; background:#fff}
.calendarPageStart-page, .calendarPageEnd-page {height:132px; position:relative}
.calendarPageStart-page div, .calendarPageEnd-page div {width:120px; position:absolute; right:0; text-align:center}
.calendarPageStart-page {background:url(images/calendarStart-large.png) center no-repeat; width:120px; margin:auto}
.calendarPageEnd-page {background:url(images/calendarEnd-large.png) center no-repeat; width:140px; float:left}
.endless-page {float:left}
.eventbox-page p {margin:8px 10px}
.month-page {top:32px; font-weight:bold; font-size:13px; color:#fff; text-transform:uppercase}
.dayNumber-page {top:60px; font-weight:bold; color:#7c7c7f; font-size:40px; line-height:42px}
.dayName-page {top:100px; color:#908f94; text-transform:uppercase; font-size:12px; letter-spacing:1px}
.mapLink-page a {display:block; width:260px; height:260px}
.mapLink-page a img {border:1px solid #fff}




/* subarticle lists */
.articlelist, .articlelist-summarized {background:#f7f7f7; border:1px solid #fff; padding:15px; margin-top:10px; position:relative}
.articlelist h3 a, .articlelist-summarized h3 a {border:none}
.articlelist h4, h4.archiveHead {font-size:14px; font-weight:bold; letter-spacing:3px; border-bottom:1px solid #fff; color:#adadae; margin:0 0 15px; padding-bottom:8px}
h4.archiveHead {margin-top:25px; font-size:16px; border-top:2px dashed #fff; padding-top:20px}
.articlelist h3, .articlelist-summarized h3 {border-bottom:1px dashed #fff; padding-bottom:5px; line-height:18px; margin-bottom:8px}
.articlelist h3 {margin:10px 0}
.articlelist h2 {margin:0 0 15px 0}
.articlelist-summarized h3 {margin:0; font-size:16px}
.articlelist h3:hover, .articlelist h2:hover {border-bottom:1px solid #e0dfdf}
a.articlelistLink {display:block; padding:2px 10px; letter-spacing:2px; background:url(images/barfill-gray2.jpg) repeat-x; color:#fff; border-top:1px solid #fff; position:relative; top:-16px; right:-16px; float:right; margin-bottom:-10px; font-size:11px; z-index:100}
a.articlelistLink:hover {background:#93a5ca; color:#fff}


/* ordered list styles */
ol.level1 {margin:0; padding:0 0 10px 20px}
ol.alpha, ol li ol {list-style:lower-latin}
ol li {margin:5px 0}


/* news archives */
.articlelist ul {list-style:none; padding:0; margin:0}
li.level1, li.level2 {display:block}
li.level1 {padding:4px 15px; font-size:18px; line-height:24px; color:#93a5ca; letter-spacing:5px; background:url(images/barfill-gray2.jpg) repeat-x; margin-top:20px}
li.level1 a {color:#fff}
li.level1 a:hover {color:#4564c4}
li.level2 {font-size:16px; font-weight:bold; line-height:18px; letter-spacing:2px; margin:0; padding:8px 0 4px}
li.level2 a {display:block; color:#a8a7ab; border-bottom:2px solid #fff}
li.level2 a:hover {color:#162268}
li.level3 {border-bottom:1px dashed #e0dfdf; padding:3px 0 3px 14px; font-size:13px; letter-spacing:normal; line-height:15px; background:url(images/bullet-arrowSmall.png) left top no-repeat}
li.level3:hover {border-bottom:1px solid #e0dfdf; background:url(images/bullet-arrowSmallR.png) top left no-repeat}
li.level3 a {color:#3f52a0; border:0}
li.level3 a:hover {color:#162268}


/* misc */
div.h-control h2 {margin-top:15px; padding:10px 0; border-bottom:1px dashed #75747d}
.archiveHead {margin-top:15px; padding:10px 0; border-top:1px dashed #75747d}
.credit {border-top:1px dashed #fff; padding:10px 0 0 25px; font-style:italic; font-weight:bold; color:#75747d}
span.B_crumbBox {text-transform:uppercase}
span.heading2 {display:block; font-size:16px; line-height:19px; font-weight:bold; margin:20px 0 -10px}
h2.divider {border-top:2px dashed #fff; padding-top:20px}