/*  
Theme Name: stier
Theme URI: http://www.stevetier.com/ 
Description: The www.stevetier.com site style.
Version: 1.0 
Author: Ben Beverly 
Author URI: http://www.commonmind.com/
*/

body {
  background-color: #7A786F;
  background-image: url(/images/page_background.gif);
  background-repeat: repeat-x; 
  background-position: top left;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  font-family: Georgia, Times, sans-serif;
  font-size: .8em;
}
/**
a { color: #7C7B13; }
a:link { color: #7C7B13; }
a:visited { color: #BD6A00; }
a:active { color: #CD8A22; }
a:hover { color: #CD8A22; }
**/
/**
a { color: #BD6A00; }
a:link { color: #BD6A00; }
a:visited { color: #7C7B13; }
a:active { color: #CD8A22; }
a:hover { color: #CD8A22; }
**/

div#page {
  position: static;
  border: 0px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
  width: 808px;
}

/** some magic going on with all the auto margins **/

div#header {
  position: static;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  background-image: url(/images/header/background.gif);
  background-repeat: repeat-x; 
  background-position: top left;
  height: 177px;
  padding: 0px;
  border: 0px;
  border-style: solid;
  border-color: white;
  width: 800px;
  text-align: left;
}

h1#logo2 {
  float: left;
  display: block;
  width: 800px;
  height: 114px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background: url('/images/header/heading.jpg') 0 0 no-repeat;
}

h1#logo2 a {
  display: block;
  width: 800px;
  height: 114px;
  background: url('/images/header/heading.jpg') 0 0 no-repeat;
  text-indent: -1200px;
  overflow: hidden;
}

div#outer {
  position: relative;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  width: 800px;
  text-align: left;
}

div#inner {
  border: 0px;
  background-color: transparent;
  background-image: url(/images/text_background.gif);
  background-repeat: repeat-y; 
  background-position: top left;
  margin: 0px;
  padding: 0px;
  position: absolute;
  width: 800px;
  left: 0px;
  top: 0px;
}

#sidebar {
  background-color: transparent;
  border: 0px;
  margin: 0px;
  padding: 0px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 192px;
  font-size: 1em;
}

#menu {
  border: 0px;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  background-image: url(/images/sidebar/menutab_top.gif);
  background-repeat: no-repeat; 
  background-position: top left;
  display: block;
  font-size: .8em;
  text-transform: uppercase;
  text-align: right;
  list-style-type: none;
  width: 192px;
}

#menu li {
  border: 0px;
  background-image: url(/images/sidebar/sidebar_background.gif);
  background-repeat: repeat-y; 
  background-position: top left;
  margin: 0px;
  padding: 0px;
  width: 192px;
}

#menu li a {
  border: 0px;
  padding: 0px 12px 0px 4px;
  margin: 0px 0px 0px 6px;
  width: 168px;
  display: block;
  color: #7A786F;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.6em;
  text-decoration: none;
  letter-spacing: .05em;
  word-wrap: break-word;
}

/** #menu li a:hover { color: #FFFFFF; text-decoration: none; background: #6B6100; } **/
#menu li a:link { color: #7A786F; text-decoration: none; }
#menu li a:visited { color: #7A786F; text-decoration: none; }
#menu li a:active { color: #FFFFFF; text-decoration: none; background: #6B6100; }
#menu li a:hover { color: #FFFFFF; text-decoration: none; background: #58553E; }

#buttontab {
  border: 0px;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  background-image: url(/images/sidebar/buttontab_top.gif);
  background-repeat: no-repeat; 
  background-position: top left;
  display: block;
  font-size: 1em;
  text-align: left;
  width: 192px;
}

#buttontab p {
  border: 0px;
  margin: 0px 0px 0px -1px;
  padding: 10px 10px 6px 22px;
  background-image: url(/images/sidebar/sidebar_background.gif);
  background-repeat: repeat-y; 
  background-position: top left;
  line-height: 130%;
  font-size: .9em;
  width: 160px;
  text-align: left;
}

.buttons {
  display: block;
  height: 48px;
  border: 0px;
  margin: 6px 0px 6px 8px;
  padding: 0px;
}

div.buttons {
  float: right;
  margin-right: 36px;
}

.buttons a, .buttons input {
  display: block !important;
  height: 48px !important;
  width: 136px !important;
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
  overflow: hidden !important;
  text-decoration: none;
  text-indent: -1200em;
}

.buttons a:hover, .buttons input:hover {
  background-image: none !important;
}

#request_button { background: url('/images/buttons/request_button.jpg') 0 -48px no-repeat; width: 136px; }
#request_button a { background: url('/images/buttons/request_button.jpg') top left no-repeat; width: 136px !important; }
#appointment_button { background: url('/images/buttons/appointment_button.jpg') 0 -48px no-repeat; width: 136px; }
#appointment_button a { background: url('/images/buttons/appointment_button.jpg') top left no-repeat; width: 136px !important; }
#submit_button { background: url('/images/buttons/submit_button.jpg') 0 -48px no-repeat; width: 136px; }
#submit_button input { background: url('/images/buttons/submit_button.jpg') top left no-repeat; width: 136px !important; }
#forstudents_button { background: url('/images/buttons/forstudents_button.jpg') 0 -48px no-repeat; width: 136px; float: left; }
#forstudents_button a { background: url('/images/buttons/forstudents_button.jpg') top left no-repeat; width: 136px !important; }
#forparents_button { background: url('/images/buttons/forparents_button.jpg') 0 -48px no-repeat; width: 136px; float: left; }
#forparents_button a { background: url('/images/buttons/forparents_button.jpg') top left no-repeat; width: 136px !important; }

#programtab {
  border: 0px;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  background-image: url(/images/sidebar/programtab_top.gif);
  background-repeat: no-repeat; 
  background-position: top left;
  display: block;
  font-size: 1em;
  text-align: left;
  width: 192px;
}

#programtab h4 {
  border: 0px;
  margin: 0px 0px 0px -1px;
  padding: 10px 10px 0px 22px;
  background-image: url(/images/sidebar/sidebar_background.gif);
  background-repeat: repeat-y; 
  background-position: top left;
  line-height: 130%;
  font-size: 1em;
  width: 160px;
  text-align: left;
}

#programtab ul {
  list-style-image: url("/images/bullet.gif");
  border: 0px;
  margin: 0px 0px 0px -1px;
  padding: 6px 10px 6px 44px;
  background-image: url(/images/sidebar/sidebar_background.gif);
  background-repeat: repeat-y; 
  background-position: top left;
  line-height: 130%;
  font-size: .9em;
  width: 160px;
  text-align: left;
}

#content {
  border: 0px;
  margin: 0px;
  padding: 0px 0px 30px 0px;
  position: relative;
  top: 0px;
  left: 192px;
  width: 608px;
}

#main_text {
  border: 0px;
  padding: 0px 36px 400px 36px;
  margin: 0px;
  width: 528px;
  background-image: url(/images/content_dropshadow.gif);
  background-repeat: repeat-x;
  background-position: top left !important;
  min-height: 0 !important;
}

#features_bar {
  border: 0px;
  padding: 0px 0px 20px 20px;
  margin: 0px;
  width: 192px;
  display: block;
  float: right;
}

.postit {
  border: 0px;
  border-left: 1px solid #E6E3D5;
  border-bottom: 1px solid #E6E3D5;
  padding: 20px;
  margin: 0px 20px 20px 0px;
  width: 200px;
  position: relative;
  display: block;
  float: left;
  height: 200px;
  zoom: 1;
  background: url('/images/postit_corner.jpg') top right no-repeat;
  background-color: #E3B450;
}

.highlights {
  background-color: #E6E3D5;
  text-align: left;
  margin: 10px 0px;
  border: 0px;
  padding: 20px;
  line-height: 130%;
  font-size: .9em;
  overflow: hidden;
  word-wrap: break-word;
}

.highlights { color: #777C6E; text-decoration: none; }
.highlights a:link { color: #777C6E; text-decoration: none; }
.highlights a:visited { color: #777C6E; text-decoration: none; }
.highlights a:active { color: #777C6E; text-decoration: underline; }
.highlights a:hover { color: #777C6E; text-decoration: underline; }

h4 {
  border: 0px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-family: Georgia, "Times New Roman", sans-serif;
  font-weight: bold;
  text-align: left;
  color: #000000;
  text-align: left;
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0em;
}

h2, h6 {
  border: 0px;
  margin: 0px;
  padding: 20px 0px 0px 0px;
  font-family: Georgia, "Times New Roman", sans-serif;
  text-align: left;
  color: #6B6100;
  color: #E3B450;
  color: #BF6C00;
  text-align: left;
  font-size: 2em;
  font-weight: normal;
  line-height: .9em;
  letter-spacing: 0em;
}

h3 {
  border: 0px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-family: Georgia, "Times New Roman", sans-serif;
  font-weight: bold;
  text-align: left;
  color: #6B6100;
  color: #E3B450;
  color: #7A786F;
  color: #D2A300;
  text-align: left;
  font-size: .9em;
  line-height: 1.3em;
  text-transform: uppercase;
  letter-spacing: .02em;
}

h5 {
  border: 0px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-family: "Comic Sans MS", Sand, Textile, cursive;
  font-weight: bold;
  text-align: left;
  color: #FFFFFF;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.3em;
  text-transform: uppercase;
  letter-spacing: .05em;
}

#main_text p {
  margin: 14px 0px;
  border: 0px;
  padding: 0px;
  color: #000000;
  font-size: 1em;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
}

#main_text ul {
  margin: 6px 0px 6px 20px;
  border: 0px;
  padding: 0px;
  list-style-image: url("/images/bullet.gif");
}

#main_text ul li ul {
  margin: 0px 0px 0px 10px;
  border: 0px;
  padding: 0px;
  list-style-image: url("/images/bullet.gif");
}

#main_text ul li ul li ul{
  margin: 0px 0px 0px 10px;
  border: 0px;
  padding: 0px;
  list-style-image: url("/images/bullet.gif");
}

#main_text ol {
  margin: 14px 0px 14px 20px;
  border: 0px;
  padding: 0px;
}

#main_text ol li {
  margin: 8px 0px;
  border: 0px;
  padding: 0px;
}

#main_text pre {
  font-size: larger;
}

#main_text blockquote {
	line-height: 150%;
}

ul#topnav {
  display: block;
  width: 325px;
  height: 23px;
  border: 0;
  margin: 23px 10px 2px 0px;
  padding: 0;
  list-style-type: none;
  float: right; 
}

ul#topnav li {
  float: left;
  height: 23px;
  border: 0;
  margin: 0;
  padding: 0;
}

ul#topnav li a {
  display: block;
  margin: 0;
  padding: 0;
  height: 23px; width: 94px;
  overflow:hidden;
  text-decoration: none;
  text-indent: -1200em;
}

ul#topnav li a:hover {
  background-image: none;
}

#askthetutor { background: url('/images/header/topnav_askthetutor.jpg') 0 -23px no-repeat; width: 115px; }
#askthetutor a { background: url('/images/header/topnav_askthetutor.jpg') top left no-repeat; width: 115px !important; }
#studytips { background: url('/images/header/topnav_studytips.jpg') 0 -23px no-repeat; width: 93px; }
#studytips a { background: url('/images/header/topnav_studytips.jpg') top left no-repeat; width: 93px !important; }
#tutoringtips { background: url('/images/header/topnav_tutoringtips.jpg') 0 -23px no-repeat; width: 116px; }
#tutoringtips a { background: url('/images/header/topnav_tutoringtips.jpg') top left no-repeat; width: 116px !important; }
#phone { background: url('/images/header/topnav_phone.jpg') 0px 0px no-repeat; width: 94px; }
#phone a { background: url('/images/header/topnav_phone.jpg') top left no-repeat; width: 94px !important; }

.data {
  border: 0px;
  border-collapse: collapse;
  margin: 0px;
  padding: 0px;
  text-align: left;
  float: right;
}

.data caption {
  position: relative;
  border: 0px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  text-align: left;
  color: #4B80A2;
  text-align: left;
  font-size: 1.35em;
  font-weight: bold;
  line-height: 1.85em;
  text-transform: none;
  letter-spacing: 0em;
}

.data tbody tr th {
  border: 0px;
  margin: 0px;
  padding: 5px 12px 0px 0px;
  font-size: .8em;
  text-transform: uppercase;
  text-align: right;
  width: 14em;
  white-space: nowrap;
  vertical-align: top;
}

.data tbody tr td {
  border: 0px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

.data tbody tr td textarea {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  margin: 0px;
  padding: 2px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  line-height: 1.35em;
  text-align: left;
  overflow: auto;
  width: 160px;
}

.data tbody tr td input {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  margin: 0px;
  padding: 2px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  text-align: left;
  overflow: auto;
  width: 160px;
}

.data tbody tr td select {
  border: 1px solid #C1C1C1;
  margin: 2px 2px 2px 0px;
  padding: 2px;
  color: #333333;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.35em;
  text-align: left;
}

.data td select option {
  padding-right: 10px;
}

.fieldlabels {
  text-align: right;
}

input, select {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  padding: 2px;
  margin: 0px;
  font-family: Georgia, Times, sans-serif;
  font-size: 1em;
}

select {
  margin: 2px 4px;
}

fieldset {
  border: 0px;
  margin: 0px;
  padding: 0px 8px;
}

fieldset label {
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: .8em;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
  vertical-align: top;
  line-height: 2em;
}

fieldset input {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  margin: 0px !important;
  padding: 2px;
  line-height: 1.35em;
  text-align: left;
}

textarea, textarea[id="comment-text"] {
  font-family: Georgia, Times, sans-serif;
  font-size: 1em;
  width: 84%;
}

hr {
border: 1px solid #FFFFFF; border-top: 1px dotted #CCCCCC; margin: 8px 0px; padding: 0px; background: #FFFFFF; text-align: left;
}

form table {
  border: 0px;
  border-collapse: collapse;
  margin: 8px 0px;
  padding: 0px;
  width: 500px;
  color: #000000;
  font-size: 1em;
  font-weight: normal;
  line-height: 130%;
  text-align: left;
  background-color: #F6F5EF;
}

.half, .half_accent {
  width: 210px;
}

.third_accent {
  width: 140px;
  background-color: #EFF0DC;
}

form table caption {
}

form table tbody tr th {
  border: 0px;
  /** border-bottom: 1px solid #E6E2D1; **/
  margin: 0px;
  padding: 5px 0px 1px 16px;
  /** text-transform: uppercase; **/
  vertical-align: top;
  color: #333333;
  font-size: .9em;
  text-align: right;
  font-weight: bold;
}

form table tbody tr td {
  border: 0px;
  margin: 0px;
  padding: 0px 16px 1px 8px;
  vertical-align: top;
  font-size: .9em;
}

form table tbody tr td input {
  margin: 1px 4px;
}

form table tbody tr td ul {
  padding: 4px 0px 4px 16px;
  list-style-type: none;
  list-style-image: none !important;
}

form table tbody tr td ul li {
  padding: 0px 0px 2px 0px;
}

form table tbody tr td a { color: #777C6E; }

form table tbody tr td ul li input, .radio {
  border: 0px;
  margin: 0px 4px;
  padding: 0px;
  background-color: #F6F5EF;
}

form table tbody tr td textarea {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  margin: 0px 36px;
  padding: 2px;
  line-height: 1.35em;
  text-align: left;
  overflow: auto;
}

#footer {
  border: 0px;
  padding: 0px;
  margin: 20px 0px;
  display: block;
  float: left;
}

#footer p {
  width: 528px;
  border: 0px;
  padding: 0px 36px 0px 36px;
  margin: 0px;
  color: #7A786F;
  font-size: .8em;
  text-align: center;
}

.alert {
  color: #BF6C00;
}