/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2009-10-04) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            950 px
    * Number of columns:     24
    * Column width:          30 px
    * Margin width:          10 px
   ======================================

   By default, the grid is 950px wide, with 24 columns 
   spanning 30px, and a 10px margin between columns.

-------------------------------------------------------------- */

/* Font definitions
-------------------------------------------------------------- */

/*@font-face {
 font-family: 'Graublau Web';
 src: url(/fonts/GraublauWeb.eot);
 src: local('Graublau Web Regular'), local('Graublau Web'), 
        url(/fonts/GraublauWeb.otf) format('opentype');
}
*/

/* A container should group all your columns. */
#container, .container { width: 990px; margin: 0 auto; text-align: left; background: #f2ddcb url(/images/paper.jpg) repeat;
                          border: 1px solid #262f28; border-top: none; }

/* Use this class on any div.span / container to see the grid. */
.showgrid {  background: url(/images/grid.png); }

/* Body margin for a sensible default look. */
body { margin: 0; text-align: center; font-size: 12px; color: #555; line-height: 1.5;
       background: #39543a url(/images/leaf_pattern.png) repeat; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 230px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24, div.span-24 { width: 950px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:4px;
  margin-right:5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:28px;
  margin-right:25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}
.pull-24 { margin-left: -960px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px;}
.push-24 { margin: 0 -960px 1.5em 960px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; margin-top: 0; }

h1, h2 { color: #104d80; text-shadow: 1px 1px 3px #666; }

h1 { font-size: 2.5em; line-height: 1.2; border: 1px solid #999; border-left: none; border-right: none; margin-top: 0.67777em; margin-bottom: 0.4em; padding: 0.1em 0; font-weight: bold; }
h2 { font-size: 1.75em; margin-bottom: 0.857em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

#secondary_content h1,
#secondary_content h2,
#secondary_content h3 { color: #111; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; border-bottom: 1px solid #999; position: relative; text-shadow: none; }
#secondary_content h4,
#secondary_content h5,
#secondary_content h6 { font-size: 1em; font-weight: bold; margin-bottom: 0; }

#footer h6 { color: #555; margin: 0; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a,a:link    { color: #104c7f; text-decoration: none; border-bottom: 1px solid; }
a:visited   { color: #126815; }
a:focus,
a:hover     { color: #006ac3; border-bottom: 1px dotted; }
  a.image   { border-bottom: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

#footer a, #footer a:link, #footer a:visited,
#affiliations a, #affiliations a:link, #affiliations a:visited { color: #999; }
#footer a:hover, #footer a:active,
#affiliations a:hover, #affiliations a:active { color: #006ac3; }
#affiliations a, #scrip_banner a { border-bottom: none; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; padding: 0; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead tr 		{ background: #435367; color: #fff; }
th,td,caption { padding: 4px 10px 4px 5px; vertical-align: top; }
tbody tr.even { background: #e8d3c3; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
tbody tr:hover { background: #d3d7e1;}
td.left_border { border-left: 1px solid #999; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* Fancy typography
-------------------------------------------------------------- */

.alt { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; }


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221; */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   New type size in em's:
     11.2px (wanted side note size) / 14px (existing base size) = 0.8 (new type size in ems)

   New line-height value:
     14px x 1.25 = 21px (old line-height)
     21px x 4 = 84px 
     84px / 5 = 16.8px (new line height)
     16.8px / 11.2px = 1.5 (new line height in em's) */

#footer p, #affiliations p, p.incr, .incr p, .metadata, .breadcrumbs
{ font-size: 0.833em; line-height: 1.5em; }
#secondary_content ul p { font-size: 1em; }


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em; line-height:1%; font-weight:bold; padding:0 2px;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box {  padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9;  }

/* Use this to create a horizontal ruler across a column. */
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.45em; border: none; }
hr.space { background: #fff; color: #fff; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, #container {display: inline-block; }
* html .clearfix,
* html #container { height: 1%; }
.clearfix, #container { display: block; }

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* WMD for live previews of Markdown code
-------------------------------------------------------------- */
.wmd-preview { border: 1px solid #999; margin: 0 0.75em 0.75em; padding: 1em; }

/* Markdown */
#markdown { position: relative; font-size: 0.8em; }
  #markdown ul { position: absolute; display: none; background: #fff; z-index: 80; border: 1px solid; float: left;
    list-style-type: none; padding: 0; margin: 0 0 2em; }
  #markdown:hover ul { display: block; }
  #markdown li { float: left; margin: 2em; }
  #markdown h4 { margin-bottom: 0; margin-top: 0; }
  #markdown p { margin: 0; }
  #markdown pre { margin-top: 0; }

#page_content { height: 24em; }

/* Page structure
-------------------------------------------------------------- */

#branding { position: relative; border-bottom: 1px solid #5f3d23;
            height: 175px; background: #b97338 url(/images/banner_background.jpg) repeat-x; }
  #branding img { position: absolute; top: 12px; left: 20px; border: none; }
  #branding a, #branding a:link { border: none; }
  #branding h1, #branding p { text-indent: -9999em; font-size: 1em; margin: 0; padding: 0; border: 0; }
  #branding p { position: absolute; bottom: 15px; right: 10px; width: 136px; height: 95px; background: transparent url(/images/banner_education_for_peace.png) no-repeat; }
  
#navigation { height: 30px; background: #435367 url(/images/navigation_background.jpg) repeat-x; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding-left: 20px; padding-right: 20px; font-size: 1em; color: #fff; }
  #navigation a { border-bottom: none; color: #fff; }
  #navigation ul { list-style-type: none; float: left; position: relative; border-left: 1px solid #2e3449; margin: 0; padding: 0; height: 30px; min-height: 1%; z-index: 100;}
    #navigation li { float: left; clear: none; border-right: 1px solid #2e3449; min-height: 22px; padding: 4px 8px; position: relative; }
    #navigation li.drop_down { background: transparent url(/images/navigation_triangle.png) 4px center no-repeat; padding-left: 24px; }
    #navigation ul a:hover { color: #ffe716; }
    #navigation ul li a { display: block; }
    #navigation ul li:last-child a { border-right: none; } /* Doesn't work in IE */
    #navigation ul li.hover,
    #navigation ul li:hover { position: relative; }
    #navigation ul li.hover > a { color: #ffe716; }
      #navigation ul ul { width: 220px; visibility: hidden; position: absolute; top: 29px; left: -1px; -moz-box-shadow: 2px 2px 15px #555; -webkit-box-shadow: 2px 2px 15px #555; height: auto; }
      #navigation ul ul li { padding: 4px 8px; background: #435367; font-weight: normal; color: #999; border-bottom: 1px solid #2e3449; float: none; }
      #navigation ul ul li a { border-right: none; width: 100%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */
        #navigation ul ul ul { left: 100%; top: -1px; border-top: 1px solid #2e3449; }
    #navigation ul li:hover > ul,
    #navigation ul li.hover > ul { visibility: visible; }
  #navigation .fly_out { color: #fff; }
  
#primary_content { margin-left: 20px; clear: left; position: relative; }
  #primary_content #flourish { position: absolute; right: -32px; top: 0px; z-index: 30; }
  .events.calendar #primary_content #flourish { right: -20px; }
#secondary_content { margin-top: 5em; }
#secondary_content h2 { position: relative; top: -1.05em; }
  #secondary_content img + h2, #secondary_content p + h2 { top: 0; }
  .events.calendar #secondary_content h2 { top: 0; margin-top: 1.5em; }
#footer, #affiliations { margin-top: 1.5em; margin-left: 20px; color: #999; }
  #footer p, #affiliations p { margin-bottom: 0; }
  #affiliations img { border: none; margin-left: 10px; }
  #footer { margin-bottom: 20px; }
#scrip_banner, #affiliations { text-align: left; margin-left: 20px; padding-top: 4.5em; margin-top: 1.5em; }
  #scrip_banner img { border: none; }
  #affiliations { text-align: right; }

/* Search form
-------------------------------------------------------------- */
#search_form { float: right; height: 28px; padding-top: 3px; position: relative; }
#search_form input { width: 110px; padding: 2px 5px; font-size: 0.8em; background-color: #f0dcca; color: #999; border: 1px solid #666; float: none; }
#search_form input:focus { color: #444; }
#search_form input.search_button { padding: 0; width: 23px; height: 23px; background: transparent; border: none; position: absolute; top:3px; right: 0; z-index: 100; }
.search_form input { float: left; }


/* Miscellaneous
-------------------------------------------------------------- */
.metadata { margin-top: -1.875em; color: #777; }
.breadcrumbs { margin-top: -1.25em; color: #777; margin-bottom: 1em; }
#secondary_content .metadata { margin-top: 0; }
.navigation_group span { display: none; }
.pages.show.staff #primary_content ul { list-style-type: none; padding: 0; margin-bottom: 1.5em; float: left; width: 90%; }
  .pages.show.staff #primary_content ul li { float: left; width: 48%; margin-bottom: 1.5em; }
  .pages.show.staff #primary_content ul h3 { margin-top: 0; margin-bottom: 0; }
  .pages.show.staff #primary_content h2 { clear: both; }
form.paypal { text-align: center; }
img { border: 1px solid #435367; }
  #primary_content #flourish { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
  #primary_content img { float: right; margin-left: 0.5em; margin-bottom: 0.5em; -moz-box-shadow: 0 0 7px #333; -webkit-box-shadow: 0 0 7px #333; }
  #primary_content img[src*="javascripts/wmd"] { -moz-box-shadow: none; -webkit-box-shadow: none; }
  #primary_content .center > img, #primary_content .center > a > img { float: none; margin: 0.5em; }
.on-top { z-index: 10000; }
iframe { border: 1px solid #435367; }
.center { text-align: center; }
.pages.show.tuition_and_fees #primary_content tbody td { text-align: right; }
  .pages.show.tuition_and_fees #primary_content tbody .numerical_heading { text-align: right; }
  .pages.show.tuition_and_fees #primary_content tbody td.rowhead { text-align: left; }

/* Messaging
-------------------------------------------------------------- */
#communication p { border: 1px solid; padding: 0.75em 10px 0.75em 52px; }
  #communication .notice { color: #1d5522; background: #79957b url(/images/notice.png) 10px center no-repeat; }
  #communication .warning { color: #0040bb; border-color: #1d3055; background: #8e96a6 url(/images/warning.png) 10px center no-repeat; }
  #communication .error { color: #a3321f; border-color: #5c1b16; background: #c19d99 url(/images/error.png) 10px center no-repeat; }
  
.errorExplanation { border: 1px solid #5c1b16; color: #222; }
  .errorExplanation h2 { background-color: #5c1b16; color: #fff; font-size: 1.5em; font-weight: bold; margin-top: 0; padding: 0 0.666em;}
  .errorExplanation p { margin-left: 1em; margin-right: 1em; }
  .errorExplanation ul { margin-left: 2em; margin-right: 2em; list-style-type: square; }

/* Home page
-------------------------------------------------------------- */
.pages.index_page { background: #f2ddcb url(/images/paper.jpg) repeat; }
.pages.index_page #container { width: auto; border: none; background: none; }
.pages.index_page .wrapper { width: 950px; margin: auto; position: relative; }
.pages.index_page #branding p { display: none; }
.pages.index_page #branding img { left: 0; }

.pages.index_page #primary_content,
.pages.index_page #secondary_content { width: auto; float: none; margin: 0 0 1.5em; }

.pages.index_page #primary_content { background: #39543a url(/images/leaf_pattern.png) repeat; border-bottom: 1px solid #262f28; z-index: 0; }
  .pages.index_page #primary_content img.splash { position: absolute; top: 25px; left: 396px; border: 1px solid #132d15; margin: 0; -moz-box-shadow: 5px 5px 16px #1a1a1a; -webkit-box-shadow: 5px 5px 16px #1a1a1a; }
  .pages.index_page #primary_content img { border: none; float: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.pages.index_page #secondary_content { position: relative; }
  .pages.index_page #secondary_content #flourish { position: absolute; left: -40px; top: -35px; border: none; }
  .pages.index_page #secondary_content h2 { font-size: 2em; margin-bottom: 0.75em; color: #104d80; font-weight: bold; text-transform: lowercase; border-bottom: none; text-shadow: 1px 1px 3px #999; margin-top: 0; top: 0; }
  .pages.index_page #secondary_content a.more { display: block; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.8em; margin-top: -1.25em; border-bottom: none; font-weight: bold; text-shadow: 1px 1px 2px #999; }
  .pages.index_page #secondary_content a.more span { font-weight: bold; padding-left: 0.1em; }
    .pages.index_page #secondary_content a.more:hover { }
  .pages.index_page #secondary_content ul { list-style-type: none; margin: 0; padding: 0; }
  .pages.index_page #secondary_content .date { display: block; color: #999; }

.pages.index_page #footer, .pages.index_page #scrip_banner { margin-left: 0; }

.pages.index_page #communication { width: 550px; position: absolute; top: -130px; left: 396px; }


/* Calendar
-------------------------------------------------------------- */

.events.calendar #primary_content,
.events.calendar #secondary_content { width: 950px; margin: 0; margin-left: 20px; }
  .events.calendar #secondary_content h3 { border-bottom: none; border-top: 1px solid #bbb; padding-top: 0.25em; margin-bottom: 1em; }
  .events.calendar #secondary_content .metadata { margin-top: -1.75em; }

table.calendar { margin: auto; text-align: center; border: 1px solid #aaa; }
  table.calendar thead tr { background-color: #b9d5f0; }
  table.calendar thead th { width: 14.2%; }
  table.calendar th.monthName { color: #104d80; font-size: 2em; margin-bottom: 0.75em; }
  table.calendar tbody td { padding: 0 0.5em 1.5em; text-align: right; }
  table.calendar tbody td div { display: block; text-align: left; position: relative; font-size: 0.8em; }
    table.calendar tbody td div div { width: 300%; padding: 1.5em 1.5em 0; display: none; position: absolute; top: 1em; left: 1em; background-color: #b9d5f0; border: 1px solid #aaa; color: #555; font-size: 1.25em; }
    table.calendar tbody td div:hover div { display: block; z-index: 100; }
    table.calendar tbody td div + div { margin-top: 0.75em; }
  table.calendar h5 { margin-top: 0; }
  table.calendar .otherMonth { color: #aaa; background-color: #eee; }
  table.calendar .day, .specialDay { border-bottom: 1px dotted #bbb; }
  table.calendar .specialDay, table.calendar .specialDay.weekendDay { background-color: #104D80; color: #fff; }
  table.calendar .weekendDay { background-color: #d3d7e1; }
  table.calendar .today { background-color: #435367; color: #fff; }
  
.events .event_date { float: left; font-size: 2em; width: 2em; margin-right: 0.5em; color: #104d80; font-weight: bold; clear: left; }
  .events .event_date span { font-size: 0.5em; position: relative; top: -0.75em; }
  .events .event_data { margin-left: 5em; }

.events.index h3 { border-top: 1px solid #bbb; padding-top: 0.25em; margin-bottom: 0.75em; }
  .events.index .metadata { margin-top: -1.5em; }