#mainWrapper {
	background-color: #ffffff;
}

/* IE6 Image Fix */
img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

/************************************
Header
*************************************/
#header {
	background-color: #381a56;
	padding: 0 0 0.5em 0;
}

#header *{
    font-family: Georgia, Times New Roman, Times;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	color: #fff;
	padding: 0;
	margin: 0;
}

#header form *{
	color: #000;
	padding: 0 2px;
	text-align: left;
	float: right;
}

#header form {
	float: right;
}

#header h1 {
	padding: 0 0 0 0;
}

#header h2 {
	font-size: 2em;
}

#header h1 span {
	position: relative;
	top: 0.25em;
}

#issue-description {
	border-top: 3px solid #666;
	width: 80%;
	margin: auto;
	padding: 0.5em 0 0.2em 0;
	height: 1.2em;
}

#issue-description p {
	font-weight: bold;
	float: left;
}

#issue-description a {
	float: right;
}

/***********************************
Cover Page
************************************/
#mainContent {
	margin: 20px 30px 0px 50px;
	padding-bottom: 50px;
	background-color: #ffffff;
}

#cover-image {
	float: left;
	width: 460px;
}

#sections {
	float: left;
	text-align: left;
	margin-left: 20px;
	width: 400px;
}

#sections a,
#sections a:active,
#sections a:hover,
#sections a:visited {
	color: #381a56;
	text-decoration: none;
}

#sections a:hover {
	color: #fff;
	background-color: #381a56;
	text-decoration: none;
}

#sections ul {
	list-style: none;
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	/* width: 185px; */
	margin: 0 30px 0 10px;
}


.section {
	clear: none;
	width: inherit;
	height: 160px;
	margin: 0 0 1em 0;
}

.section-short {
	clear: none;
	width: inherit;
	height: 155px;
	margin: 0 0 1em 0;
}

.section-thumb {
	float: left;
	width: 130px;
}

.section-thumb img {
	float: left;
	border: 1px solid #666666;
}

.section-teaser {
	float: left;
	margin: 0 0 0 15px;
	width: 250px;
}

.section h3,
.section-short h3 {
	line-height: 1;
	font-size: 1.2em;
	font-weight: bold;
}

.section p,
.section-short p {
	font-size: 13px;
}

.section-TOC-2 {
	clear: none;
	width: inherit;
	height: 360px;
	margin: 0 0 1em 0;
	border-style: solid;
	border-width: 0 0 2px 0;
	border-color: #666666;
}

.section-TOC-2-thumb {
	float: left;
	width: 110px;
}

.section-thumb img {
	float: left;
	border: 1px solid #666666;
}

.section-TOC-2-teaser {
	float: left;
	margin: 0 0 0 15px;
	width: 270px;
}

.section-TOC-2 p {
	font-size: 13px;
}

#issue-cover-info {
	clear: both;
	position: relative;
	top: -52px;
	background-color: #000;
	height: 40px;
	padding: 5px 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#issue-cover-info h2,
#issue-cover-info h3 {
	color: #fff;
	text-align: center;
	font-family: Arial, Serif;
	line-height: 1;
	margin: 0 0 0 0;
	padding: 0;
}

#issue-cover-info h2 {
	font-weight: bold;
}

.clear-fix {
	clear: both;
}

/*******************************
Master text specs

Defines layout for all body copy in various layouts.
********************************/

#text {
	padding: 0px 30px 30px 0px;
	float: left;
	width: 565px;
}

#text img {
	/* border: 1px solid #666666; */
	padding: 0;
}

#text .noborder img, table {
	border: none;
}

#text h1 {
           color: #500f0b;
		   font-size: 2.25em; /* 36px @ em=16px */
}

#text h2 {
	color: #500f0b;
	font-size: 1.875em; 	/* 30px @ em=16px */

}

#text h3 {
	font-size: 1.6em; /* 26px @ em=16px */
}

#text h4 {
	font-size: 1.375em; /* 22px @ em=16px */
	font-weight: normal;
}

#text h5 {
	font-size: 1.25em; 
	font-weight: normal;
}

#text .subhead {
	color: #500f0b;
}

#text ul li {
	list-style-position: outside;
	padding-bottom: 0.3em;
}

#text ol {
	padding: 0.5em 0 0 1em;
}

#text ol li  {
	list-style-position: outside;
	padding: 0.3em 0 0.3em 0;

}


#text .two-col-left {
	float: left;
	width: 267px;
	border: none;
	margin: 0;
	padding-right: 31px;
}

#text .two-col-right {
	float: left;
	width: 267px;
	border: none;
	margin: 0;
	padding: 0;
}

#text .two-col-narrow-left {
	float: left;
	width: 50px;
	margin: 0 0 0 0;
	padding: 5px 10px 5px 0;
	border: none;
	clear: left;
}

#text .two-col-wide-right {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 5px 0 5px 0;
	border: none;
}

#text .imgleft {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	border: none;
}

#text .imgright {
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border: none;
}


.floatright-narrow
{
	width: 140px;
}

.floatright-med
{
	width: 160px;
}

.floatright-wide
{
	width: 180px;
}

.floatright-xwide
{
	width: 200px;
}

.floatright-xxwide
{
	width: 220px;
}

.floatright-xxxwide
{
	width: 240px;
}

.floatright-xxxxwide
{
	width: 260px;
}

.floatright-narrow,
.floatright-med,
.floatright-wide,
.floatright-xwide,
.floatright-xxwide,
.floatright-xxxwide,
.floatright-xxxxwide {
	float: right;
	font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
	margin: 0 10px 0 10px;
	background-color: #fff;
	padding: 5px 7px 5px 5px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
}

div.floatright-narrow img,
div.floatright-med img,
div.floatright-wide img,
.floatright-xwide img,
.floatright-xxwide img,
.floatright-xxxwide img,
.floatright-xxxxwide img{
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
	margin-bottom: 5px;
}

.floatleft-narrow
{
	width: 140px;
}

.floatleft-med
{
	width: 160px;
}

.floatleft-wide
{
	width: 180px;
}

.floatleft-xwide
{
	width: 200px;
}

.floatleft-xxwide
{
	width: 220px;
}

.floatleft-xxxwide
{
	width: 240px;
}

.floatleft-xxxxwide
{
	width: 260px;
}

.floatleft-narrow,
.floatleft-med,
.floatleft-wide,
.floatleft-xwide,
.floatleft-xxwide,
.floatleft-xxxwide,
.floatleft-xxxxwide {
	float: left;
	font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
	margin: 5px 10px 10px 0;
	background-color: #fff;
	padding: 5px 7px 5px 5px;
	border-top: 1px solid #999;
	border-left: 2px solid #555;
	border-bottom: 2px solid #555;
	border-right: 1px solid #999;
}

div.floatleft-narrow img,
div.floatleft-med img,
div.floatleft-wide img,
.floatleft-xwide img,
.floatleft-xxwide img,
.floatleft-xxxwide img,
.floatleft-xxxxwide img{
	border-top: 2px solid #555;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 2px solid #555;
	margin-bottom: 5px;
}

p { margin-top: 0; }



/**********************************
Sidebar specs

Defines layout for sidebar column.
***********************************/

#sidebar {
	margin: 20px 0px 0px 0px;
	float: left;
	width: 276px;
	text-align: left;
	padding: 0;
}

#sidebar img,
#sidebar table {
	border: 1px solid #666666;
}

#sidebar .noborder img, table {
	border: none;
}

#sidebar table {
	margin: 1em 0 0 0;
}

#sidebar a,
#sidebar a:active,
#sidebar a:hover,
#sidebar a:visited {
	color: #a3732f;
	text-decoration: none;
}

#sidebar a:hover {
	color: #fff;
	background-color: #a3732f;
	text-decoration: none;
}

#sidebar .caption {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
	padding: 0px 6px 0px 6px;
	margin-bottom: 3px;
}

#sidebar .sub-nav {
	border: 1px solid #666666;
	margin: 1em 0 1em 0;
	padding: 0 6px 0 6px;
	background-color: #ffffaf;
}

#sidebar .sub-nav ul,
#sidebar .sub-nav li {
	list-style-position: outside;
	list-style: none;
	padding: 0 0 0.3em 0;
	margin: 0.3em 0 0.3em 0;
}

#sidebar .sub-nav li {
	border-bottom:1px dotted #381a56;
	font-weight: normal;
}

#sidebar .sub-nav h3 {
	color: #381a56;
}

#sidebar .sub-nav a,
#sidebar .sub-nav a:active,
#sidebar .sub-nav a:visited {
	color: #381a56;
	text-decoration: none;
	font-size: 100%;
}

#sidebar .sub-nav a:hover {
	color: #fff;
	background-color: #381a56;
	text-decoration: none;
}

#sidebar table a,
#sidebar table a:active,
#sidebar table a:visited {
	color: #381a56;
	text-decoration: none;
	font-size: 100%;
}

#sidebar table a:hover {
	color: #fff;
	background-color: #381a56;
	text-decoration: none;
}




/*******************************
Multiple article layout

For displaying multiple shorter stories with photos optionally
attached to each brief.
********************************/

#text .briefs {
	float: left;
	width: 900px;
	background-color: #ffffff;
}


#text .briefs .brief-text {
	float: left;
	width: 565px;
	/* width: 565px; */
	/* padding-right: 30px; */
	margin: 0 0 0 0;
	border-top: 2px solid #666666;
	padding-bottom: 20px;
}


#text .briefs .brief-image {
	margin: 18px 0px 0px 30px;
	float: left;
	width: 276px;
	padding-bottom: 20px;
	/* border-left: 1px solid #666666; */
}

#text .briefs .brief-image img {
	padding: 0px;
	border: 1px solid #666666;
}

/*******************************
Gallery layout

For displaying large photos, such as for class news.
********************************/

#text .center-images {
	text-align: center;
	width: 550px;
	margin: 0 0 0 175px;
	/* padding: 10px; */
}

#text .center-images img {
	padding: 25px 0 10px 0;
	border: none;
}

#text .center-images p {
	font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
	text-align: left;
}

/* #center-images p {
	padding: 0 0 0 0;
} */

/*******************************
Share Widget
********************************/
#share-widget {
	margin: 10px 0 10px 10px;
}

/*******************************
Footer
********************************/
#footer {
	border-top: 3px solid #666;
	background-color: #fc3;
	padding: 0.3em 0;
	margin: auto;
	text-align: right;
	clear: both;
}

#footer a,
#footer a:active,
#footer a:hover,
#footer a:visited {
	color: #381a56;
	text-decoration: none;
	margin: 0 0.3em;
	font-size: 1.1em;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;
}

/*******************************
Test configurations
********************************/

#test {
	padding: 0px 30px 30px 0px;
	float: left;
	text-align: left;
}

#test h1 {line-height: 1.5em;

}

#test h2 {line-height: 1.5em;


}

#test h3 {line-height: 1.5em;
}

#test h4 {

}

#test .subhead {
	color: #500f0b;
}

#test ul {
	width: 600px;
	
#test ul li {
	list-style-position: outside;
	padding-bottom: 0.3em;
	margin-right: 20px;
	width: 180px;
}

#test ol {
	padding: 0 0 0 1em;
}

#test ol li  {
	list-style-position: outside;
	padding: 0 0 0.3em 0;

}