/* COLORS */
/* #1C5189 Medium Blue - RGB = 28, 81,137
/* #0F8EBF Light Bright Blue */
/* #F6922C Gold */
/* #FFCD84 Light Gold - RGB = 255, 205, 132*/
/* #EC0515 Red */
/* #A6A6A6 Grey - RGB = 166, 166, 166 */
/* #666666 Dark Grey */


/* GLOBAL STYLES */

* {font-family: georgia, times, serif; margin: 0; padding: 0; }  

body { font-size:14px; color: #444; background: #dddddd; margin: 0; padding: 0; }

img { border: 0; margin: 0; padding: 0; }

a { color:#1C5189; text-decoration:underline; margin: 0; padding: 0; }

a:hover { color:#0F8EBF; text-decoration:underline; }

table { margin: 0; padding: 0; }

td { margin: 0; padding: 0; vertical-align: top; }


/* MAIN LAYOUT */

/* The z-index values below are necessary to make menu render correctly on IE 7 or before */

/* "wrapper"'s background image makes the menu bar look like it runs the length of the page, so it doesn't stop unnaturally on long pages */
div#wrapper { position: relative; margin: 0px auto; padding: 0; margin-top: 10px; width: 800px; background: #fff; z-index: 0; }

#banner { display: block; border: 1px solid #1c5189; border-bottom: 0; }

/* "content" is the box for the site's content; its border is the one-pixel blue line that forms the left and right edges of the site's active area */
div#content { width: 778px; float: left; border-left: 1px solid #1c5189; border-right: 1px solid #1c5189; background: #fff; padding-left: 20px; z-index: 2; margin: 0; }




/* MENU - relies on ":hover" pseudo-class, so the submenus don't work in IE6.  That's okay with us. */

#nav { width: 800px; margin: 0; padding: 0; font-size: 15px; z-index: 3; position: relative; }

#nav ul {list-style-type: none;} /* top-level list */

#nav ul li { float: left; position: relative; text-align: center; border: 0; border-left: 1px solid #fff; } /* top-level list elements; one-pixel left border visually separates them */

#nav ul li:first-child {border-left: 0;} /* We don't want a border to the left the first one. */
#nav ul li.first { border-left:0; } /* Redundant for IE 6, which doesn't support "first-child."  Remove when IE 6 goes extinct. */

#nav ul li ul {display: none; width: 100%;} /* second-level lists (submenus) are initially hidden */

#nav ul li a, #nav ul li:hover ul li a { display: block; color: #fff; text-decoration: none; line-height: 20px; background: #1c5189; padding: 5px 5px; width: 89px; font-family: verdana, helvetica, sans-serif; font-variant: small-caps;} /* default appearance for all links, parent menu or submenu */

#nav ul li:hover a, #nav ul li:hover ul li:hover a { background: #0F8EBF; text-decoration: none; color: #fff; } /* changes background color of menu items on hover */ 

#nav ul li:hover ul { display: block; position: absolute; left: 0; top: 30px; } /* second-level list (submenu) appears on hover; position is directly below and flush left with its parent menu item */

#nav ul li ul li { border-top: 1px solid #fff; border-left: 0px; } /* puts a one-pixel white space between parent menu and submenu; aesthetic only */

#nav ul li:hover ul li a {line-height: 13px; font-size: 13px; } /* submenu links can be vertically compressed */


/* MAIN CONTENT AND TEXT STYLES */

#content p { line-height:140%; margin-bottom: 12px; padding: 0 10px 0 0;}

#content p.justified { text-align: justify; }

#content div.item { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; }

#content div.item h3 { font-size: 120%; color: #999; text-transform: none; margin-bottom: 0 }

#content div.item .date { font-style:italic; font-size:90%; margin:0; padding:0; }

#content div.item .headline { font-weight:bold; margin:0; padding:0; }

#content ul { list-style-type: disc; list-style-position: outside; padding: 0px; margin: 0px; padding-left: 5px; }

#content li { margin-left: 20px; }

#content div.left10{ margin-left: 10px; }

#sharelink div, #sharelink a { position: absolute; top: 201px; right: 185px; border: 0px dotted #1c5189; padding: 1px; text-decoration: none; font-size: 11px; }

h1 { font-size:150%; line-height:125%; font-variant: small-caps; letter-spacing:1px; border-bottom:1px solid #444; color: #000; margin:20px 0 5px 0; }

h2 { font-size:125%; font-weight:bold; font-variant: small-caps; margin:20px 0 5px 0; border-bottom: 1px solid #444; width: 576px; }

h2 a { font-variant: small-caps;text-decoration: none;}
a h2 { font-variant: small-caps; text-decoration: none;}

#skip-to-content a { color: #A6A6A6; font-size: 90%; }   /* this formats the accessibility link above the header */

.morelink { font-style: italic; font-weight: bold; font-size: 90%; }

.allblack, .allblack a, .allblack h4 {color: #444; text-decoration: none; }


/* SIDEBAR */

#sidebar { width: 181px; float: right; clear: right; margin: 0 0 0 20px; background: #fff; border-left: 1px solid #1C5189; font-size:13px;}

#sidebar ul, #sidebar p, #sidebar div {padding-left: 6px; padding-right: 5px;}

#sidebar ul {list-style-type: square;list-style-position:inside;}
#sidebar li { margin-bottom: 3px; margin-left: 0px;}

#sidebar h3 { letter-spacing:0px;  font-variant: small-caps; font-weight:bold; font-size: 14px; padding: 0 0 2px 6px; width: 175px; margin-bottom: 2px;  }
#sidebar h3 a { letter-spacing:0px;  }

#sidebar div.grayline { background: #A6A6A6; font-size: 1px; height: 1px; margin: 0 10px; }

.event-entry {padding-left: 0px; font-size: 12px;}
.sidebar-button {text-align: center; }

/* rounded corners at top & bottom */
#sidebar_edge_1 { position: static; height: 2px; width: 180px; float: right; clear: right; display: inline; margin:0; padding:0;  font-size: 1px; border-left: 1px solid #1C5189; }
#sidebar_edge_2 { position: static; height: 1px; width: 179px; float: right; clear: right; display: inline; margin:0; padding:0;  font-size: 1px; border-left: 1px solid #1C5189; }
#sidebar_edge_3 { position: static; height: 1px; width: 177px; float: right; clear: right; display: inline; margin:0; padding:0;  font-size: 1px; border-left: 2px solid #1C5189; }
#sidebar_edge_4 { position: static; height: 1px; width: 176px; float: right; clear: right; display: inline; margin:0; padding:0; font-size: 1px; border-left: 1px solid #1C5189; background: #1C5189; }
#sidebar_edge_5 { position: static; height: 2px; width: 180px; float: right; clear: right; display: inline; margin:0; padding:0;  font-size: 1px; border-left: 1px solid #1C5189; }
#sidebar_edge_6 { position: static; height: 1px; width: 179px; float: right; clear: right; display: inline; margin:0; padding:0;  font-size: 1px; border-left: 1px solid #1C5189; }
#sidebar_edge_7 { position: static; height: 1px; width: 177px; float: right; clear: right; display: inline; margin:0; padding:0;  font-size: 1px; border-left: 2px solid #1C5189; }
#sidebar_edge_8 { position: static; height: 1px; width: 176px; float: right; clear: right; display: inline; margin:0; padding:0; font-size: 1px; border-left: 1px solid #1C5189; background: #1C5189; }

/* FEATUREBOX - featured items box that changes on mouse hover; default style works best with three items, but can include more if you don't mind the list extending down below the image */

#featurebox {padding: 5px 5px 5px 5px; width: 564px; background: #DDD; border: 1px solid #B6B6B6; position: relative; overflow: hidden; border-top: none;}
 /* "overflow: auto" establishes a new block formatting context, which means the floated divs INSIDE the featurebox don't have to worry about conflicts with other floated divs on the page, esp. sidebar */

#featurebox div.itemsource {float: left; display: inline; margin: 0; padding: 0;}

#featurebox div.itemsummary {float: right; font-size: 75%; display: inline; margin: 0; padding: 0;}

#featurebox ul {list-style-type: none; z-index: 10; width: 265px; padding: 0; margin: 0; float: right;} /* The list is generated first but appears "second" (to the right of the images) */

#featurebox ul li {list-style: none; margin: 0; padding: 13px 0 0 15px;}

#featurebox ul li:first-child { padding-top: 0;} /* Each list item has top padding, but we don't want that over the first item. */
#featurebox ul li.first { padding-top: 0; }  /* This is for IE 6, which doesn't support the first-child pseudo-class.  Remove once IE 6 goes extinct. */

#featurebox ul li a {color: #1C5189; text-decoration: underline; font-weight: bold;} 

#featurebox ul li a:hover {text-decoration: underline; color: #0F8EBF;}

#featurebox div.image {padding: 0; margin: 0; float: left; width: 295px; display: inline-block; position: relative; }  /*  wrapper div for images & captions, allows for switching of display with shorter Javascript */

/* HIDDEN TO TRY NO RIGHT BORDER #featurebox img.itempic{border: 1px solid #1C5189; border-right-width: 4px; width: 293px; height: 195px; position: relative; display: inline; float: left; }  */

#featurebox img.itempic{border: 1px solid #1C5189; width: 293px; height: 195px; position: relative; display: inline; float: left; }

#featurebox .caption { float: left; width: 293px; display: inline; position: absolute; bottom: 1px; left: 1px; color: #fff; background: #000; opacity: 0.65; filter:alpha(opacity=65); font-size: 12px; line-height:13px; }

#featurebox .caption a { text-decoration: none; color: #fff; display: block; width: 289px; padding: 2px 2px; }


/* FOOTER */

#footer { height: 20px; font-size:90%; background: #dddddd; text-align: center; padding-top=5px; width: 800px; border: 0px; border-top: 1px solid #1c5189; clear: both; }

#photocredit {font-size: 10px;}


/*FORMS*/

.input { border:1px solid #CCCCCC; width:100px; margin-right:5px; height:14px; padding:3px; font-size:90%; }

.submit { border:1px solid #1C5189; background:#0F8EBF; color: #FFFFFF; font-weight:bold; letter-spacing:1px; padding:3px; font-size:90%; text-transform:uppercase; }


@media print {
  * { font-family: georgia, times, serif; }
  #banner, #nav, #sidebar, #sidebar_edge_1, #sidebar_edge_2, #sidebar_edge_3, #sidebar_edge_4, #sidebar_edge_5, #sidebar_edge_6, #sidebar_edge_7, #sidebar_edge_8, #footer, #relatedlist, #sharelink, #skip-to-content {display: none; }
  div#main, div#wrapper { width: 100%; border: 0; background: #fff; color: #000; }
  #featurebox { width: 90%; }
  div#content { width: 100%; border: 0; padding: 0; margin: 0; background: #fff; color: #000; font-family:"Times New Roman",Georgia,Serif; }
  #content h1, h2, h3, h4, h5, h6, p, a, b, i, center, h4 a, a h4 { font-family:"Times New Roman",Georgia,Serif; }
  div#content, #content p, b, a, i, center { font-size: 14px; color: #000;  }
}