﻿/*  HTML5 ✰ Boilerplate  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

/*body { font:13px/1.231 sans-serif; *font-size:small; }*/
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 65%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #fdc88a; color:#fff; text-shadow: none; }
::selection { background:#fdc88a; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #fdc88a; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

select, input, textarea {  color: #444; }

/*--------------------------------------------------
    Site styles
--------------------------------------------------*/
body{background-color:#dae79a; font-family:Lucida Sans Unicode, sans-serif; line-height:1.2; font-size:13px;}

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4 {margin-bottom:10px;}
h1 {font-size:20px; letter-spacing:-1px;}
h2 {font-size:20px; margin-top:25px; letter-spacing:-1px;}
h3 {font-size:20px; margin-top:25px;}  
h4 {font-size: 14px; margin-bottom:0; text-transform:uppercase;}
h5 { font-size: 13px; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 13px; font-weight: bold; margin-bottom: 5px;}
h1.top, h2.top, h3.top, h4.top, h5.top, h6.top{margin-top:0;}

a, a:active, a:visited {color: #000000;}
a:hover { color: #808285; }
sup a{font-weight:normal;}

p {margin-bottom:15px;}
ul{margin: 10px 25px 15px 25px;}
li {margin-bottom:5px;}
i, em {font-style:italic;}

/*--------------------------------------------------
    Structure
--------------------------------------------------*/
#wrapper{width:100%; margin-bottom:30px;}
#returnLink {width:900px; margin:30px auto 5px; text-align:right;}
#pre-container{width:100%; height:85px; margin:5px auto 15px; background:#000;}
  #banner{width:900px; margin:0 auto;}
    header{padding:15px 15px 0;}
    nav{margin-left:225px;}
#container{width:900px; margin:0 auto;}
  #main{float:left; width:660px; margin-right:15px; background:#fff;}
    .col-left {float:left; width:200px; padding-right:15px;}
    .col-right {float:right; border-left:1px solid black; padding-left:15px; width:399px;}
  #sidebar{float:left; width:225px;}
    #sidebar-head{height:50px;}
    #sidebar-content{width:215px; padding:15px; background:#fff;}
    
.half {float:left; width:50%;}
.half .left {padding-right:10px;}
.half .right {padding-left:10px;}

/*--------------------------------------------------
    Header & nav
--------------------------------------------------*/
#returnLink a {text-decoration:none; margin-right:35px;}
#returnLink a:before {content:"« "; font-size:18px;}

header h1{float:left; margin-left:-9999px;}

nav{padding:0 0 10px 0;}
  nav li{margin-right:20px; float:left;}
  nav li:last-child{margin-right:0}
  nav li a{color:#fff; font-weight:bold; text-decoration:none; font-size:15px; line-height:1;}
  nav li a:visited{color:#fff;}
  nav li a:hover,
  nav li a.selected{color:#b7d433;}
  
/*--------------------------------------------------
    Main content
--------------------------------------------------*/
#main{}
  #main-image img{width:660px; height:375px;}
  #main-image .credit {font-size:9px; text-align:right; margin-right:3px; text-transform:uppercase;}
  #main-content{padding:15px 15px 0 15px; min-height:200px;}

.item {margin-bottom:25px;}
.item h2 {}
.item h3 {margin-bottom:5px; margin-top:0; font-size:14px;}
.item h2 a, .item h3 a{text-decoration:none; margin-top:0;}
.item p {margin-bottom:5px;}

.address {font-weight:bold;}

.footnotes a{font-weight:normal;}
.footnotes li{margin-bottom:25px;}

/*--------------------------------------------------
    Slidshow
--------------------------------------------------*/
.slideshow img {display:none;}
.slideshow img.active {display:inline;}
.slideshow img.first {display:block;}

/*--------------------------------------------------
    Quotes
--------------------------------------------------*/
.quote {margin-bottom:25px}
.quote-mark {width:58px; height:42px;}
.quote .content {font-family:Georgia; font-style:italic; font-size:21px; margin-bottom:5px; line-height:1.1;}
.quote .author {text-align:right; font-size:9px; margin-right:50px;}

.quotes {height:120px;}
.quotes .quote {display:none;}
.quotes .quote.active {display:block;}

/*--------------------------------------------------
    Video
--------------------------------------------------*/
.vidlink {width:50%;}
.vidlink.left{padding:0 10px 10px 0;}
.vidlink.right{padding:0 0 10px 10px;}
td.selected {background-color:#efefef; border:1px solid red;}
.vidlink h3 {font-size: 14px; margin:2px 0 0 0;}
.vidlink h3 a {text-decoration:none;}
.vidlink .abstract {margin-bottom:5px;}
.vidlink .time {color:#666;}
.clip {width:130px; height:79px; overflow:hidden;}

/*--------------------------------------------------
    Footer
--------------------------------------------------*/
footer{padding:0 15px 20px 15px; font-size:11px;}
footer hr{margin:30px 0 20px;}
footer a{font-weight:normal;}

/*--------------------------------------------------
    Sidebar
--------------------------------------------------*/
#sidebar{}
    #arrow{position:absolute; top:177px; margin-left:30px; width:51px; height:53px; z-index:2;}
    #sidebar-content{position: absolute; top:217px; z-index:1; padding-top:25px;}
      #sidebar .item{margin-bottom:25px;}
      #sidebar .item p{margin:9px 0; font-weight:bold;}
      #sidebar hr{margin:25px 0 20px;}
      #sidebar h2{float:left; margin-left:-9999px;}
      #sidebar h3{margin-top:0; margin-bottom:5px;}
    
/*--------------------------------------------------
    Social Links
--------------------------------------------------*/
.social-links {overflow: auto; margin:0; float:left;}
.social-links li {float: left; list-style-type:none;}
  .social-links li a {background: transparent url(../images/SocialMediaIcons8Up.png) top left no-repeat;
    display: block; margin: 0 7px 0 0; text-indent: -999em; height:30px; width: 30px;}
  /*.social-links li:last-child a {margin-right:4px;}*/
  .social-links li a.facebook {background-position: 0 0;}
  .social-links li a:hover.facebook {background-position: 0 -30px;}
  .social-links li a.twitter {background-position: -37px 0;}
  .social-links li a:hover.twitter {background-position: -37px -30px;}
  .social-links li a.linkedin {background-position: -74px 0;}
  .social-links li a:hover.linkedin {background-position: -74px -30px;}
  .social-links li a.st_sharethis_custom {background-position: -111px 0;}
  .social-links li a:hover.st_sharethis_custom {background-position: -111px -30px;}
  
/*--------------------------------------------------
    Boxes
--------------------------------------------------*/
.box-row-3{width:630px;}
.box-row-2{width:415px; margin:0 auto;}
a.box {text-decoration:none; color:#000; font-weight:normal; margin-top:15px; cursor:pointer;}
a.box p {margin:0; padding:0; font-size:13px;}
a.box{float:left; width:170px; height:125px; margin-right:15px; padding:15px;}
a.box.no-top{margin-top:0;}
a.box h2{margin-top:0; margin-bottom:5px;}
a.box.last{margin-right:0;}
a.box.gray{background-color:#c7c8ca;}
a.box.green{background-color:#dae79a;}
a.box.orange{background-color:#fdc88a;}
a:hover.box{background-color:#dcddde;}
.no-top{margin-top:0;}

/*--------------------------------------------------
    Forms
--------------------------------------------------*/
label    { font-weight: bold; }

input[type=text], input[type=password], input[type=url], input[type=email],
input.text, input.title,
textarea {
  background-color:#fff;
  border:1px solid #000;
  color:#000;
}

input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus,
input.text:focus, input.title:focus,
textarea:focus {
  border-color:#666;
}

select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password], input[type=url], input[type=email],
input.text, input.title,
textarea, select {
  margin:2px 0 15px;
}

input[type=submit]{padding:5px; width:100px;}

input.text,
input.title { width: 325px; padding:5px; }

input.title { font-size:1.5em; }
textarea    { width: 385px; height: 150px; padding:5px; }
textarea.full {width:615px; height:250px;}
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

label {font-size:11px; text-transform:uppercase;}

.error{color:Red;}
.validationSummary{border:1px solid #fdc88a; color:black; margin-bottom:15px; padding:15px 15px 0 15px; padding-left:65px; background:#fefefe url(../images/error.gif) no-repeat 15px 15px; min-height:50px;}
.okSummary{border:1px solid #dae79a; color:black; margin-bottom:15px; padding:15px 15px 0 15px; padding-left:65px; background:#fefefe url(../images/checkmark.png) no-repeat 15px 15px; min-height:50px;}
  
/*--------------------------------------------------
    Buttons
--------------------------------------------------*/
.button {display:block; width:150px; text-decoration:none; text-align:center; padding:7px 0; font-size:15px; font-weight:bold;}
a.button{color:#fff; font-weight:bold;}
a.button.black{background-color:#000;}
a.button.black:hover{background-color:#999;}
a.button.green{background-color:#68b545;}
a.button.green:hover{background-color:#b7d433;}
a.button.orange{background-color:#f5981e;}
a.button.orange:hover{background-color:#fdc88a;}
h2 .button {width:320px; font-size:18px; margin:0 auto;}

/*--------------------------------------------------
    Round corners
--------------------------------------------------*/
.round-all {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.round-bottom {
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-radius-bottomleft: 7px;
  -webkit-border-radius-bottomright: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

/*--------------------------------------------------
    Colors
--------------------------------------------------*/
.black{color:#000000;}
.gray{color:#c7c8ca;}
.gray-light{color:#dcddde;}
.gray-dark{color:#808285;}
.orange{color:#f5981e;}
.orange-light{color:#fdc88a;}
.green{color:#68b545;}
.green-light{color:#dae79a;}

/*--------------------------------------------------
    Other styles
--------------------------------------------------*/
hr{width:100%; border-top-color: #c7c8ca; border-top-style: dashed; border-top-width:2px;}
.clear{clear:both;}

.popup{display:none;}
.popup .close {position:absolute; background-image:url(../images/close.png); width:25px; height:27px; top:-10px; right:-10px; cursor:pointer;}
.popup .content {background-color:#fff;padding:15px;width:750px; min-height:400px;}

.half{float:left; width:50%;}