/*------- =responsive styles less than 480px wide-------*/

@media all and (max-width: 479px) {

div.triColumn, div.duoColumn {
	width: 100%;
}

#main .main-content-wrapper table thead tr th, #main .main-content-wrapper table tbody tr th {
font-size: 8px;
}

#main .main-content-wrapper table tbody tr td {
font-size: 8px;
}

#main .main-content-wrapper table tbody tr td h4 {
font-size: 12px;
}

#main .main-content-wrapper table thead tr th, #main .main-content-wrapper table tbody tr th, #main .main-content-wrapper table tbody tr td {
padding: 1px;
}

div.img150pxLeft, div.img150pxRight {
width: 100%;
margin-right: 0;
margin-left: 0;
}

}

/*------- =responsive styles 480px and wider-------*/

@media all and (min-width: 480px) {

div.triColumn, div.duoColumn {
	width: 46.9%;
	margin-right: 1.55%;
	margin-left: 1.55%;
	float: left;
}

#main .main-content-wrapper table thead tr th, #main .main-content-wrapper table tbody tr th {
font-size: 9px;
}

#main .main-content-wrapper table tbody tr td {
font-size: 9px;
}

#main .main-content-wrapper table tbody tr td h4 {
font-size: 14px;
}

#main .main-content-wrapper table thead tr th, #main .main-content-wrapper table tbody tr th, #main .main-content-wrapper table tbody tr td {
padding: 1px;
}

div.img150pxLeft, div.img150pxRight {
width: 150px;
}

div.img150pxLeft {
margin: 0px 15px 18px 0px;
float: left;
}

div.img150pxRight {
margin: 0px 0px 18px 15px;
float: right;
}

}

/*------- =responsive styles less than 600px wide-------*/

@media all and (max-width: 599px) {

p.introText {
font-size: 18px;
}

div.boxInsertLeft, div.boxInsertRight, div.boxInsertLeftWide, div.boxInsertRightWide, div.boxInsertLeftMed, div.boxInsertRightMed {
width: 100%;
}

div.img350pxLeft, div.img350pxRight, div.img250pxLeft, div.img250pxRight {
width: 100%;
margin: 0px 0px 18px 0px;
}

}

/*------- =responsive styles 600px and wider-------*/

@media all and (min-width: 600px) {

p.introText {
font-size: 21px;
}

div.boxInsertLeft {
width: 238px;
float: left;
margin-right: 15px;
}

div.boxInsertRight {
width: 238px;
float: right;
margin-left: 15px;
}

div.boxInsertLeftWide {
width: 60%;
float: left;
margin-right: 15px;
}

div.boxInsertRightWide {
width: 60%;
float: right;
margin-left: 15px;
}

div.boxInsertLeftMed {
width: 40%;
float: left;
margin-right: 15px;
}

div.boxInsertRightMed {
width: 40%;
float: right;
margin-left: 15px;
}

div.img350pxLeft, div.img350pxRight {
width: 350px;
}

div.img350pxLeft, div.img250pxLeft, div.img150pxLeft {
margin: 0px 15px 18px 0px;
float: left;
}

div.img350pxRight, div.img250pxRight, div.img150pxRight {
margin: 0px 0px 18px 15px;
float: right;
}

div.img250pxLeft, div.img250pxRight {
width: 250px;
}

#main .main-content-wrapper table thead tr th, #main .main-content-wrapper table tbody tr th {
font-size: 16px;
}

#main .main-content-wrapper table tbody tr td {
font-size: 14px;
}

#main .main-content-wrapper table tbody tr td h4 {
font-size: 18px;
}

#main .main-content-wrapper table thead tr th, #main .main-content-wrapper table tbody tr th, #main .main-content-wrapper table tbody tr td {
padding: 5px;
}

}

/*------- =responsive styles less than 768px wide-------*/

@media all and (max-width: 767px) {

#main .main-content-wrapper blockquote {
font: 18px/22px "Volkhov","Times New Roman",Times,serif;
}

}

/*------- =responsive styles 768px and wider-------*/

@media all and (min-width: 768px) {

p.introText {
font-size: 24px;
}

#main .main-content-wrapper h2 {
font-size: 30px;
}

}

/*------- =responsive styles 1024px and wider-------*/

@media all and (min-width: 1024px) {

div.triColumn {
	width: 30.23%;
	margin-right: 1.55%;
	margin-left: 1.55%;
	float: left;
}

}

/*------- =list styles -------*/

#main .main-content-wrapper ol, #main .main-content-wrapper ul {
padding-bottom: 0px;
}

#main .main-content-wrapper ol li ol, #main .main-content-wrapper ul li ul, #main .main-content-wrapper ul li ol, #main .main-content-wrapper ol li ul {
padding-top: 6px;
padding-bottom: 0px;
margin-bottom: 0px;
}

/*------- =header styles -------*/

#main .main-content-wrapper h2 {
margin-bottom: 18px;
}

#main .main-content-wrapper h4 {
margin-top: 18px;
margin-bottom: 9px;
}

/*------- =fsj styles -------*/

#main .main-content-wrapper div.panel h4 {
margin-top: 2px;
}

div.staffAuthorPic {
float: left;
margin-right: 15px;
margin-bottom: 10px;
text-align: center;
width: 122px;
}

div.staffAuthorPic img {
width: 100%;
}

p.introText, p.secondaryIntroText {
font-family: "Volkhov", "Times New Roman", Times, serif;
font-weight: 500;
line-height: 1.1;
color: inherit;
font-style: italic;
margin-top: 9px;
}

p.introText em, p.secondaryIntroText em {
font-style: normal;
}

p.secondaryIntroText {
font-size: 18px;
}

div.img350pxLeft, div.img250pxLeft, div.img150pxLeft, div.img350pxRight, div.img250pxRight, div.img150pxRight, div.imgFullWidth {
font-weight: bold;
font-size: 13px;
}

div.img350pxLeft span, div.img250pxLeft span, div.img150pxLeft span, div.img350pxRight span, div.img250pxRight span, div.img150pxRight span, div.imgFullWidth span {
font-weight: normal;
font-style: italic;
display: block;
margin-top: 2px;
}

div.img350pxLeft span em, div.img250pxLeft span em, div.img150pxLeft span em, div.img350pxRight span em, div.img250pxRight span em, div.img150pxRight span em, div.imgFullWidth span em {
font-style: normal;
}

div.imgFullWidth {
width: 100%;
margin: 0px 0px 18px 0px;
}

div.img350pxLeft img, div.img350pxRight img, div.img250pxLeft img, div.img250pxRight img, div.img150pxLeft img, div.img150pxRight img, div.imgFullWidth img {
width: 100%;
}

div.authorBio {
margin-top: 18px;
border-top: 1px solid #cccccc;
}

div.authorBio div {
width: 75px;
float: left;
margin-right: 15px;
margin-top: 18px;
}

div.authorBio p.lastPara {
margin-bottom: 0px;
}

div.authorBio div img {
width: 100%;
border: 1px solid #cccccc;
margin-top: 3px;
}

.readMore, .rule {
border-top: 1px solid #cccccc;
margin-top: 18px;
padding-top: 18px;
}

.sidebar_block .rule {
margin-top: 0px;
}

.sidebar_block h5 {
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #666666;
}

/*------- =table styles -------*/

#main .main-content-wrapper table {
width: 100%;
margin-bottom: 18px;
}

#main .main-content-wrapper table thead tr th, #main .main-content-wrapper table tbody tr th {
background-color: #3c5eab;
color: #ffffff;
}

/*------- =bookstore styles -------*/

p.letters, p.lettersAndTitles {
font-family: "Volkhov", "Times New Roman", Times, serif;
font-weight: 500;
line-height: 1.1;
}

p.lettersAndTitles {
font-size: 18px;
}

p.letters {
font-size: 30px;
color: #ffffff;
background-color: #3c5eab;
padding: 5px 0 5px 10px;
}

/*------- =section break styles -------*/

#main .main-content-wrapper div.sectionBreak {
text-align: center;
color: #cccccc;
height: 15px;
}

#main .main-content-wrapper div.sectionBreak img.sectionLeft {
border: none;
width: 45%;
height: 15px;
margin-right: 2.5%;
}

#main .main-content-wrapper div.sectionBreak img.sectionRight {
border: none;
width: 45%;
height: 15px;
margin-left: 2.5%;
}

/*------- =misc styles -------*/

div.triColumn, div.duoColumn {
	font-size: 13px;
}

div.triColumn img, div.duoColumn img {
	width: 100%;
}

#main .main-content-wrapper p {
margin-top: 18px;
}

#main .main-content-wrapper blockquote p {
margin-top: 0px;
}

div.clear {
clear: both;
line-height: 0px;
}

#main .main-content-wrapper img {
border: 1px solid #cccccc; 
margin: 3px 0px 5px 0px;
}

div.sidebar_block img.ad {
border: 1px solid #cccccc; 
}

div.boxInsertFull, div.boxInsertLeft, div.boxInsertRight, div.boxInsertLeftWide, div.boxInsertRightWide, div.boxInsertLeftMed, div.boxInsertRightMed {
margin-top: 2px;
margin-bottom: 18px;
padding: 9px 18px 18px 18px;
background-color: #f4f4f8;
border: 1px solid #cccccc;
}

div.boxInsertLeft, div.boxInsertRight, div.boxInsertLeftWide, div.boxInsertRightWide, div.boxInsertLeftMed, div.boxInsertRightMed {
position: relative;
z-index: 1;
}

#main .main-content-wrapper div.boxInsertFull h4, #main .main-content-wrapper div.boxInsertLeft h4, #main .main-content-wrapper div.boxInsertRight h4, #main .main-content-wrapper div.boxInsertLeftWide h4, #main .main-content-wrapper div.boxInsertRightWide h4, #main .main-content-wrapper div.boxInsertLeftMed h4, #main .main-content-wrapper div.boxInsertRightMed h4 {
margin-top: 9px;
}

div.boxInsertFull {
width: 100%;
}

p.boxInsertLastPara {
margin-bottom: 0px;
}

#main .main-content-wrapper blockquote {
margin-top: 18px;
margin-bottom: 18px;
border-color: #cccccc transparent;
}

#main .main-content-wrapper blockquote p span {
display: block;
float: right;
margin-top: 18px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
line-height: 1.2;
color: #9daacf;
font-style: italic;
}

textarea {
line-height: 1.5;
min-height: 123px;
}

#edit-submitted-essay-document-upload {
	min-height: 63px;
	margin-bottom: 10px;
}

#main .main-content-wrapper .clickable {
	cursor: pointer;
}

#main .main-content-wrapper div.memPlaque {
	text-align: center;
}

#main .main-content-wrapper div.memPlaque h2 span {
	color: #939597;
	font-size: 14px;
	font-style: italic;
}

#main .main-content-wrapper div.memPlaqueReveal {
	margin: 0 auto;
	width: 100%;
	max-width: 557px;
}

div.authorBio div.duo {
width: 160px;
margin-right: 15px;
}

div.authorBio div.duo img {
width: 46.875%;
}

div.authorBio div.duo img#duo {
margin-right: 10px;
}