body {
font-family: /*Verdana, Tahoma, Arial, sans-serif; */ Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size: /*14px*/small;
text-align: justify;
margin: 0px 0px 0px 0px;
/* background: #fbfbfb url(MathforSmartyPantsBanner.png) no-repeat 699px 0px; */
}

/* Image Styles
-------------------------------------------- */
img  {
vertical-align: middle;
border: 0px;
}

/* Image Preloader to prevent 'lag' */
.preload {
background: url(http://www.mathforsmartypants.com/styles/inputbackground-hover.png) top left;
display: none;
}

/* Border for News Thumbnail */

.newsimg {
border: medium double #7a7a7a;
}

.successno {
background: #ffc1c1;
}

.successno:hover {
background: #ff3333;
}

banner {
float: left;
max-width: 100%;
min-width: 699px;
height: 200px;
}

/* End of Image Styles
-------------------------------------------- */

/* Link Styles
-------------------------------------------- */

a, a:link, a:visited, a:active {
text-decoration: none;
color: #066f95;
}

a:hover {
/* color: #0885b3; */
color: #ffba00;
text-decoration: underline;
}

/* Styles external links */

a[href^="http:"] {
background: url(externalLink.gif) no-repeat right top;
padding-right: 10px;
}

a[href^="http://www.mathforsmartypants.com"], a[href^="http://mathforsmartypants.com"] {
background-image: none;
padding-right: 0;
}

/* Styles .phpx files (Custom file extension for Dynamic XML) */

a[href$=".phpx"] {
background: url(rss_icon.gif) no-repeat right top;
padding-right: 40px;
padding-bottom: 3px;
}

/* End of Link Styles
-------------------------------------------- */

/* Fieldsets and Legends
-------------------------------------------- */

fieldset {
margin: 1em 0;
padding: 1em;
border : 1px solid #cccccc;
background: /*#d1eeee*/ #d8e9fb;
position: relative;
margin-top: 0.9em;
padding-top: 1em;
width: 43em;
}

legend {
font-weight: bold;
position: absolute;
top: -1em;
color: #000000;
border: 1px solid #888;
background: #accef4;
padding: 2px 6px;
}

.welcome {
background: #e0eeee;
width: 20%;
}

.oops {
margin: 1em 0;
padding: 1em;
border : 1px solid #ccc;
background: #ffc1c1;
}

/* Login Screen Fieldset */

.login {
width: 20em;
background: #eeeeee;
}

.adownloads {
width: 30em;
background: #eeeeee;
float: left;
}

.potwfield {
width: 20em;
background: #eeeeee;
}

.potwfieldY {
width: 35em;
background: #eeeeee;
}

/* End of Fieldsets and Legends
-------------------------------------------- */

/* Table Styles
-------------------------------------------- */

table {
border-collapse: collapse;
width: 50em;
border: 1px solid #666;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size: 12px;
}


table.loginog {
border-collapse: collapse;
width: 50em;
border: 1px solid #666;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size: 12px;
}

th, td, tr {
padding: 0.1em 1em;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size: 11px;
}

caption {
font-size: 1.2em;
font-weight: bold;
margin: 1em 0;
}

.googie_list {
width: 5em;
border: 0; 
}
.googie_list:hover {
width: 5em;
border: 0; 
}

col {
border-right: 1px solid #ccc;
}

col#successCol {
border: none;
}

thead {
background: #ccc;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
}

th {
font-weight: normal;
text-align: left;
}

.odd {
background-color: #edf5ff;
}

tr:hover {
background-color:#3d80df;
}
tr:hover td {
color: #fff;
}

tr:hover td a {
color: #fff;
text-decoration: underline;
}

thead tr:hover {
background-color: transparent;
color: inherit;
}

tfoot tr:hover {
background: transparent;
color: #000;
}

tfoot tr:hover td {
background: transparent;
color: #000;
}

/* End of Table Styles
-------------------------------------------- */


/* ID Styles
-------------------------------------------- */

#container {
border-right: #ffcccc 1px solid;
border-top: #ffcccc 1px solid;
margin: 0px 0px 0px 0px;
border-left: #ffcccc 1px solid;
width: 100%;
max-width: 1000px;
line-height: 150%;
border-bottom: #ffcccc 1px solid;
background: #fbfbfb url(fade.png);
background-repeat: no-repeat;
}

/* The 'Welcome' Bar at the top of the page, seen by logged in users;
   I'm too lazy to change it to #welcomebar. */

#adminbar {
border-right: #ffcccc 1px solid;
border-top: #ffcccc 1px solid;
margin: 1px;
background: url(acpbar.jpg) no-repeat top left;
border-left: #ffcccc 1px solid;
width: 99%;
line-height: 150%;
border-bottom: #ffcccc 1px solid;
}

#adminbar ul {
list-style-type: none;
}

#adminbar li {
border-right: 1px solid;
display: inline;
}

#adminbar a {
background-image: none;
padding-right: 0px;
}

#totale {
margin: 0 auto;
}

#pictureWrapper {
float:left;
padding: 1em;
padding-left: 0;
}

#footer {
CLEAR: left;
PADDING-RIGHT: 0.5em;
PADDING-LEFT: 0.5em;
PADDING-BOTTOM: 0.5em;
COLOR: #000000;
PADDING-TOP: 0.5em;
FONT-STYLE: italic;
BACKGROUND-COLOR: #66cccc;
border-top: 1px #000 dotted;
}

#footer a {
background-image: none; 
padding-right: 0px;
}

/* The menu on the left */

#left {
padding-right: 0.5em;
padding-left: 0.5em;
float: left;
background-image: url(curveback_tr.JPG);
padding-bottom: 3em;
margin: 0px;
width: 200px;
padding-top: 1em;
background-repeat: no-repeat
}

#left ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#left a {
display: block;
padding-right: 0.6em;
padding-left: 0.6em;
padding-bottom: 0.2em;
width: 7.4em;
color: black;
padding-top: 0.2em;
border-bottom: white 1px solid;
background: #e0e0e0;
text-decoration: none;
opacity: 1;
}

#left UL a:hover {
padding-right: 0.6em;
padding-left: 0.6em;
padding-bottom: 0.2em;
width: 7.2em;
color: white;
padding-top: 0.2em;
border-bottom: white 1px solid;
background: /*99ccff*/ #AAD142;
text-decoration: none;
opacity: 0.5;
}

#left ul ul {
display: none;
}


#left ul a.here {
padding-right: 0.6em;
padding-left: 0.6em;
padding-bottom: 0.2em;
width: 7.2em;
color: black;
padding-top: 0.2em;
border-bottom: white 1px solid;
background: #99ccff;
text-decoration: none;
font-weight: bold;
opacity: 1;
}

#left ul a.here:hover {
padding-right: 0.6em;
padding-left: 0.6em;
padding-bottom: 0.2em;
width: 7.2em;
color: black;
padding-top: 0.2em;
border-bottom: white 1px solid;
background: #99ccff;
text-decoration: none;
font-weight: bold;
opacity: 1;
}



#content {
padding-right: 1em;
padding-left: 1em;
padding-bottom: 1em;
margin-left: 220px;
padding-top: 1em
}

/* End ID Styles
-------------------------------------------- */

/* Text Styles
-------------------------------------------- */

p {
max-width: 950px;
width: 90%;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.5em;
}

.newsitem {
opacity: .7;
}
.newsitem:hover {
opacity: 1;
}

:target {
background: #ffff7e;
}

li {
max-width: 950px;
width: 90%;
}


li.full {
width: 100%;
}

li.lastitem {
border-right: none;
display: inline;
}

.quote {
padding-left: 50px;  
padding-top: 20px; 
color: #666; 
width: 65%; 
background: url(http://www.mathforsmartypants.com/styles/quote.gif) no-repeat left top;
}

pre {
margin:.5em 0;
padding:.5em;
font-size:100%;
border:1px solid #D3DAE4;
background-color:#F4F6F8;
width: 90%;
overflow:hidden;
}

.amessage {
margin:.5em 0;
padding:.5em;
font-size:100%;
border:1px solid #71C671;
background-color:#ccffcc;
width:auto;
overflow:hidden;
text-align: center;
width: 100%;
}

.clear { 
clear: both; 
height: 1em; 
font-size: 1em; 
}

/* Resources: Problem of the Week List */

.potw {
margin: 0;
padding: 0;
list-style-type: none;
}

form p {
position: relative;
}

fieldset a.new {
background: url(new-icon.gif) no-repeat right top;
padding-right: 30px;
}

ul li a.new {
background: url(new-icon.gif) no-repeat right top;
padding-right: 30px;
}

/* Used on all warning messages */

.warning {
font-weight: bold;
color: #ff0000;
padding-left: 18px;
background: url(error.png) no-repeat left top;
}

.good {
font-weight: bold;
color: #aadd00;
padding-left: 17px;
background: url(green_check.gif) no-repeat left top;
}

.importan:first-letter {
font-size: 1.5em;
color: #a9a9a9;
padding-right: 1px;
}

/* End of Text Styles
-------------------------------------------- */



/* Input Styles
-------------------------------------------- */

input[type="text"] {
border: 1px solid #006699;
background: #fbfbfb;
padding-left: 3px;
color: #5e5e5e;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

input[type="text"]:focus {
border: 1px solid #000033;
background: #F8F8FF;
padding-left: 3px;
color: #000;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

input[type="password"].srsbus {
border: 1px solid #006699;
background: #fbfbfb;
padding-left: 3px;
color: #5e5e5e;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

input[type="password"].srsbus:focus {
border: 1px solid #000033;
background: #F8F8FF;
padding-left: 3px;
color: #000;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
input[type="text"].logini {
border: 1px solid #006699;
background: #fff url(inputbackground.png) left top;
background-repeat: repeat-x;
padding-left: 3px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

}
input[type="text"].logini:focus {
border: 1px solid #000033;
background: #fff url(inputbackground-hover.png) left top;
background-repeat: repeat-x;
padding-left: 3px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
input[type="password"] {
border: 1px solid #006699;
background: #fff url(inputbackground.png) left top;
background-repeat: repeat-x;
padding-left: 3px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
color: #5e5e5e;
}
input[type="password"]:focus {
border: 1px solid #000033;
background: #fff url(inputbackground-hover.png) left top;
background-repeat: repeat-x;
padding-left: 3px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
color: #000;
}

label {
display: block;
cursor: pointer;
float: left;
width: 150px;
}

.namefield {
width: 200px;
}

/* End of Input Styles
-------------------------------------------- */

/* Textarea Styles
-------------------------------------------- */

textarea {
border: 1px solid #006699;
background: #fbfbfb;
padding-left: 3px;
color: #5e5e5e;
}
textarea:focus {
border: 1px solid #000033;
background: #f8f8ff;
color: #000;
}

.textinput {
font-size: 12px; 
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}


/* Used in the Admin CP notepad and User Notepad */

textarea.anotes {
background: #ffffcc;
border: 1px solid #006699;
padding-left: 3px;
color: #5e5e5e;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size: 8pt;
}
textarea.anotes:focus {
background: #ffffcc;
border: 1px solid #000033;
padding-left: 3px;
color: #000;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size: 8pt;
}

/* Used in the MFSP Shell Client */

.cmdline {
width: 95%;
padding-left: 3px;
height: 300px;
background: #000;
font-size: 10pt;
font-family: monospace;
color: #fff;
border-style: ridge;
}
.cmdline:focus {
background: #000;
padding-left: 3px;
color: #fff;
}

/* End of Textarea Styles
-------------------------------------------- */

/* OTHER
-------------------------------------------- */
#contentColumn{
background-color: #aad142;
width: 60%;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

#contentColumn h1 {
color: #FFF;
height: 1em;
display: inline;
margin-bottom: 0;
}

#rightColumn {
float: right;
text-align: left;
font-size: 1.2em;
border-left: 1px solid #283A90;
background: #f0f0f0;
width: 36%;
margin-left: 10px;
padding-left: 10px;
height: auto;
}
#rightColumn h2 {
font-size: 1.3em;
}


#rightColumn.li {
margin-bottom: 1em;
padding-bottom: 1em;
}

.rightCon {
padding-left: 10px;
border-left: 5px solid #aaa;
}

.rightCon:hover {
border-left: 5px solid #7a7a7a;
}

h1.wut {
color: #FFF;
}