/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body.home {
     background: #e5e5e5 url(/img/page_bg.png) top center no-repeat;
     padding: 0;
     color: #333;
}

body.home div#top_border {
     font-size: 0px;
     width: 100%;
     height: 5px;
     background: #125798;
     border-bottom: 1px solid #fff;
     margin: 0;
     padding: 0;
}

body.secondary div#top_border {
     font-size: 0px;
     width: 100%;
     height: 4px;
     background: #0a3258;
     border-bottom: 1px solid #1e7cd2;
     margin: 0;
     padding: 0;
}

body.home div#wrapper {
     margin-top: 3em;
}

body.secondary {
     background: #e5e5e5 url(/img/secondary_page_bg.png) 0 5px repeat-x;
     padding: 0;
     color: #333;
}

body.secondary div#header {
     margin-bottom: 0;
     position: relative;
}

body.secondary  div#header div#meeting_details {
     margin: 0;
     position: absolute;
     bottom: 1em;
     right: 0px;
     color: #539ac1;
     font-family: garamond, 'times new roman', times, serif;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 2px;
}

div#meeting_details span.details_divider {
     padding: 0 1.25em;
     color: #3f7999;
}

body.secondary div#body_wrapper {
     padding-top: 3em;
     background: url(/img/secondary_body_bg.png) 0 1px no-repeat;
}

#content {
     color: #000;
}

#content div.faculty_list ul {
     list-style: none;
     padding-left: 0;
     margin-left: 0;
}

#content div.faculty_list ul li {
     padding: 0;
     margin: 0 0 20px 0;
}

/* anchors
----------------------------------------------- */
a {
     color: #005c9a;
     text-decoration: none;
}
a:hover {
     color:#00a7fe;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
     /*background:#fff;*/
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
     font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
     font-weight:normal;
     font-size:3em;
     text-align:left;
     background:#aaa;
     padding:.7em 1em;
     margin-bottom:0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
     font-weight:normal;
     padding:.5em;
     margin:0 0 10px 0;
     border-bottom:1px solid #ccc;
}


/* boxes
----------------------------------------------- */
.box {
     background:#ccc;
     margin-bottom:20px;
     padding:10px 10px 1px 10px;
}
.box h2 {
     font-size:1em;
     font-weight:normal;
     text-transform:uppercase;
     color:#fff;
     background:#333;
     margin:-10px -10px 0 -10px;
     padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
     color:#fff;
     background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;
     display:block;
     padding:6px 12px;
     margin:-6px -12px;
     border:none;
}
.grid_4 .box h2 a {
     background-position: 97% 50%;
}
.grid_5 .box h2 a {
     background-position: 98% 50%;
}
.grid_12 .box h2 a {
     background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
     background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
     background-color:#111;
}
.block {
     padding-top:10px;
}
div.menu {
     padding:0;
}
div.menu h2 {
     margin:0;
}
div.menu .block {
     padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
     margin-bottom:1em;
}
blockquote {
     font-family: Georgia, 'Times New Roman', serif;
     font-size:1.2em;
     padding-left:1em;
     border-left:4px solid #ccc;
}
blockquote cite {
     font-size:.9em;
}
ul, ol {
     padding-top:0;
}




/* table
----------------------------------------------- */
table {
     width:100%;
     border:1px solid #bbb;
     margin-bottom:10px;
}
col.colC {
     width:8em;
}
th, td {
     padding:.2em 1em;
     text-align:left;
}
thead th {
     border-bottom:2px solid #888;
     background:#bbb;
     padding:.4em 1em .2em;
}
thead th.table-head {
     font-size:1em;
     font-weight:normal;
     text-transform:uppercase;
     color:#fff;
     background:#555;
     border:1px solid #555;
}
tbody th,
tbody td {
     border-top:1px solid #bbb;
     border-bottom:1px solid #bbb;
     background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
     background:#fff;
}
tfoot th,
tfoot td {
     border-top:2px solid #666;
     background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
     border-top:6px double #666;
}
tfoot tr.total th {
     text-transform:uppercase;
}
th.currency,
td.currency {
     text-align:right;
}


/* forms
----------------------------------------------- */
form {
     overflow:hidden;
}
fieldset {
     border:1px solid #bbb;
     padding:10px;
     position:relative;
     background:#e9e9e9;
     margin-bottom:10px;
}
legend {
     font-size:1.1em;
     padding:.4em .8em;
     background:#fff;
     border:1px solid #bbb;
}
fieldset.login p {
     margin-bottom:1em;
     margin-top:0pt;
}
fieldset p label {
     width:98%;
}
fieldset p input {
     width:98%;
}
fieldset p select {
     width:99%;
}
fieldset.login p label {
     float:left;
     line-height:2em;
     margin-right:3%;
     text-align:right;
     width:32%;
}
fieldset.login p input {
     width:60%;
}
fieldset.login input.button {
     margin-left:35%;
}
form p.notice {
     font-weight:bold;
}
input.search.text {
     width:66%;
}
input.search.button {
     width:28%;
     margin-left:2%;
}


/* articles
----------------------------------------------- */
.articles {
     padding:0;
}
.articles h2 {
     margin:0;
}
#articles {
     padding-top:0;
}
.article {
     border-top:1px solid #666;
     padding-top:.5em;
}
.box .article {
     border-top:3px solid #fff;
     padding:13px 10px 0 10px;
}
.article h2 {
     font-size:2em;
     font-weight:normal;
     text-transform:none;
     color:#333;
     background:transparent;
     padding:0;
     margin:0;
     border:none;
}
.article h3 {
     margin-bottom:.2em;
     font-size:1.6em;
}
.box .first {
     border-top:none;
}
.article h4 {
     font-size:1.2em;
     text-transform:uppercase;
     margin-bottom:.5em;
}
.article a.image {
     float:left; 
     margin:3px 10px 3px 0; 
     padding:4px;
     border:1px solid #bbb;
     background:#fff;
}
.article a.image:hover {
     border:1px solid #666;
}
.article a.image img {
     float:left; 
}
.article p.meta {
     color:#666;
     border-top:1px dotted #999;
     border-bottom:1px dotted #999;
     padding:.3em 0;
     margin-bottom:.8em;
}


/* site information
----------------------------------------------- */
#footer_wrapper {
     border: 1px solid #ccc;
}

#footer {
     border: 5px solid #e9e9e9;
     background: #d1d1d1 url(/img/footer_bg.png) 0 0 repeat-x;
     padding: 2em;
}

#footer #sponsorship {
     padding: 0.5em;
}

#footer #sponsorship h6 {
     margin-top: 30px;
}

#footer #sponsorship:after {
     content: ".";
     visibility: hidden;
     display: block;
     clear: both;
     height: 0;
     font-size: 0;
}

#footer #sponsorship img {
     float: left;
     margin-right: 2em;
}

p.copyright {
     text-align: center;
     font-family: garamond, 'times new roman', times, serif;
     font-size: 10px;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: #999;
}

#site_info .box {
     color:#ccc;
     background:#666;
     margin-bottom:10px;
}
#site_info a {
     color:#fff;
}
#site_info a:hover {
     color:#000;
}


/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
     color: #222;
     margin: 0;
     padding: 2px 5px;
     background: #eee;
     border-bottom: 1px solid #ddd;
     border-right: 1px solid #ddd;
     border-top: 1px solid #f5f5f5;
     border-left: 1px solid #f5f5f5;
     font-size:1.1em;
     font-weight: normal;
}
.element h4 {
     margin: 0;
     padding:4px;
     line-height:1.2em;
}
.element p {
     margin: 0;
     padding: 4px;
}
.float-right {
     padding:10px 20px;
     float:right;
}

#accordian-block {
     padding-bottom:10px;
}


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box { 
     padding:0;
     overflow:hidden;
}
#kwick-box h2 { 
     margin:0;
}
#kwick {
     position: relative;
}
#kwick .kwicks {
     display: block;
     height: auto;
     list-style:none;
     margin:0;
     overflow:hidden;
}
#kwick li {
     float: left;
     margin:0;
     padding:0;
}
#kwick .kwick {
     display: block;
     cursor: pointer;
     overflow: hidden;
     height: 40px;
     width: 168px;
     padding: 10px;
     background: #fff;
}
#kwick .kwick span {
     color:#fff;
}
#kwick .one {
     /*background: #666;*/
     background: #00365b;
}
#kwick .two {
     /*background: #777;*/
     background: #00487a;
}
#kwick .three {
     /*background: #888;*/
     background: #005894;
}
#kwick .four {
     /*background: #999;*/
     background: #0066ae;
}
#kwick .five {
     /*background: #999;*/
     background: #0075c7;
}
#kwick .six {
     /*background: #999;*/
     background: #0083e0;
}