/* The Grande Stuff - Level 1 ID Positioning */

body {
color: #222222;
background-color: #FFFFFF;
margin: 0;
padding: 0}

/* All of the really interesting bits were lifted from bluerobot.com's three-column layout reference.
	I could have probably done it myself, but it wouldn't have been fun. */
	
#main {
 /* Position: relative has been removed, due to a funny line-break bug a la psyjnir.com. Ask css-d. */
width: 83%;
text-align: left;
margin-left: 144px;
clear: right}

#left {
font: 14px Verdana, Geneva, Helvetica, sans-serif;
float: left;
width: 130px;
background-color: #FFFFFF;
padding: 10px}

#right {
font: 100% "Times New Roman", serif;
float: right;
width: 105px;
background-color: #FFFFFF;
padding: 5px}

#head {
margin: 1px 20px 25px 20px;
height: 40px;
background-color: #FFFFFF}

#headwrapper {
border-bottom: 1px solid #000000}

#head h1 {
margin: 0px;
text-align: center;
font: bold 40px "Times New Roman", sans-serif}

#footer {
padding: 3px;
margin-left: 8%;
margin-right: 8%;
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
clear: both;
font-family: Verdana, sans-serif;
font-size: small;
width: 85%}


/* Contextual Rules */


/* Main Column */

#main a:link {
color: #003366;
background-color: #FFFFFF;
text-decoration: underline}

#main a:visited {
color: #6B81B3;
background-color: #FFFFFF;
text-decoration: underline}

#main a:hover {
color: #6B81B3;
background-color: #FFFFFF;
text-decoration: none}

#main a:active {
color: #6B81B3;
background-color: #FFFFFF;
text-decoration: none}

#main p {
text-indent: 20px}

#main p.article {
text-indent: 0px}

#main img {
border: 0px;
margin: 5px auto 20px auto;
display: block;
margin-left: auto;
margin-right: auto;
text-decoration: none}

#main h1 {
margin: 20px 0px 15px 0px;
padding: 5px 0px 5px 0px;
font: bold 25px "Hoefler Text", Palatino, serif;
text-align: center}

#main h2 {
margin: 15px 0px 10px 0px;
font: bold 17px "Times New Roman", Palatino, serif;
text-align: left}

#main h2.weekarchivehead {
color: #003300;
background-color: #FFFFFF;
text-align: center}

#main a.permalink {
font-size: large}


/* Left Column */

#left a:link {
color: #333366;
background-color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #333366}

#left a:visited {
color: #333366;
background-color: #FFFFFF;
text-decoration: none}

#left a:hover {
color: #333366;
background-color: #FFFFFF;
text-decoration: none}

#left a:active {
color: #6699FF;
background-color: #FFFFFF;
text-decoration: none}

#left h3 {
font: bold 14px "Hoefler Text", Palatino, serif;
background-color: #FFFFFF}


/* Right Column */

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

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

#right a:hover {
color: #6699FF;
text-decoration: none}

#right a:active {
color: #6699FF;
text-decoration: none}

/* End Contextual Rules */


/* Classes */

.end {
text-align: center;
font-size: 20px} /* Consider changing this to 40px - also, others. Colons? Double, triple, more? */

.endright {
text-align: center;
font-size: 15px}

.imgwrapper {
margin: 0px;
padding: 0px;
text-align: center}

.standards {
width: 50%;
margin-left: 2%;
padding: 0;
font-size: 15px;
font-family: "Times New Roman", serif;
border: 1px solid black}

.standards h1 {
padding: 0px;
margin: 0px;
font-weight: bold;
font-family: "Trebuchet MS", Palatino, "Times New Roman", serif;
font-size: 20px}

.center {
text-align: center}

.invisible {
display: none}

.datehead {
color: #3366FF;
font-weight: bold;
font-family: "Hoefler Text", Palatino, "Times New Roman", serif}

.commentlink {
font-family: "Hoefler Text", Palatino, "Times New Roman", serif}

.entryend {
width: 80%;
text-align: left}

.entryend hr {
display: none;
width: 75%}

.weekarchivehead {
color: #003300;
background-color: #FFFFFF;
text-align: center}

.q {
font-weight: bold}