#leftcol {
 text-align: center;
}
#leftcol h2 {
 width: 700px;
 margin: 0 auto;
}

#image_functions_wrapper {
 margin: 0 auto;
 float: left;
 padding: 0 5px 0 5px;
}

#image_functions {
 width: 700px;
 margin: 0 auto;
}

#function_form {
 width: 700px;
 margin: 0 auto;
}
#function_textbox {
 width: 20em;
 font-family: "Courier New, monospace";
 font-size: 20px;
}
#image_function_submit {
 font-size: 17px;
}

div .help_text {
 background-color: #DDDDDD;
 border-style: solid;
 border-color: #BBBBBB;
 border-width: 2px;
 text-align: left;
 padding: 10px 10px 10px 10px;
 margin: 5px 5px 5px 5px;
}
#leftcol div .help_text p {
 font-family: "Arial";
 font-variant: normal;
 font-weight: normal;
 font-size: 20px;
}
#leftcol div .help_text p .code {
 margin-left: 20px;
}


div .image_function {
 display: inline;
}
div .image_function img {
 padding: 5px 5px 5px 5px;
 margin: 5px 5px 5px 5px;
 border-style: solid;
 border-width: 1px;
 border-color: #999999;
}

div .image_function_full {
 width: 700px;
 margin: 0 auto;
}
div .image_function_full_hq {
 width: 900px;
 margin: 0 auto;
 float: left;
 padding-bottom: 10px;
}
#leftcol div p {
 font-family: "Courier New, monospace";
 font-variant: small-caps;
 font-weight: bold;
 font-size: 25px;
 overflow: auto;
}

#math_function_list {
 display: inline;
 text-align: center;
}
#math_function_list ul {
 float: left;
 width: 100px;
 background-color: #CCCCCC;
 border-style: solid;
 border-width: 2px;
 border-color: #BBBBBB;
 padding: 5px 0px 5px 0px;
}
#math_function_list ul li {
 list-style: none;
 font-family: "Courier New, monospace";
 font-size: 14px;
 text-align: left;
}

#leftcol a.video_container {
 display:block;
 width:400px;
 height:420px;
 position:relative;
 left:50%;
 margin-left:-200px;
}
#leftcol a.audio_container {
 display:block;
 width:400px;
 height:30px;
 position:relative;
 left:50%;
 margin-left:-200px;
}

#leftcol p.function_name {
 word-wrap: break-word;
}
#leftcol p.created_by {
 font-size: 18px;
}
#leftcol p.time_since {
 font-size: 14px;
}

#leftcol div.project_tabs {
 text-align: left;
 margin: -15px 0 15px 0;
 padding: 0 0 0 10px;
}
#leftcol div.project_tabs a {
 font-family: "Courier, monospace";
 font-weight: bold;
 font-size: 14px;
 background-color: #777777;
 padding: 0 3px 1px 3px;
 border-style: solid;
 border-width: 2px;
 border-color: #444444;
}
#leftcol div.project_tabs a:link {
 color: #CCCCCC;
 text-decoration: none;
}
#leftcol div.project_tabs a:active {
 color: #CCCCCC;
 text-decoration: none;
}
#leftcol div.project_tabs a:visited {
 color: #CCCCCC;
 text-decoration: none;
}
#leftcol div.project_tabs a:hover {
 color: #FFFFFF;
 background-color: #AAAAAA;
 text-decoration: none;
}
#leftcol div.project_tabs a.selected {
 
}