@font-face{ 
	font-family: 'CallunaRegular';
	src: url('woff/Calluna-Regular-webfont.eot');
	src: url('woff/Calluna-Regular-webfont.eot?iefix') format('eot'),
	     url('woff/Calluna-Regular-webfont.woff') format('woff'),
	     url('woff/Calluna-Regular-webfont.ttf') format('truetype'),
	     url('woff/Calluna-Regular-webfont.svg#webfont') format('svg');
}

/* Reset
---------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,detail,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,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,summary { 
	display:block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	max-width:100%;
}

button {
	background-color:none;
	padding:0;
	margin:0;
	-webkit-appearance: none;
	background: none;
	border: 0;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

mark {
    color:inherit;
    background-color:#d8ea68;
    -webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
         -o-border-radius: 2px; 
            border-radius: 2px; 
    background-clip: padding-box;
    -webkit-transition: background 0.2s ease-out;
       -moz-transition: background 0.2s ease-out; 
         -o-transition: background 0.2s ease-out; 
            transition: background 0.2s ease-out; 
}
a:hover mark {
    background-color:rgba(0,0,0,.15);
    -webkit-text-shadow: rgba(255,255,255,.4) 1px 1px 0;
       -moz-text-shadow: rgba(255,255,255,.4) 1px 1px 0;
          o-text-shadow: rgba(255,255,255,.4) 1px 1px 0;
            text-shadow: rgba(255,255,255,.4) 1px 1px 0;
}

/* Spacing
---------------------------------------- */
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address { margin-bottom:18px; }

/* General Typography
---------------------------------------- */
html {
	-webkit-font-smoothing: antialiased;
}
body {
	font: 14px/1.5 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
	color:#4d4e53;
}
.serif {
	font-family: "CallunaRegular", Georgia, "Times New Roman", serif;
}
.sans,
.textinput,
textarea,
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
input[type=range],
input[type=search],
input[type=color] {
	font-family: sans-serif;
}

.mono,
pre,
code,
tt {
	font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
}
.caps {
  text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:"CallunaRegular", Georgia, "Times New Roman", serif;
	font-weight:normal;
	margin-top:9px;
	color:#073f5d;
	margin-bottom:9px;
}

h1 {
    font-size:35px;
    line-height:1.1;
    margin-top:0;
}
h2 {
    font-size:25px;
    line-height:1.2;
}
h3 {
    font-size:19px;
    line-height:1.3;
}
h4 {
    font-size:16px;
    line-height:1.4;
}
h5 {
    font-size:14px;
    text-transform: uppercase;
    line-height:1.5;
}

a {
    text-decoration:none;
    color:#004b8d;
}
a:visited {
    color:#004b8d;
}
a:hover {
   text-decoration:none;
}

i,
em {
    font-style:italic;
}
b,
strong {
    font-weight:bold;
}
cite, q {
    font-style:italic;
}
abbr, acronym {
    border-bottom: 1px dotted #B3B3B3;
}

.tempDump {
    display:none;
    border-top:5px solid #333;
    padding:25px;
}

a:focus {
    outline: inherit;
}

/* Forms Baseline
---------------------------------------- */

::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: 0;
}

select {
	font-size:14px;
	line-height:1;
	padding:3px 0;
	max-width:100%;
}
textarea,
select[multiple] {
  height: auto;
}

textarea {
	resize: both;
	min-height: 40px;
	overflow: auto;
    -webkit-overflow-scrolling: touch;
	width: 460px;
	max-width:100%;
}

optgroup {
  color: #333;
  font-style: normal;
  font-weight: normal;
}
label {
	font-weight: bold;
	cursor: default;
}

.button,
button {
	padding:0;
	margin:0;
	-webkit-appearance: none;
	background: none;
	border: 0;
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

.button,
input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}

textarea,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2) inset;
       -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2) inset;
          o-box-shadow: 1px 1px 1px rgba(0,0,0,.2) inset;
            box-shadow: 1px 1px 1px rgba(0,0,0,.2) inset;
    -webkit-border-radius: 2px;
     -khtml-border-radius: 2px;
       -moz-border-radius: 2px;
        -ms-border-radius: 2px;
         -o-border-radius: 2px;
            border-radius: 2px;
    background-color: #fff;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: #333;
    outline: 0;
    max-width:98%;
    padding: 8px 0 6px;
    font-size: 14px;
    font-family: Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out; 
         -o-transition: all 0.2s ease-out; 
            transition: all 0.2s ease-out; 
}

.boxsizing textarea,
.boxsizing input[type="date"],
.boxsizing input[type="datetime"],
.boxsizing input[type="datetime-local"],
.boxsizing input[type="email"],
.boxsizing input[type="month"],
.boxsizing input[type="number"],
.boxsizing input[type="search"],
.boxsizing input[type="password"],
.boxsizing input[type="tel"],
.boxsizing input[type="text"],
.boxsizing input[type="time"],
.boxsizing input[type="url"],
.boxsizing input[type="week"] {
    padding-right:3px;
    padding-left:3px;
    max-width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: none;	
}

select[size],
select[multiple],
select[size][multiple],
input[type="radio"],
input[type="checkbox"] {
  margin-right: 5px;
}
input:not([type="radio"]) {
  max-width: 100%;
}

.button.disabled,
input[disabled],
textarea[disabled] {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	      o-box-shadow: none;
	        box-shadow: none;
}

::-webkit-input-placeholder {
  color: #999;
}

input[type="search"]::-webkit-search-decoration {
    display:none;
}
input[type="search"] {
	-webkit-appearance:search-decoration;
    background: #fff url('i/searchIcon.gif') no-repeat 4px 9px;
}

button.btn::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: 0;
}


/* Skeleton
---------------------------------------- */
html {
    border-top:5px solid #4d4e53;
    background:#45484e url('i/wavecut.png') repeat-x;
}
html.multiplebgs  {
    height:100%;
    background-image: 
        url('i/footerStrip.gif'),
        url('i/lightSouce_tl.png'),
        url('i/lightSouce_br.png'),
        url('i/wavecut.png')
    ; 
    background-position: 
        bottom,
        left top,
        right bottom,
        left top
    ;
    background-repeat: 
        repeat-x,
        no-repeat,
        no-repeat,
        repeat-x
    ;
}
body {
    width:960px;
    padding:0;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    height:100%;
    overflow:hidden;
    -webkit-tap-highlight-color: rgba(255,255,255,.15);
}

.ie7 body,
.ie8 body,
.ie9 body {
    width:960px;
    scrollbar-face-color:#7a7c80;
    scrollbar-3dlight-color:#F3F4EA;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-track-color:#484c50;
    scrollbar-shadow-color:#F3F4EA;
    scrollbar-highlight-color:#F3F4EA;
    scrollbar-darkshadow-Color:#F3F4EA;    
}

.ie .contentMain,
.ie .essay {
    scrollbar-track-color:     #F3F4EA;
}
.ie .essayList {
    scrollbar-3dlight-color:   #484c50;
    scrollbar-shadow-color:    #484c50;
    scrollbar-highlight-color: #484c50;
    scrollbar-darkshadow-Color:#484c50;    
}
.ie .articleIndex {
    scrollbar-track-color:     #E6E7D7;
    scrollbar-3dlight-color:   #E6E7D7;
    scrollbar-shadow-color:    #E6E7D7;
    scrollbar-highlight-color: #E6E7D7;
    scrollbar-darkshadow-Color:#E6E7D7;    

}

.essays,
.contentMain,
.footerGlobal,
.articleIndex,
.searchTips,
.resultsToggle {
    position:absolute;
    top:75px;
    bottom:40px;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

.headerGlobal {
    position:absolute;
    top:5px;
    left:0;
    right:0;
    z-index: 888;
    margin:0 auto;
    height:70px;
    color:#fff;
    background-color:#2c3030;
}
html:not(.basic) .headerGlobal:before {
    left:0px;
    right:0;
    top:-5px;
    content:'';
    position:absolute;
    height:5px;
    background-color:#4d4e53;
}

       .articleIndex,
.ie    .articleIndex {
    left:0;
    width:160px;
    background-color:#E6E7D7;
    padding-top:29px;
}

       .contentMain,
.ie    .contentMain {
    left:160px;
    right:220px;
    background: #f3f4e9 url(i/yellowNoise.gif) repeat;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
       -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
            box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
    border-right:4px solid #f3f4e9;
    z-index: 1;
}

#constitution {
    display:none;
}
#constitution h2 {
    font-size:21px;
    text-transform: uppercase;
}
#constitution h3 {
    font: 17px/1.5 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    color:#4d4e53;
    margin-bottom:10px;
}
.viewConstitution {
    margin:0 -10px;
}
.articleIndex .viewConstitution {
    margin:0;
}

       .essays,
.ie    .essays {
    width:220px;
    right:0;
    overflow:hidden;
    z-index: 2;
    border-left: 1px solid #3a3c3b;
    background: #f3f4e9 url(i/yellowNoise.gif) repeat;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
       -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
            box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
    -webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out; 
         -o-transition: all 0.5s ease-out; 
            transition: all 0.5s ease-out; 
}

.touch .essays {
    -webkit-transition: all 1s ease-out;
       -moz-transition: all 1s ease-out; 
         -o-transition: all 1s ease-out; 
            transition: all 1s ease-out; 
}

    .footerGlobal,
.ie .footerGlobal {
    top:auto;
    bottom:-5px;
    left:0;
    height:45px;
    width:100%;
    background: #1b1e1e url('i/footer.gif') no-repeat;
    font-size:12px;
    line-height:1;
    color:#B3B3B3;
    text-align:right;
    z-index: 888;
}

.search {
    display:none;
    position:absolute;
    right:0;
    top:13px;
    background-color:#484c50;
    padding:5px;
    width:298px;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out; 
         -o-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out; 
    -webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
         -o-border-radius: 2px; 
            border-radius: 2px; 
}
.search input {
    display:block;
    width:100%;
}
.boxsizing .search input {
    padding-left:20px;
    display:none;
}
.ie .search input {
    padding-left:20px;
}

    .essayList,
.ie .essayList {
    font-family:CallunaRegular, Georgia, "Times New Roman", serif;
    width:220px;
    overflow:auto;
    overflow-x:hidden;
    position:relative;
    height:100%;
    float:left;
    color:#B3B3B3;
    background-color:#484c50;
    padding-top: 8px;
    -webkit-text-shadow: rgba(0,0,0,.4) 1px 1px 0;
       -moz-text-shadow: rgba(0,0,0,.4) 1px 1px 0;
          o-text-shadow: rgba(0,0,0,.4) 1px 1px 0;
            text-shadow: rgba(0,0,0,.4) 1px 1px 0;
}

.essayList h2,
.essayList h3 {
    color:#B3B3B3;
    text-transform: uppercase;
    font-size:13px;
    text-align:center;
    padding:0 10px;
}
.essayList h3 {
    font-size:12px;
}

.teachersRail {
    margin-top:22px;
    padding-top:5px;
    border-top:1px solid #4E5255;
    -webkit-box-shadow: 0 1px 0 #3A3D40 inset;
       -moz-box-shadow: 0 1px 0 #3A3D40 inset;
          o-box-shadow: 0 1px 0 #3A3D40 inset;
            box-shadow: 0 1px 0 #3A3D40 inset;
}
.teachersRail h3 {
    text-align:left;
    margin-bottom:0;
}

.teachersCompanion {
    display:block;
    font-size:17px;
    padding-left:10px;
}
.teachersCompanion.active,
.teachersCompanion.active:visited {
    color: #E8E8E8;
    background-color: #373B3D;
    -webkit-box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;    
}

.teachersCompanionGuide h3 {
    font-weight:bold;
    font-family: Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-size:13px;
}

.teachersList {
    margin-top:3px;
    font-size:11px;
    font-family: Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
}
.teachersRail .teachersList a,
.teachersRail .teachersList a:visited {
    display:block;
    padding:4px 10px 2px;
    color:#B3B3B3;
    -webkit-transition: background 0.2s ease-out;
       -moz-transition: background 0.2s ease-out; 
         -o-transition: background 0.2s ease-out; 
            transition: background 0.2s ease-out; 
}
.teachersRail .teachersList a:hover,
.teachersRail .teachersList a:focus {
    background-color:#373B3D;
    color:#69d3ff;
    -webkit-box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;
       -moz-box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;
          o-box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;
            box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;
}

.teachersRail .teachersList a.active,
.teachersRail .teachersList a.active:visited {
    color:#E8E8E8;
    background-color:#373B3D;
    -webkit-box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;
       -moz-box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;
          o-box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;
            box-shadow: 0 -1px 0 #4E5255,0 1px 0 #242628;
}

.lesson {
    display:inline-block;
    background-color:#EEEFDC;
    font-size:11px;
    border:1px solid #e2e5bd;
    padding:4px 10px 3px 27px;
    background: #f0f1dd url(i/teachersCompanion.png) no-repeat 7px 4px;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out; 
         -o-transition: all 0.2s ease-out; 
            transition: all 0.2s ease-out; 
}
.lesson:hover {
    border-color:#C6CB79;
    background-color:#F5F6E9;
}
.lessonAvailable {
    margin-top:-21px;
}

.essayList a,
.essayList a:visited {
    color:#69d3ff;
}
.essayList a.secondary,
.essayList a.secondary:visited {
    color:#b3b3b3;
}

.essaysOpen,
.ie .essaysOpen {
    width:800px;
}

.essay,
.ie .essay {
    display:none;
    float:right;
    width:530px;
    padding:25px;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
       -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
            box-shadow: 0px 0px 8px rgba(0,0,0,0.8);
    height:100%;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
    position:relative;
}
.positionfixed .essay {
    border-top: 8px solid #f3f4e9;
    padding-top: 100px;
}
.essaysOpen .essay {
/*    display:block;*/
}
.positionfixed .essay .header {
    -webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out; 
         -o-transition: all 0.5s ease-out; 
            transition: all 0.5s ease-out; 
    background: #f3f4e9 url(i/yellowNoise.gif) repeat;
    position:fixed;
    z-index: 2;
    top:75px;
    padding-top:25px;
    width:530px;
}
.positionfixed.touch .essay .header {
    right:25px;
}
.positionfixed .essay .header:after {
    border-top:1px solid rgba(0,0,0,.10);
    content:'';
    position:absolute;
    left:   0;
    right:10px;
    top:102%;
    height:15px;
    background: url(i/overflowShadow.png) no-repeat center top;
}
.positionfixed .essaysOpen .essay .header  {
}

#essayScroller {
    -webkit-transform: translateZ(0);
}

.closePanel {
    -webkit-box-shadow: -6px -3px 6px rgba(0,0,0,.3);
       -moz-box-shadow: -6px -3px 6px rgba(0,0,0,.3);
          o-box-shadow: -6px -3px 6px rgba(0,0,0,.3);
            box-shadow: -6px -3px 6px rgba(0,0,0,.3);
    background: #f3f4e9 url(i/yellowNoise.gif) repeat;
    text-align:left;
    width:57px;
    color:#61625a;
    font-size:11px;
    font-family:Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    position:absolute;
    left: 233px;
    top:0;
    cursor: pointer;
    padding:8px 0 7px 8px;
    z-index: 2;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transition: all 0.1s ease-out;
       -moz-transition: all 0.1s ease-out; 
         -o-transition: all 0.1s ease-out; 
            transition: all 0.1s ease-out; 
}
.closePanel:hover,
.closeButton:hover {
    color:#000;
}
.closePanel:before,
.closeButton:before {
    content:'';
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:6px;
    vertical-align:baseline;
    background: url(data:image/gif;base64,R0lGODlhCgAKALMAANLTydTVytHSx9PUytLTyPHy59HSyNPUydXWy/P06bu8sgAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAKAAoAAAQosCiTaiJKKnXq2BOIIKCQHCAIWCQYWEm7IdaXcpcrG2qFbhKThVeIAAA7);
    -webkit-transform: translate(0, 1px);
       -moz-transform: translate(0, 1px);
         -o-transform: translate(0, 1px);
            transform: translate(0, 1px);
}
.essaysOpen .closePanel {
    left: 197px;
    z-index: 889;
    display:block;
    -webkit-opacity:1;
       -moz-opacity:1;
         -o-opacity:1;
            opacity:1;
}

.headerGlobal h1 {
      color:#fff;
      font-size:28px;
      line-height:1;
      margin:0;
      width:600px;
}
.headerGlobal h1 a,
.headerGlobal h1 a:visited {
    display:block;
    color:#fff;
    position:relative;
    padding:21px 0 21px 93px;
    -webkit-transition: color 0.2s ease-out;
       -moz-transition: color 0.2s ease-out; 
         -o-transition: color 0.2s ease-out; 
            transition: color 0.2s ease-out; 
}
.headerGlobal h1 a:hover {
    color:#ccc;
}
.headerGlobal h1 a:after {
    content:'';
    position:absolute;
    left:0;
    top:-5px;
    width:80px;
    height:83px;
    background: url('i/bell.gif') no-repeat;
}

.footerGlobal a {
    color:#69d3ff;
}
.footerGlobal .listFooterExtra {
    margin: 16px 10px 0;
}

/* Guts
---------------------------------------- */
.fullText {
  -webkit-transform: translateZ(0);
}

.fullText,
.snippetText {
    padding:25px;
}
.touch .fullText p {
    margin-right:10px;
    position:relative;
}

.fullText h2,
.teachersCompanionGuide h2 {
    position:relative;
    padding-top:30px;
    padding-bottom:3px;
    margin-bottom:20px;
    font-size:17px;
    border-bottom:2px solid #c9d33c;
    color:#4d4e53;
    -webkit-transition: background 0.2s ease-out;
       -moz-transition: background 0.2s ease-out; 
         -o-transition: background 0.2s ease-out; 
            transition: background 0.2s ease-out; 
}
.teachersCompanionGuide h2 {
    padding-top:10px;
}

.pdf {
    padding-right:15px;
    background: url(i/pdf.gif) no-repeat right;
}

.fullText h3 {
    margin-bottom:0;
}

.fullText h2 span,
.teachersCompanionGuide h2 span {
    text-transform: uppercase;
    letter-spacing:1px;
    display:inline-block;
    -webkit-transform: scale(1.1, 1);
       -moz-transform: scale(1.1, 1);
        -ms-transform: scale(1.1, 1);
         -o-transform: scale(1.1, 1);
            transform: scale(1.1, 1);
    -webkit-transform-origin:0 0;
       -moz-transform-origin:0 0;
        -ms-transform-origin:0 0;
         -o-transform-origin:0 0;    
            transform-origin:0 0;
}

.snippetText {
    display:none;
}
.searching .snippetText {
    display:block;
}
.searching .fullText {
    display:none;
}

.snippetText blockquote {
    font-size:inherit;
    font-family:Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-style:normal;
}
.snippetText blockquote p {
    text-indent:0;
}
.snippetText blockquote p:before,
.snippetText blockquote p:after {
    content:'';
    display:none;
}
.snippetText blockquote cite {
    font-family:CallunaRegular, Georgia, "Times New Roman", serif;
}

#viewBySnippet {
    
}
#viewByFullText {
    
}

#preamble {
    background: url('i/we-the-people.gif') no-repeat;
    padding-top:52px;
}
#weThePeople {
    width:300px;
    display:inline-block;
    text-indent:-888em;
    overflow: hidden;
}

a.essaysView {
    font-family:Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#4d4e53;
    position:absolute;
    right:0;
    top:27px;
    background-color:#ddddce;
    padding:3px 4px 3px 5px;
    border:1px solid #a9a896;
    -webkit-transition: background 0.2s ease-out;
       -moz-transition: background 0.2s ease-out; 
         -o-transition: background 0.2s ease-out; 
            transition: background 0.2s ease-out; 
    -webkit-border-radius: 2px; 
       -moz-border-radius: 2px; 
         -o-border-radius: 2px; 
            border-radius: 2px; 
    background-clip: padding-box;
    -webkit-text-shadow: rgba(255,255,255,.4) 1px 1px 1px;
       -moz-text-shadow: rgba(255,255,255,.4) 1px 1px 1px;
          o-text-shadow: rgba(255,255,255,.4) 1px 1px 1px;
            text-shadow: rgba(255,255,255,.4) 1px 1px 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.5) inset;
       -moz-box-shadow: 0 1px 0 rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.5) inset;
          o-box-shadow: 0 1px 0 rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.5) inset;
            box-shadow: 0 1px 0 rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.5) inset;
    background-image:-moz-linear-gradient(top, rgba(255,255,255,.4), rgba(0,0,0,.1)); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.4)),color-stop(1, rgba(0,0,0,.1))); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefe7', endColorstr='#dadac9'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefe7', endColorstr='#dadac9')"; 
}
a.essaysView:hover {
    background-color:#f3f4e9;
}                            

.essayAvailable,
.essayAvailable:visited {
    padding:2px 0 3px;
    color:inherit;
    -webkit-transition: all 0.15s ease-out;
       -moz-transition: all 0.15s ease-out; 
         -o-transition: all 0.15s ease-out; 
            transition: all 0.15s ease-out; 
}
.essayAvailable:hover,
.essayAvailable:focus {
    background-color:#d8ea68;
}

.essayAvailable .invite:after {
    content:'►';
    color:#b4b5ac;
    font-size:11px;
    width:25px;
    line-height:24px;
    padding-left:2px;
    text-align:center;
    -webkit-transition: all 0.1s ease-out;
       -moz-transition: all 0.1s ease-out; 
         -o-transition: all 0.1s ease-out; 
            transition: all 0.1s ease-out; 
    -webkit-text-shadow: rgba(255,255,255,1) 0 1px 0;
       -moz-text-shadow: rgba(255,255,255,1) 0 1px 0;
          o-text-shadow: rgba(255,255,255,1) 0 1px 0;
            text-shadow: rgba(255,255,255,1) 0 1px 0;
    position:absolute;
    right:-25px;
    -webkit-transform: translate(0, -2px);
       -moz-transform: translate(0, -2px);
         -o-transform: translate(0, -2px);
            transform: translate(0, -2px);
}
.essayAvailable:hover .invite:after {
    background-color:#d8ea68;
    color:rgba(255,255,255,.6);
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
         -o-border-radius: 3px; 
            border-radius: 3px; 
}

.introIndex {
    font-family:CallunaRegular, Georgia, "Times New Roman", serif;
    border-top:1px solid #dadbcc;
    border-bottom:1px solid #dadbcc;
    font-size:17px;
    display:block;
    line-height:37px;
    padding:0 4px 0 12px;
    margin:0 0 6px;
    -webkit-transition: background 0.15s ease-out;
       -moz-transition: background 0.15s ease-out; 
         -o-transition: background 0.15s ease-out; 
            transition: background 0.15s ease-out; 
}
.introIndex:hover {
    background-color:#cdcfc3;
}
.introIndex.active {
    background-color:#a8aaa5;
    color:#fff;
}

.articleIndex h2 {
    font-size:12px;
    line-height:1;
    margin:0 0 4px;
    color:#84857b;
    text-align:center;
    text-transform: uppercase;
}
.articles {
    color:#84857b;
    font-size:14px;
    font-family:CallunaRegular, Georgia, "Times New Roman", serif;
    margin:0 0 6px;
    border-bottom:1px solid #dadbcc;
}                             
.articles li {
    margin:0;
    zoom:1;
}
.articles li a {
    border-top:1px solid #dadbcc;
    font-size:16px;
    display:block;
    line-height:36px;
    padding:0 4px 0 12px;
    -webkit-transition: background 0.15s ease-out;
       -moz-transition: background 0.15s ease-out; 
         -o-transition: background 0.15s ease-out; 
            transition: background 0.15s ease-out; 
}
.articles li a:hover {
    background-color:#cdcfc3;
}
.articles li a:focus {
    background-color:#cdcfc3;
}
.articles li a span {
    color:#84857b;
    display:inline-block;
    width:13px;
    font-size:14px;
}
.articles li a.active {
    background-color:#a8aaa5;
    color:#fff;
}
.articles li a.active span {
    color:#cdcecb;
}

.amendments span {
    position:absolute;
    left:-888em;
}
.amendments:before,
.amendments:after {
    content:"";
    display:table;
}
.amendments:after {
    clear:both;
}
.amendments {
    margin:0 8px 0 8px ;
    zoom:1;
}
.amendments li {
    width:33.3333%;   
    float:left;
    zoom:1;
}
.amendments a {
    display:block;
    background-color:#ddddce;
    -webkit-border-radius: 7px; 
       -moz-border-radius: 7px; 
         -o-border-radius: 7px; 
            border-radius: 7px; 
    text-align:center;
    border:4px solid #E6E7D7;    
    line-height:26px;
    -webkit-transition: background 0.15s ease-out;
       -moz-transition: background 0.15s ease-out; 
         -o-transition: background 0.15s ease-out; 
            transition: background 0.15s ease-out; 
}
.amendments a:focus,
.amendments a:hover {
    background-color:#cdcfc3;
}
.amendments a.active {
    background-color:#a8aaa5;
    color:#fff;
}

.searchTips {
    display:none;
    background-color:#55585b;
    color:#a8a8a8;
    font-size:12px;
    width:116px;
    padding:29px 12px 12px;
    z-index: 1;
    bottom:40px;
}
.searchTips .returnToTOC {
    display:block;
    margin-bottom:15px;
    position:relative;
    color:#d9edf7;
    font: 11px/1.3 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-weight:bold;
    -webkit-text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px;
       -moz-text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px;
          o-text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px;
            text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out; 
         -o-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out; 
    padding:6px 4px 5px 18px;
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
         -o-border-radius: 3px; 
            border-radius: 3px; 
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 1px 2px rgba(255,255,255,.35) inset;
       -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 1px 2px rgba(255,255,255,.35) inset;
          o-box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 1px 2px rgba(255,255,255,.35) inset;
            box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 1px 2px rgba(255,255,255,.35) inset;
    background-color:#0065a5;
    background-image:-moz-linear-gradient(top, #0093d0, #0065a5); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #0093d0),color-stop(1, #0065a5)); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0093d0', endColorstr='#0065a5'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0093d0', endColorstr='#0065a5')"; 
}
.searchTips .returnToTOC:after {
    content:'';
    position:absolute;
    left:7px;
    top:8px;
    width:6px;
    height:9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiZEAD////TwRSP5iQBASAeAGQ2Xrx4kVpFqigGRBPY2RklALx//37x8gEFCgCstfCBGGAacmSJa+/fPnyFd0uptjY2F0ODg7td+7cuc6ABbADsePy5ctn/P3799G5c+dKmaESf4H4wdq1a+88fPjwvZyc3AtGLLoFgZgTIMAAE8o8ony/T1kAAAAASUVORK5CYII=) no-repeat;
}
.searchTips .returnToTOC:hover {
    color:#fff;
    -webkit-text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 0px;
       -moz-text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 0px;
          o-text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 0px;
            text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.75), 0 1px 2px rgba(255,255,255,.5) inset;
       -moz-box-shadow: 0 1px 1px rgba(0,0,0,.75), 0 1px 2px rgba(255,255,255,.5) inset;
          o-box-shadow: 0 1px 1px rgba(0,0,0,.75), 0 1px 2px rgba(255,255,255,.5) inset;
            box-shadow: 0 1px 1px rgba(0,0,0,.75), 0 1px 2px rgba(255,255,255,.5) inset;
}
    
.searchTips h2 {
    color:inherit;
    font-size:18px;
}
.searchTips p {
    margin-bottom:10px;
}

.searchNotify {
    font-size:16px;
    -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out; 
         -o-transition: all 0.7s ease-out; 
            transition: all 0.7s ease-out; 
    width:515px;
    padding: 20px 15px 10px;
    position:absolute;
    left:170px;
    top:-220px;
    z-index: 3;
    background-color: #fff;
    border: 2px solid #c9d33c;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius:  10px;
    -moz-border-radius-bottomright:     10px;
    -moz-border-radius-bottomleft:      10px;
    border-bottom-right-radius:         10px;
    border-bottom-left-radius:          10px;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2);
       -moz-box-shadow: 0 3px 10px rgba(0,0,0,.2);
          o-box-shadow: 0 3px 10px rgba(0,0,0,.2);
            box-shadow: 0 3px 10px rgba(0,0,0,.2);
}
.searchNotify p {
    margin-bottom:9px;
}
.searchNotify #searchNotifyQuery {
  font-weight: bold;
}
.searchResponse .searchNotify, 
.fetchError .searchNotify {
    top:63px;
}
.searchResponse.searching .searchNotify {
    left:150px;
}
.searchResponse .searchTips {
    display:block;
    width:136px;
}

.searchNotify #dismiss {
    float:right;
    position:relative;
    color:#666;
    font-size:10px;
    font-weight:bold;
    text-transform: uppercase;
}
.searchNotify #dismiss:hover {
    color:#000;
    cursor: pointer;
}
.searchNotify #dismiss:before {
    content:'';
    width:10px;
    height:10px;
    margin-right:3px;
    display:inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJRJREFUeNpskFEKAjEMREPNjSoK6wkUb+R+1hPJLngB/ZD1REqdwFTGdQcepGHaTOrlfHIz68EELvarI1iDkmgKZXAQ056mUO98KbOxAS9QwVYuPZ3j3jSFutn4BxgSDyO42b/uYYoiSbMuGL+9JMF3C8auLejyBTquStbIvvKZKYJfWbssmGN0aV/QgsuCE+vyEWAAEvcdWaxkX6EAAAAASUVORK5CYII=) no-repeat;
    -webkit-transform: translate(0, 1px);
       -moz-transform: translate(0, 1px);
         -o-transform: translate(0, 1px);
            transform: translate(0, 1px);
}
.fetchError .searchNotify {
  border-color: #FF6600;
}

.resultsToggle {
    background: #f3f4e9 url(i/yellowNoise.gif) repeat;
    text-align:center;
    z-index: 2;
    bottom:auto;
    left:140px;
    right:221px;
    display:none;
    height:38px;
    padding:20px 10px 10px ;
    overflow:hidden;
    margin:0;
}
.multiplebgs .resultsToggle {
    background-image: 
        url('i/resultsToggleShadow.png'),
        url('i/yellowNoise.gif')
    ; 
    background-position: 
        center bottom,
        0 0
    ;
    background-repeat: 
        no-repeat,
        repeat
    ;
    border-bottom:0
}

.resultsToggle ul:before,
.resultsToggle ul:after {
    content:"";
    display:table;
}
.resultsToggle ul:after {
    clear:both;
}
.resultsToggle ul {
    display:inline-block;
    margin:0;
    border-bottom:1px solid #ced0c8;
}
.multiplebgs .resultsToggle ul {
    border-bottom:0;
}

.ie .resultsToggle ul {
    display:block;
    zoom:1;
}
.ie .resultsToggle ul li:first-child {
    margin-left:110px;
}

.resultsToggle li {
    float:left;
    background: #f3f4e9 url(i/yellowNoise.gif) repeat;
    margin-right:10px;
    min-width:119px;
}
.resultsToggle li:last-child {
    margin-right:0;
}
.resultsToggle a {
    font-size:14px;
    font-weight:bold;
    line-height:1;
    color:#969796;
    -webkit-text-shadow: rgba(255,255,255,.5) 1px 1px 0;
       -moz-text-shadow: rgba(255,255,255,.5) 1px 1px 0;
          o-text-shadow: rgba(255,255,255,.5) 1px 1px 0;
            text-shadow: rgba(255,255,255,.5) 1px 1px 0;
    display:block;
    position:relative;
    border:1px solid #cccec6;
    padding:11px 5px 10px;
    border-width:1px 1px 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color:#e8e8e3;
    -webkit-transition: color 0.2s ease-out;
       -moz-transition: color 0.2s ease-out; 
         -o-transition: color 0.2s ease-out; 
            transition: color 0.2s ease-out; 
    background-image:-moz-linear-gradient(top, #e8e8e3, #d4d5cc); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #e8e8e3),color-stop(1, #d4d5cc)); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e3', endColorstr='#d4d5cc'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e3', endColorstr='#d4d5cc')"; 
}
.resultsToggle a:hover {
    color:#5d6061;
}
.resultsToggle a.active {
    color:#5d6061;
    background-image:-moz-linear-gradient(top, #f9f9f4, #f2f3e7); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f4),color-stop(1, #f2f3e7)); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f4', endColorstr='#f2f3e7'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f4', endColorstr='#f2f3e7')"; 
}
.resultsToggle a.active:after {
    content:'';
    position:absolute;
    left:0px;
    right:0;
    bottom:-10px;
    height:10px;
    background: #f3f4e9 url(i/yellowNoise.gif) repeat;
}

.searching .searchTips {
    display:block;
}
.searching .resultsToggle {
    display:block;
}
.searching .contentMain {
    margin-top:68px;
    left: 140px;
}

.essayViews {
    display:none;     
    width:220px;
    overflow:hidden;
}

#essaysIntro    { display:block; }
#essaysArticles {  }
#essaysSearch   {  }

#essaysSearch {
    padding-top:0;
    width: 440px;
    overflow: hidden;    
    margin-top:-8px;
    -webkit-transition: margin 0.3s ease-out;
       -moz-transition: margin 0.3s ease-out; 
         -o-transition: margin 0.3s ease-out; 
            transition: margin 0.3s ease-out; 
}
#essaysSearch h2 {
    background-color:#404446;
    margin:0;
    text-align:left;
    padding-top:7px;
    padding-bottom:6px;
}

#essaysSearch.viewResultPaneSub {
    margin-left:-220px;
}

#essaysSearch.noTransition,
.essays.noTransition,
.noTransition .closePanel {
    -webkit-transition: none;
       -moz-transition: none;
         -o-transition: none;
            transition: none;
}

#backPane {
    background-color:#404446;
    display:block;
    width:100%;
    text-align:left;
    font: 12px/1 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    color:#fff;
    line-height:46px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out; 
         -o-transition: all 0.2s ease-out; 
            transition: all 0.2s ease-out; 
    -webkit-text-shadow: rgba(0,0,0,.4) 1px 1px 0;
       -moz-text-shadow: rgba(0,0,0,.4) 1px 1px 0;
          o-text-shadow: rgba(0,0,0,.4) 1px 1px 0;
            text-shadow: rgba(0,0,0,.4) 1px 1px 0;
}
#backPane.opened,
#backPane.opened:hover {
    background-color:#333;
}
#backPane:before {
    content:'◀';
    font-size:7px;
    vertical-align:middle;
    margin-right:7px;
    margin-left:10px;
    padding-bottom:2px;
    display: inline-block;
}
#backPane:hover {
    background-color:#373b3d;
}

.resultPane,
.resultPaneSub {
    width:220px;
    float:left;
}

.submitSort {
    /* Accessible hide */
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    height: 1px !important; 
    width: 1px !important; 
    overflow: hidden;
}
.essayViews legend {
    /* Accessible hide */
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    height: 1px !important; 
    width: 1px !important; 
    overflow: hidden;
}
.essayScroll {
    position:absolute;
    top:87px;
    left:0;
    right:0;
    bottom:0;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}

.essayFilter:before,
.essayFilter:after {
    content:"";
    display:table;
}
.essayFilter:after {
    clear:both;
}
.essayFilter {
    zoom:1;
}

.essayFilter {
    border:1px solid #373b3d;
    color:#c8c9cb;
    margin:0 10px;
    font: 11px/1 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    background-color:#404347;
    background-image:-moz-linear-gradient(top, #60656a, #313437); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #60656a),color-stop(1, #313437)); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60656a', endColorstr='#313437'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#60656a', endColorstr='#313437')"; 
    -webkit-border-radius: 4px; 
       -moz-border-radius: 4px; 
         -o-border-radius: 4px; 
            border-radius: 4px; 
    background-clip: padding-box;
}
.essayFilter input {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    height: 1px !important; 
    width: 1px !important; 
    overflow: hidden;
}
.essayFilter li {
    width:98px;
    float:left;
    text-align:center;
    line-height:31px;
    border-right:1px solid #373b3d;
}         
.essayFilter li:active {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2) inset;
       -moz-box-shadow: 0 0 5px rgba(0,0,0,.2) inset;
          o-box-shadow: 0 0 5px rgba(0,0,0,.2) inset;
            box-shadow: 0 0 5px rgba(0,0,0,.2) inset;
}         
.essayFilter label {
    cursor: pointer;
    display:block;
}         
.ie .essayFilter label {
    font-weight:normal;
}         
.essayFilter li:hover {
    color:#fff;
}         
.essayFilter li:first-child {
    -webkit-border-top-left-radius:    4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft:        4px;
    -moz-border-radius-bottomleft:     4px;
    border-top-left-radius:            4px;
    border-bottom-left-radius:         4px;
}         
.essayFilter li:last-child {
    width:99px;
    border-right:0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;                    
}
.essayFilter li.active {
    color:#fff;
    background-color:#046490;
    background-image:-moz-linear-gradient(top, #073f5d, #0092ce); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #073f5d),color-stop(1, #0092ce)); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#073f5d', endColorstr='#0092ce'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#073f5d', endColorstr='#0092ce')"; 
}

blockquote {
    color:#4d4e53;
    font-style:italic;
    font-family: "CallunaRegular", Georgia, "Times New Roman", serif;
    font-size:18px;
    background-color:#f9faf4;
    padding:20px 20px 15px;
    margin-bottom:20px;
    border: 4px double #e2e5bd;
}
blockquote p {
    margin-bottom:13px;
    text-indent:-8px;
}
blockquote p:before {
    content:'“';
    font-size:21px;
    margin-right:2px;
}
blockquote p:after {
    content:'\201D';
}
blockquote cite {
    text-align:right;
    display:block;
    font-size:13px;
    text-transform: uppercase;
    color:#073f5d;
}

.shareActions:before,
.shareActions:after {
    content:"";
    display:table;
}
.shareActions:after {
    clear:both;
}
.shareActions {
    zoom:1;
}

.shareActions ul {
    text-align:right;
    margin:-20px 10px 12px 0;
    display: -moz-inline-box;
    display: -moz-inline-block;
    display: inline-block;
    float:right;
}

.shareActions li {
    float:left;
    margin-left:10px;
}
.shareActions a,
.shareActions a:visited {
    border:1px solid #dbdcd1;
    font-size:11px;
    color:#61625a;
    display:block;
    line-height:1;
    padding: 6px 10px;
    background: #f5f6ee url(i/share.gif) no-repeat 0 0;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.9) inset;
       -moz-box-shadow: 0 1px 0 rgba(255,255,255,.9) inset;
          o-box-shadow: 0 1px 0 rgba(255,255,255,.9) inset;
            box-shadow: 0 1px 0 rgba(255,255,255,.9) inset;
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
         -o-border-radius: 3px; 
            border-radius: 3px; 
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out; 
         -o-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out; 
}

.shareActions a:hover {
    color:#30302d;
    border-color:#b1b3a8;
    background-color:#ecede6;
}

.shareActions .socFB a {
    padding-left:28px;
}    
.shareActions .socTW a {
    padding-left:23px;
    background-position:0 -50px;
}
.shareActions .socMore a {
    position:relative;
    background-image:none;
}

.essay .vcard {
    margin-top:50px;
    margin-bottom:25px;
}
.essay .vcard + .vcard {
    margin-top:-10px;
}
.essay .vcard:before,
.essay .vcard:after {
    content:"";
    display:table;
}
.essay .vcard:after {
    clear:both;
}
.essay .vcard {
    zoom:1;
}

.essay .vcard .photo {
    margin-bottom:50px;
    float:left;
    margin-right:10px;
    border:1px solid #c2c3b5;
}
.essay .vcard .fn {
    color:#4d4e53;
    font: 18px CallunaRegular, Georgia, "Times New Roman", serif;
    border-bottom:1px solid #c9d33c;
    padding-bottom:3px;
    display:block;
    margin-bottom:5px;
}
.essay .vcard .organization-name {
    display:block;
    font-style:italic;
}
.essay .vcard dl {
    margin-top:15px;
    margin-left:135px;
    font-size:12px;
}
.essay .sansPhoto dl {
    margin-left:0;
}

.contributors:before,
.contributors:after {
    content:"";
    display:table;
}
.contributors:after {
    clear:both;
}
.contributors {
    zoom:1;
    margin-top:13px;
}

.contributors a:hover {
    color:#666;
}

.contributors .vcard {
    margin: 0;
    margin-bottom:20px;
    min-height: 160px;
}
.contributors .vcard dl {
    margin: 0;
}

.contributors .first, 
.contributors .second {
    float: left;
    width: 48%;
}
.contributors .second {
    float: right;
}

.related {
    position:relative;
}
html:not(.basic) .related {
    margin-top:40px;
}
.touch:not(.basic) .related {
    border-bottom:120px solid rgba(0,0,0,0);
}
.touch:not(.basic) .spacer {
    border-bottom:120px solid rgba(0,0,0,0);
}


.js .related .bd {
    display:none;
}
.related .active .bd {
    display:block;
}
.related .bd {
    font-size:12px;
    background-color:#f3f4ea;
    border:1px solid #cccec6;
    padding:10px 10px 0;
}
.js .related h2 {
    position:absolute;
    top:-35px;
    left:0;
    font: 12px/1.5 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-weight:bold;
    text-align:center;
    margin:0;
    color:#797a7b;
    width:138px;
    border:1px solid #cccec6;
    line-height:34px;
    background-color:#d5d6cc; 
    cursor: pointer;
    background-image:-moz-linear-gradient(top, #e8e8e3, #d5d6cc); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #e8e8e3),color-stop(1, #d5d6cc)); 
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-transition: color 0.2s ease-out;
       -moz-transition: color 0.2s ease-out; 
         -o-transition: color 0.2s ease-out; 
            transition: color 0.2s ease-out; 
}
.js .related h2:hover {
    color:#4c4f52;
}
.js .related .active h2 {
    color:#5d5f61;
    border-bottom-color: #f3f4ea;
    background-color:#f3f4ea;
    background-image:-moz-linear-gradient(top, #f9f9f4, #f3f4ea); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #f9f9f4),color-stop(1, #f3f4ea)); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f4', endColorstr='#f3f4ea'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f4', endColorstr='#f3f4ea')";
}

.js .related      #furtherReading h2 { left:0; }
.js .related      #caseLaw        h2 { left:143px; }
.js .related      #relatedEssays  h2 { left:286px; }

.js .tabsTwoThree #caseLaw        h2 { left:0; }
.js .tabsTwoThree #relatedEssays  h2 { left:143px; }

.js .tabsOneThree #relatedEssays  h2 { left:143px; }

.js .tabsTwo      #caseLaw        h2 { left:0; }
.js .tabsThree    #relatedEssays  h2 { left:0; }

.positionfixed .related:after {
    content:'';
    display:block;
    width:100%;
    height:175px;
}

.essayNext blockquote {
    font-size:13px;
    padding:5px 20px;
    margin-top:10px;
    text-align:left;
    margin-bottom: 15px;
}
.essayNext blockquote p:before {
    font-size:16px;
    margin-right:0;
}

.essayNext h3 {
    display: inline;
    color:#666;
    text-transform: uppercase;
    font-size:14px;
}
.essayNext h3:after {
    content:': ';
}

.essayNext .essayNextTitle {
    margin-bottom:5px;
    font-size:15px;
    font-family: "CallunaRegular", Georgia, "Times New Roman", serif;
}
.essayNext .essayNextTitle:after {
    content:' »';
}
.essayNext a {
    margin-top:40px;
    padding: 10px 10px 25px ;
    display:block;
    background-color:#fff;
    text-align:right;
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
         -o-border-radius: 3px; 
            border-radius: 3px; 
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
       -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
          o-box-shadow: 0 0 10px rgba(0,0,0,.4);
            box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out; 
         -o-transition: all 0.7s ease-out; 
            transition: all 0.7s ease-out; 
}
.essayNext a.closeButton {
    color:#61625a;
    font-size:11px;
    font-family:Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
}
.ie .essayNext a {
    border:1px solid #c9cac1;
}
.essayNext a:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.8);
       -moz-box-shadow: 0 0 15px rgba(0,0,0,.8);
          o-box-shadow: 0 0 15px rgba(0,0,0,.8);
            box-shadow: 0 0 15px rgba(0,0,0,.8);
}
.positionfixed .essayNext a {
    -webkit-border-radius: 0; 
       -moz-border-radius: 0; 
         -o-border-radius: 0; 
            border-radius: 0; 
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position:fixed;
    bottom:-300px;
    margin-left:119px;
    width:380px;
}
.positionfixed .essayNext.active a {
    bottom:40px;
}
.positionfixed .essayNext.active a.closeButton {
    padding: 0 0 3px 0;
    margin-left: 128px;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
}
.touch.positionfixed .essayNext.active a {
    bottom:100px;
}
.touch.positionfixed .essayNext.active a.closeButton {
    margin-left: 144px;
}


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

ol {
	-webkit-padding-start: 0 !important;
}

ol.list, 
ul.list, 
dl.list {
	margin-left: 24px;
}

ol.list {
	margin-left:26px;
}
ol.list {
	list-style: decimal;
}
ul.list {
	list-style: disc;
}
.list li ul.list {
	list-style-type: circle;
}
ol.list li ol.list {
	list-style-type: lower-alpha;
}
dl.list {
	margin-left:0;
}
dl.list dt {
	font-weight:bold;
	margin-top: 9px;
}

.signers {
    font-size:15px;
}
.signers p::before {
    content:'';
}
.signers em {
    font-family:georgia;
    font-size:.9em;
}
.signers h3 {
    font: 14px/1.5 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-weight:bold;
}
.signers ul {
    margin-top:4px;
}
.signers li:before {
    content:'•';
    display:inline-block;
    width:12px;
}

.listInline {
}
.listInline li {
	display:inline;
	margin-right:4px;
}
.listInline li:last-child {
	margin-right:0;
}

.listComma li {
	margin-right:0;
}
.listComma li:after {
	content:', ';
}
.listComma li:last-child:after {
	content:'';
}

.listPipe li:after {
	content:' |';
	margin-left:4px;
	color:#B3B3B3;
	-webkit-transform: translate(0, -1px);
	   -moz-transform: translate(0, -1px);
	     -o-transform: translate(0, -1px);
	        transform: translate(0, -1px);
}
.listPipe li:last-child:after {
	content:'';
}

.listPanel,
.listPanelIntro {
    border-top:1px solid #53575A;
    border-bottom:1px solid #3A3D40;
    margin-bottom:0;
}   

.listPanelIntro {
    margin-bottom:30px;
}   

.listPanel:last-of-type {
    margin-bottom:30px;
}

.listPanel      *,
.listPanelIntro * {
    margin:0;
}   

.listPanel      li,
.listPanelIntro li {
    zoom:1;
}   

.listPanel      a,
.listPanelIntro a {
    display:block;
    border-top:1px solid #3A3D40;
    border-bottom:1px solid #4e5255;
    padding:5px 10px 4px;
    line-height:1.4;
    -webkit-transition: background 0.15s ease-out;
       -moz-transition: background 0.15s ease-out; 
         -o-transition: background 0.15s ease-out; 
            transition: background 0.15s ease-out; 
}   

.listPanel      a.active,
.listPanel      a.selected_essay,
.listPanelIntro a.active,
.listPanel      a.active:hover,
.listPanel      a.selected_essay:hover,
.listPanelIntro a.active:hover {
    background-color:#373b3d;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.08) inset;
       -moz-box-shadow: 0 3px 5px rgba(0,0,0,.08) inset;
          o-box-shadow: 0 3px 5px rgba(0,0,0,.08) inset;
            box-shadow: 0 3px 5px rgba(0,0,0,.08) inset;
}   

.listPanel      a:hover,
.listPanelIntro a:focus,
.listPanel      a:hover,
.listPanelIntro a:focus {
    background-color:#42464a;
}   

.listPanelIntro {
    outline-offset: 0px;
    font-size:17px;
}
.listPanelIntro a {
    padding:7px 10px 6px;
}   

.listPanel .byline,
.listPanelIntro .byline {
    font-size:12px;
    text-transform: uppercase;
    color:#B3B3B3;
}

.listPanel mark {
    color:#4d4e53;
}
.listPanel a:hover mark {
    background-color:#d8ea68;
    color:#4d4e53;
    -webkit-text-shadow: inherit;
       -moz-text-shadow: inherit;
          o-text-shadow: inherit;
            text-shadow: inherit;
}

.listTopics a {
    position:relative;
}
.listTopics a:after {
    content:'►';
    position:absolute;
    right:10px;
    font-size:7px;
    top:50%;
    margin-top:-4px;
}
.listTopics a.opened,
.listTopics a:focus,
.listTopics a:active {
    background-color:#69d3ff;
    color:#333;
    -webkit-text-shadow:none;
       -moz-text-shadow:none;
          o-text-shadow:none;
            text-shadow:none;
}

.listAdUnits {
    margin:0 10px;
}
.listAdUnits li {
    margin-bottom:13px;
    zoom:1;
}
.listAdUnits a,
.listAdUnits a:visited {
    color:#e0e1e2;
    display:block;
    font: 12px/1.5 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    font-weight:bold;
    background-color:#2c3033;
    padding:10px;
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
         -o-border-radius: 3px; 
            border-radius: 3px; 
    background-clip: padding-box;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out; 
         -o-transition: all 0.2s ease-out; 
            transition: all 0.2s ease-out; 
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 1px 2px rgba(255,255,255,.2) inset;
       -moz-box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 1px 2px rgba(255,255,255,.2) inset;
          o-box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 1px 2px rgba(255,255,255,.2) inset;
            box-shadow: 0 1px 1px rgba(0,0,0,.3), 0 1px 2px rgba(255,255,255,.2) inset;
    background-image:-moz-linear-gradient(top, #333a3e, #272b2e); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #333a3e),color-stop(1, #272b2e)); 
    filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1px, Color='rgba(0,0,0,.3)'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1px, Color='rgba(0,0,0,.3)')"; /* IE8 */
}
.listAdUnits a:hover,
.listAdUnits a:focus {
    color:#d9edf7;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.5), 0 1px 2px rgba(255,255,255,.5) inset;
       -moz-box-shadow: 0 1px 1px rgba(0,0,0,.5), 0 1px 2px rgba(255,255,255,.5) inset;
          o-box-shadow: 0 1px 1px rgba(0,0,0,.5), 0 1px 2px rgba(255,255,255,.5) inset;
            box-shadow: 0 1px 1px rgba(0,0,0,.5), 0 1px 2px rgba(255,255,255,.5) inset;
    background-color:#0065a5;
    background-image:-moz-linear-gradient(top, #0093d0, #0065a5); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #0093d0),color-stop(1, #0065a5)); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0093d0', endColorstr='#0065a5'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0093d0', endColorstr='#0065a5')"; 
}

.listAdUnits .adOrderPrint {
    padding-right:108px;
    position:relative;
}
.listAdUnits .adOrderPrint:after {
    content:'';
    background: url('i/order-print-edition.png') no-repeat;
    width:77px;
    height:77px;
    position:absolute;
    right:12px;
    bottom:0;
}
.listAdUnits .adTeacherGuide {
    
}

.listRelated {
    margin-bottom:10px;
}
.listRelated li {
    margin-bottom:8px;
}
.listRelated li:last-child {
    margin-bottom:0;
}

/* Webkit-based Custom Scrollbar
---------------------------------------- */
html:not(.touch):not(.basic) ::-webkit-scrollbar {
    width: 11px;
}
 
html:not(.touch):not(.basic) ::-webkit-scrollbar-track {
    
}
 
html:not(.touch):not(.basic) ::-webkit-scrollbar-thumb {
    border-radius: 34px;
    background: #6b6d70; 
    border:3px solid #484c50;
}

html:not(.touch):not(.basic) .essay::-webkit-scrollbar-thumb,
html:not(.touch):not(.basic) .contentMain::-webkit-scrollbar-thumb {
    border-color:#f3f4e9;
    background-color:#b2b3ad;
}

html:not(.touch):not(.basic) .articleIndex::-webkit-scrollbar-thumb {
    border-color:#E6E7D7;
    background-color:#c1c2bc;
}

html:not(.touch):not(.basic) ::-webkit-scrollbar-thumb:hover,
html:not(.touch):not(.basic) ::-webkit-scrollbar-thumb:active {
    background: rgba(0,0,0,.8); 
}

/* Tooltip
---------------------------------------- */
#tooltip {
    position: fixed;
    z-index: 888;
    border:1px solid #bfbeae;
    font-size:12px;
    font-weight:bold;
    background-clip: padding-box;
    padding:9px 8px 7px;
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
         -o-border-radius: 3px; 
            border-radius: 3px; 
    background-color:#FFF;
    background-image:-moz-linear-gradient(top, #ebebe2, #dfdfd1); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #ebebe2),color-stop(1, #dfdfd1)); 
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebe2', endColorstr='#dfdfd1'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebe2', endColorstr='#dfdfd1')"; 
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4);
       -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4);
          o-box-shadow: 0 1px 1px rgba(0,0,0,.4);
            box-shadow: 0 1px 1px rgba(0,0,0,.4);
/*    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4), 0 1px 1px rgba(255,255,255,.7) inset;
       -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4), 0 1px 1px rgba(255,255,255,.7) inset;
          o-box-shadow: 0 1px 1px rgba(0,0,0,.4), 0 1px 1px rgba(255,255,255,.7) inset;
            box-shadow: 0 1px 1px rgba(0,0,0,.4), 0 1px 1px rgba(255,255,255,.7) inset;*/
}
#tooltip.viewport-bottom {
    -webkit-transform: translate(0px, 10px);
       -moz-transform: translate(0px, 10px);
         -o-transform: translate(0px, 10px);
            transform: translate(0px, 10px);
}

#tooltip h3,
#tooltip .body {
    position:relative;
    margin:0 ;
    text-align: center;
    font-weight:bold !important;
    color:#4d4e53;             
    -webkit-text-shadow: rgba(255,255,255,.7) 1px 1px 0;
       -moz-text-shadow: rgba(255,255,255,.7) 1px 1px 0;
          o-text-shadow: rgba(255,255,255,.7) 1px 1px 0;
            text-shadow: rgba(255,255,255,.7) 1px 1px 0;
	font: 12px/1 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
}
#tooltip h3:before,
#tooltip .body:before {
    content:'';
    position:absolute;
    left:8px;
    top:-18px;
    background: url('i/tooltipTick.png') no-repeat;
    width:19px;
    height:9px;
}
#tooltip.viewport-bottom h3:before,
#tooltip.viewport-bottom .body:before {
    display:none;
}

/* Basic Experience
---------------------------------------- */
html.basic body .essays {
    -webkit-transition: all 0 ease-out;
       -moz-transition: all 0 ease-out; 
         -o-transition: all 0 ease-out; 
            transition: all 0 ease-out; 
}
.basic body {
	font: 15px/1.4 Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
    width:auto;
    position:static;
    height:auto;
    overflow:auto;
}
.basic .page {
    width:auto;
    position:static;
    text-align:left;
}

html.basic {
    overflow:auto;
    text-align:left;
	-webkit-text-size-adjust: none; 
}

.basic h1 {
    font-size:28px;
}

.basic #constitution {
    display:block;
}

/* Reset high-level layout properties */
.basic .snippetText,
.basic .fullText,
.basic .searchTips,
.basic .closePanel,
.basic .search,
.basic .contentMain,
.basic .headerGlobal,
.basic .footerGlobal,
.basic .articleIndex,
.basic .essayList,
.basic .essay,
.basic .essayViews,
.basic .essays {
    position:static;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    height:auto;
    width:auto;
    overflow:auto;
    overflow-x:auto;
    overflow-y:auto;
    min-width: 1px;
    float:none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
          o-box-shadow: none;
            box-shadow: none;
}

/* Hide these, even though they shouldn't be in DOM */
.basic .introIndex,
.basic .snippetText,
.basic .fullText,   
.basic .essay,
.basic .searchTips,
.basic .closePanel,
.basic .resultsToggle,
.basic .search {
    display:none;
}

.basic .fullTextBasic {
    display:block;
    padding:0;
    padding-top:10px;
}
.basic .fullArticle {
    padding-top:0;
}
.basic .fullText h2 {
    padding-top:0;
    font-size:20px;
    padding-right:72px;
}

.basic body .fullText p {
    margin-right:5px;
}

.basic .essayAvailableBasic .invite {
    display:none;
}

.basic .essayList .teachersRail h3 {
    font-size:12px;
}
.basic .teachersRail .teachersList {
    font-size:14px;
    border-bottom:1px solid #3A3D40;
}
.basic .teachersRail .teachersList a,
.basic .teachersRail .teachersList a:visited {
    color:#B3B3B3;
}

.basic .teachersRail .teachersList a {
    padding-top:7px;
    padding-bottom:6px;
    background-image:-moz-linear-gradient(top,                                  rgba(255,255,255,.05),               rgba(255,255,255,0)); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.05)),color-stop(1, rgba(255,255,255,0))); 
    border-top:1px solid #3A3D40;
}



.basic .headerGlobal {
    height:76px;
    overflow:hidden;
}
.basic .headerGlobal h1 {
    width:auto;
    font-size:21px;
}                        
.basic .headerGlobal h1 a {
    padding:17px 0 16px 93px;
}
.basic .headerGlobal h1 a:after {
    top:0;
}

.basic .footerGlobal {
    text-align: left;
    font-size:15px;
    font-weight:bold;
    background-image:none;
    overflow:hidden;
}
.basic .listFooterExtra {
    width:auto;
    height:auto;
    margin:0;
}
.basic .listFooterExtra li {
    display:block;
    margin:0;
}
.basic .listFooterExtra li:after {
    content:'';
    display:none;
}
.basic .listFooterExtra li a {
    display:block;
    line-height:1;
    color:#8FDDFF;
    padding:10px 4px 9px 10px;
    border-top: 1px solid #3A3D40;
/*    border-bottom: 1px solid #4e5255;*/
    -webkit-transition: background 0.3s ease-out;
       -moz-transition: background 0.3s ease-out; 
         -o-transition: background 0.3s ease-out; 
            transition: background 0.3s ease-out; 
}
.basic .listFooterExtra li:last-child a {
    border-bottom:0;
}
.basic body .listFooterExtra li a {
    background-image:-moz-linear-gradient(top,                                  rgba(255,255,255,.05),               rgba(255,255,255,0)); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.05)),color-stop(1, rgba(255,255,255,0))); 
}
.basic .listFooterExtra li a:hover {
    background-color:#252828;
}

.basic .articleIndex {
/*    background:#f3f4e9 url(i/yellowNoise.gif) repeat;*/
    background-color:#E6E7D7;
    border-top:1px solid #BABBAE;
    padding-top:15px;
}

.basic .contentMain {
    border-right:0;
    padding:10px;
}

.basic .essayBasic {
    display:block;
    padding:0;
}

.basic .shareActions ul {
    margin-top:5px;
    margin-right:1px;
}

.basic .essay .vcard {
    margin-top: 30px;
    margin-bottom: 30px;
}
.basic .essay .vcard .photo {
    margin-bottom:0;
}
.basic .essay .vcard dl {
    margin:0;
    font-size:15px;
}

.basic .contributors .vcard {
    float: none;
    width: 100%;
}
.basic .contributors address {
  height: auto;
}


.basic body .essayNext a {
    display:block;
    position:static;
    bottom:auto;
    margin:0 0 10px;
    width:auto;
    padding:0;
    text-align:center;
    background-color:transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
          o-box-shadow: none;
            box-shadow: none;
}
.basic .essayNext.active a {
    bottom:auto;
}
.basic .essayNext h3 {
    font-size: 18px;
}
.basic .essayNext .essayNextTitle {
    font-size:17px;
}

.basic .related > div {
    background-color: #f3f4ea;
    border: 1px solid #cccec6;
    padding: 0 10px;
    margin-bottom:20px;
    -webkit-border-radius: 3px; 
       -moz-border-radius: 3px; 
         -o-border-radius: 3px; 
            border-radius: 3px; 
    background-clip: padding-box;
}
.basic .related .bd {
    display:block;
    border:0;
    padding:0;
    font-size:15px;
}

.basic .related h2 {
    position:static;
    font-family: CallunaRegular, Georgia, "Times New Roman", serif;
    font-weight:normal;
    text-align:left;
    font-size: 19px;
    line-height: 1.3;
    margin-top: 9px;
    color: #073f5d;
    margin-bottom: 9px;
    width:auto;
    border:0;
    background-color:transparent; 
    cursor: default;
    background-image:none;
    -webkit-border-radius: 0; 
       -moz-border-radius: 0; 
         -o-border-radius: 0; 
            border-radius: 0; 
    -webkit-transition: none;
       -moz-transition: none; 
         -o-transition: none; 
            transition: none; 
}
.basic .related h2:hover {
    color:inherit;
}
.basic .related .active h2 {
    color: #073f5d;
    background-color:transparent;
    background-image:none;
}

.basic body .related {
    margin-bottom: 30px;
}

.basic .essayNext blockquote {
    font-size: 16px;
    line-height:1.5;
    padding: 10px 20px;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 0;
}

.basic .listRelated  {
    margin-bottom:20px;
}

.basic .essay .header {
    position: static;
    padding-top:0;
}
.basic .backer {
    display:block;
    -webkit-text-shadow: rgba(0,0,0,.4) 1px 1px 0;;
       -moz-text-shadow: rgba(0,0,0,.4) 1px 1px 0;;
         -o-text-shadow: rgba(0,0,0,.4) 1px 1px 0;;
            text-shadow: rgba(0,0,0,.4) 1px 1px 0;;
    background-color:#484c50;
    text-transform: uppercase;
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
    color:#ccc;
    line-height:2.3;
    padding:0 10px;
    margin:0;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out; 
         -o-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out; 
    border-bottom:1px solid #333;
    background-image:-moz-linear-gradient(top,                                  rgba(255,255,255,.05),               rgba(255,255,255,0)); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.05)),color-stop(1, rgba(255,255,255,0))); 
}
.basic .essay .header:after {
    display:none;
}

.basic .backer:before {
    content:'« ';
    font-size:15px;
}
.basic .backer:hover {
    color:#fff;
}

.basic a.essaysView {
    top:-2px;
    font-size:13px;
}
.basic .essayAvailableBasic {
    text-decoration:underline;
    font-style:italic;
    color:#274d70;
    font-family:Georgia, "Times New Roman", serif;
}

.basic #availableEssays {
    color:#B3B3B3;
    background-color:#484c50;
    font-family: CallunaRegular, "Times New Roman", Georgia, serif;
}
.basic #availableEssays h2 {
    color: #B3B3B3;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
    padding: 10px 10px 0 10px;
}
.basic #availableEssays a,
.basic #availableEssays a:visited {
    color: #69d3ff;
}

.basic .essayList h2,
.basic .essayList h3 {
    font-size:17px;
}
.basic .essayList a,
.basic .essayList a:visited {
    color:#8FDDFF;
}

.basic .articles {
    margin-bottom:30px;
}
.basic .contentMain .articles {
    margin-bottom:10px;
}
.basic .articles li a.active span {
    color:#cdcecb;
}

.basic .articles li a:hover {
    background-color:#e4e6db;
}
.basic .articles li a.active:hover {
    background-color:#a8aaa5;
/*    color:inherit;*/
}
.basic.cssgradients .articles li a {
    background-image:-moz-linear-gradient(top,                                  rgba(255,255,255,0),               rgba(0,0,0,.05)); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,0)),color-stop(1, rgba(0,0,0,.05))); 
}
.basic .articles li a span {
    font-size:16px;
}

.basic .amendments {
    color: #84857b;
    font-size: 16px;
    font-family: CallunaRegular, Georgia, "Times New Roman", serif;
    margin: 0 0 0;
    border-bottom: 1px solid #dadbcc;
}
.basic .amendments span {
    position:static;
    left:auto;
}
.basic .amendments li {
    width:auto;   
    float:none;
    background-color:transparent;
}
.basic .amendments a {
    color:#84857b;
    background-color:transparent;
    border:0;
    border-top:1px solid #dadbcc;
    padding:9px 4px 8px 27px;
    text-align:left;
    text-indent:-15px;
    line-height:1.2;
    -webkit-border-radius: 0; 
       -moz-border-radius: 0; 
         -o-border-radius: 0; 
            border-radius: 0; 
}
.basic .amendments a span {
    color:#004b8d;
    margin-left:5px;
}
.basic.cssgradients .amendments a {
    background-image:-moz-linear-gradient(top,                                  rgba(255,255,255,0),               rgba(0,0,0,.05)); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,0)),color-stop(1, rgba(0,0,0,.05))); 
}
.basic .amendments a:hover {
    background-color:#e4e6db;
}
.basic .essayViews {
    display:none;
}
.basic .articleIndex h2 {
    font-size:17px;
}

.basic .essayList .listAdUnits {
    margin-top:45px;
    margin-bottom:20px;
}
.basic .essayList .listAdUnits li a {
    font-size:14px;
    color:#fff;
    padding-bottom:8px;
}

.basic .listPanel .byline,
.basic .listPanelIntro .byline {
    font-size:14px;
    text-transform: uppercase;
    color:#B3B3B3;
}
.basic .listPanelIntro a {
    background-image:-moz-linear-gradient(top,                                  rgba(255,255,255,.05),               rgba(255,255,255,0)); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,255,255,.05)),color-stop(1, rgba(255,255,255,0))); 
}
.basic .listPanelIntro a:hover {
    background-color:#43464a;
}
.basic .listPanel:last-of-type {
    margin-bottom:0;
}

.basic blockquote cite {
    font-size:15px;
    text-transform: uppercase;
    color:#073f5d;
}

.basic #tooltip {
    position: static;
    z-index: -99;
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    height: 1px !important; 
    width: 1px !important; 
    overflow: hidden;
    -webkit-opacity: 0;
       -moz-opacity: 0;
         -o-opacity: 0;
            opacity: 0;
}

/* From the Quickselect plugin for auto-suggest
------------------------------------------------ */
.quickselect_results {
	background-color: #fff;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.5);
       -moz-box-shadow: 0 3px 8px rgba(0,0,0,.5);
          o-box-shadow: 0 3px 8px rgba(0,0,0,.5);
            box-shadow: 0 3px 8px rgba(0,0,0,.5);
	padding: 0px;
    border: 5px solid #484c50;
	overflow: hidden;
	margin-top:-5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius:  5px;
    -moz-border-radius-bottomright:     5px;
    -moz-border-radius-bottomleft:      5px;
    border-bottom-right-radius:         5px;
    border-bottom-left-radius:          5px;	
}

.quickselect_results ul {
    margin:0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius:  5px;
    -moz-border-radius-bottomright:     5px;
    -moz-border-radius-bottomleft:      5px;
    border-bottom-right-radius:         5px;
    border-bottom-left-radius:          5px;	
}

.quickselect_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.quickselect_results li {
    -webkit-transition: background 0.1s ease-out;
       -moz-transition: background 0.1s ease-out; 
         -o-transition: background 0.1s ease-out; 
            transition: background 0.1s ease-out; 
    margin: 0;
    padding: 4px 6px 3px;
    cursor: pointer;
    overflow: hidden;
    font-size:14px;       
}
.quickselect_results li:first-child {
    padding-top:6px;
}
.quickselect_results li:last-child {
    padding-bottom:8px;
}

.quickselect_loading {
/*     background : Window url('i/indicator.gif') right center no-repeat; */
}

.quickselect_selected {
	background-color: #d8ea68;
	outline-offset: 0px;
/*  color: red;*/
}

/* JScrollPane 
------------------------------------------------ */
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 2;
  bottom: 2px;
	right: 0;
	width: 7px;
	height: 100%;
  overflow: hidden;
  -webkit-transition-property: opacity;
     -moz-transition-property: opacity;
  -webkit-transition-duration: 0ms;
     -moz-transition-duration: 0ms;
  -webkit-transition-delay: 0ms;
     -moz-transition-delay: 0ms;
    -webkit-opacity:1;
       -moz-opacity:1;
         -o-opacity:1;
            opacity:1;
}

.essayList .jspVerticalBar {
  width: 5px;
}

.ie9 .essayList .jspVerticalBar {
  width: 8px;
}

.jspVerticalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspTrack {
	background: #F3F4EA;
	position: relative;
}
.essayList .jspTrack {
	background: #484C50;
}

.jspDrag {
	background: #7a7c80;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
  position: absolute;
  background-image: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(0, 0, 0, 0.496094);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.898438);
  border-right-color: rgba(255, 255, 255, 0.898438);
  border-bottom-color: rgba(255, 255, 255, 0.898438);
  border-left-color: rgba(255, 255, 255, 0.898438);
  border-image: initial;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  box-sizing: border-box;
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
  -moz-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
}

.essayList .jspDrag {
  border-color: #7a7c80;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}


/* Media Queries
---------------------------------------- */

@media screen and (max-width: 1024px)  {
    body {
        width:auto;
        min-width:768px;
        background-color:none;
        overflow-x: auto;        
    }
    .search {
        right:5px;
    }
    html.multiplebgs body:after  {
        display:none;
    }

    .basic body {
        min-width:1px;
    }
    
    .searchNotify {
        width:575px;
    }
    .essaysOpen, .ie .essaysOpen {
        width: 865px;
    }
    .essay, .ie .essay  {
        width: 595px;
    }
    .positionfixed .essay .header {
        width: 594px;
    }
    .positionfixed .essayNext a {
        margin-left:184px;
    }
    
    
}
@media screen and (max-width: 900px)  {
    .search {
        width:230px;
    }
    .searchNotify {
        width:360px;
    }
}
@media screen and (max-width: 768px)  {
    .search {
        width:170px;
    }
    #preamble {
        background: url('i/we-the-people.gif') no-repeat;
        padding-top:75px;
        text-indent:0;
    }
    .essaysOpen, .ie .essaysOpen {
        width: 767px;
    }
    .essay, .ie .essay {
        width:497px;
    }
    .basic .essay {
        width:auto;
    }
    .positionfixed       .essay .header {
        width:497px;
    }
    .positionfixed.basic .essay .header {
        width:auto;
    }
    .positionfixed .essayNext a {
        margin-left:140px;
        width:350px;
    }
    .searchNotify {
        width:330px;
    }

}


/*  
js
flexbox
canvas
canvastext
webgl
no-touch
geolocation
postmessage
websqldatabase
indexeddb
hashchange
history
draganddrop
websockets
rgba
hsla
multiplebgs
backgroundsize
borderimage
borderradius
boxshadow
textshadow
opacity
cssanimations
csscolumns
cssgradients
cssreflections
csstransforms
no-csstransforms3d
csstransitions
fontface
generatedcontent
video
audio
localstorage
sessionstorage
webworkers
applicationcache
svg
inlinesvg
smil
svgclippaths
no-bgrepeatround
no-bgrepeatspace
bgsizecover
pointerevents
no-cubicbezierrange
display-table
userselect
no-createelement-attrs
customprotocolhandler
no-overflowscrolling
boxsizing
details
progressbar
meter
file
no-emoji
csshyphens
no-workingcsshyphens
no-softhyphens
no-softhyphensfind
no-devicemotion
deviceorientation
sharedworkers
no-framed
datauri
no-webp
*/