body {
	/* If you don't like the background shadow, just delete the part of the next line that starts with 'url'.  You can also change the colour by changing the hex code starting with the '#'. */
        background: #700000;
	font: 12px/16px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.introCols {
	width: 100%;
	padding-top: 2px;
}
.introCols ul {
	padding: 0px
	margin: 0px;
}

.introCols li {
	padding: 8px 8px 0px 2px;
	margin: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	list-style: square inside;
}
.col1 {
	width: 150px;
	margin-right: 24px;
	border-right: 1px dotted #999;
	float: left;
	display: inline;
}
.col2 {
	width: 150px;
	margin-right: 24px;
	border-right: 1px dotted #999;
	float: left;
	display: inline;
}
.col3 {
	width: 150px;
	float: right;
	display: inline;
}

#footlink {


}


#footlink a {


	color: #ECECEC;
	text-decoration: none;


}

#footlink a:hover {


	color: #ECECEC;
	text-decoration: none;

}

#footlink a:link {


	color: #ECECEC;
	text-decoration: none;

}

#footlink a:visited {


	color: #ECECEC;
	text-decoration: none;

}
#jbutton {


}


#jbutton a {


	color: #FFFEF5;
	text-decoration: none;


}

#issuelink {


}


#issuelink a {


	color: #FFFEF5;
	text-decoration: none;


}



#topmenu {
	font: normal 13px  Verdana, Arial, Helvetica, sans-serif;


}

#topmenu a {


	font: normal 14px  Verdana, Arial, Helvetica, sans-serif;
	color: #D9D9D9;
	text-decoration: none;


}


#topmenu a:hover {


	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #E6E6E6;
	text-decoration: none;
}



a:link
{
	color: #470505;
	text-decoration: none;
}

a:visited
{
	color: #000000;
	text-decoration: none;
}

a:hover
{
	color: #470505;
	text-decoration: underline;
}

h1
{
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

h1.topmenu
{
	font: 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
        align: center;
	text-decoration: none;
}

h1.feature_head
{
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
        align: center;
}

h1.section_head {
	font: normal 32px Georgia, Times, serif;
	padding-bottom: 5px;
	margin-top: 0px;
	text-transform: uppercase;
	text-align: right;
	color: #333;
	border-bottom: 1px solid #999;
}	
	
h2
{
	font: 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: -5px;
}

h3
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	font-style: italic;
	margin-top: -5px;
}



#container {
	width: 741px;
	padding: 0px 6px;
	margin: 0px auto;
	text-align: left;
        background: #700000 url("../media/template/900club_shadow.png") repeat-y center;

}

#new_button {
	border-bottom: thin dotted;
}

#top_button {
	font: 12px;
	font-color: #580018
	font-weight: bold;
}


#content {
	float: left;
        margin: 0px;
	display: inline;
	width: 490px;
	padding: 10px, 10px;
	background-color: #FFFEF5;

}


/* Page Headers */

#header {
	width: 741px;
	height: 125px;
	padding: 0px;
	margin: 0px;
	/* This is the image you have to replcae with your paper's cutsomized header.  You can either replace the 'header.jpg' image, or call it so,ething else and change the name here. */
	background: url("http://smujournal.theorem.ca/media/template/banner.jpg") no-repeat;
}

#header img {
	width: 100%;
	height: 100%;
	border: none;
}

/* Left Column */

#thisIssue {
	font: italic 10px/14px Georgia, Times, serif;
	text-align: center;
	padding: 0px;
	border-bottom: 1px solid #666;
}

#thisIssue img {
	width: 98px;
	height: auto;
	border: 1px solid #666;
	margin: 5px 0px;
        background: url("media/issue.jpg") no-repeat;
}

#thisIssue p {
	padding: 0px;
	margin: 0px;
}

#leftcolumn {
	border-right: 1px dotted #666;
	font: 11px Arial, Helvetica, sans-serif;
	width: 120px;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}



#static {
}

/* Search */

#search {
	padding:  10px;
	background: #ECECEC;
        align: center;
	width: 112px;
}

#searchbox {
	width: 100px;
	font-size: 10px;
	color: #666;
}

.thing {
	font: 16px Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
}

/* Right Column */

#rightcolumn {
	width: 120px;
	float: right;
	display: inline;
	border-left: 1px dotted #666;
	margin-top: 2px;
	padding: 0px;
}

/* Index Pages */

#toplead {
	padding: 0px;
	clear: both;
	background: #FFFEF5;
	border-bottom: 1px dotted #666;
	margin-bottom: 0px;
}

.sublead {
	padding: 8px 0px;
	border-bottom: 1px dotted #666;
	margin: 10px;
	clear: both;
}

.summary {
	padding: 5px;
	text-indent: 3em;
	text-align: justify;
}

.section_index_item {
	float: top;
	padding: 8px 0px;
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
	clear: both;
}

#toplead h1, .sublead h1, .section_index_item h1 {
	margin-top: 0px;

}

#featureboxes {
	margin: 10px 10px;
	float: center;
	display: inline;
	font-size: 12px;
}

.restofbox h1 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
	text-align: center;
	text-decoration: none;

}

#sections {

}

#sections ul, #static ul {
	text-transform: uppercase;
	list-style: none outside;
	padding: 0px;
	margin: 0px;
	width: 120px;
	background-color: #ECECEC;
}

#sections li, #static li {
	padding: 0px;
	margin: 0px;
	width: 120px;
	list-style: none outside;
}

#sections ul a, #static ul a {
	display: block;
	padding: 5px 5px 5px 5px;
	width: 120px;
	border-bottom: 1px dotted #666;
	text-decoration: none;
	color: #333;
	margin: 0px;
}

#sections ul a:hover, #static a:hover { 
	background: #F6F6F6;
}

#sectionlist ul {
	padding: 5px 0px;
	margin: 0px;
	list-style: none outside;
	font-size: 12px;
	line-height: 14px;
	border-bottom: 1px solid #ECECEC;
}

#sectionlist li {
	padding: 0px;
	margin: 0px 0px 6px 0px;
	list-style: none outside;
}

#sectionlist h1 {
	font: bold 14px Helvetica, Arial, sans-serif;
}

#sectionlist h1 a {
	color: #333;
}

#sectionlist_1 {
	float: left;
	display: inline;
	width: 150px;
	margin-right: 15px;
	padding: 0px 5px 0px 0px;
	border-right: 1px dotted #666;
}

#sectionlist_2 {
	float: left;
	display: inline;
	width: 145px;
	padding: 0px;
}

/* Article Pages */

.article {
}

.articlebody {
	text-indent: 3em;
	text-align: justify;
}

blockquote {
  background: transparent url(/media/template/quoleft.png) left top no-repeat;
  float:left;
  width:18em;
  display:block;
  margin:0.25em;
  padding:0.5em;
  background-color:#EEEEEE;
  text-align:center;
}

.readmore {
	padding-left: 10px;
	font-style: italic;
}

/* Media */

.photoonly {
	border: 1px;
}

.thumbright {
	float: right;
	margin: 0px 0px 6px 12px;
	display: inline;
	border: 1px;
}

.thumbleft {
	float: left;
	margin: 0px 12px 6px 0px;
	display: inline;
	border: 1px;
}

.leads_thumb {
	border: none;
}

.thumbright img, .thumbleft img, .leads_thumb img {
	border: 1px;
}

.photocell {
	padding: 0px;
	border: 1px;
}

.captioncell {
	padding: 10px;
	background: #ECECEC;
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #000000;
}

/* Advertising */

#adsmall {
	clear: both;
	padding: 10px 100px 10px 120px;
	width: 500px;
}

#adbanner {
	border-bottom: 2px solid white;
}

#advertical {
	width: 120px;
}

#adsense {
	padding: 6px;
	font: normal 12px/16px Helvetica, Arial, sans-serif;
}

/* Footer */

#footer {
	width: 710px;
	background-color: #ECECEC;
	padding: 15px;
	font-size: 12px;
	border-top: 1px dotted #666;
	text-align: right;
	clear: both;

}

#othersections {

}

#othersections ul, #otherstatic ul {
	text-transform: uppercase;
	list-style: none outside;
	padding: 0px;
	margin: 0px;
	width: 122px;
	background-color: #ECECEC;
	text-align: center;
}

#othersections li, #otherstatic li {
	padding: 0px;
	margin: 0px;
	width: 122px;
	list-style: none outside;
	text-align: center;
}

#othersections ul a, #otherstatic ul a {
	display: block;
	width: 122px;
	border-bottom: 1px dotted #666;
	text-decoration: none;
	color: #333;
	margin: 0px;
	text-align: center;
}

#othersections ul a:hover, #otherstatic a:hover { 
	background: #DDDDDD;
	text-align: center;
}