/*  
Theme Name: TutorBlu
Theme URI: http://www.image202.com/
Description: The incredible web presence of Houston Tutorial Association, dubbed..."TutorBlu"
Version: 1.0
Author: Image202 Entertainment
Author URI: http://www.image202.com/

This theme was designed and built by Image202 Entertainment,
with the sole purpose and use granted to Houston Tutorial Association ONLY!

The CSS, XHTML and design is held under Copyright by:
Image202 Entertainment - http://www.image202.com/


*** CONTACTING IMAGE202 ENTERTAINMENT ***
Image202 Entertainment is a media production company based in Houston,Texas
with operations in New York, Los Angeles, and Toronto.

Visit our website (http://www.image202.com/) for more information.
*/

/* Site Structure
----------------------------------------------- */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
background: url(images/cityHeadImg.jpg) no-repeat right top;
/*background: url(images/watermark.jpg) #fff no-repeat right bottom;*/
}

.header {
/*background-color: #6D80AB;*/
}

#container {
width: 94%;
min-height: 675px;
margin-bottom: 20px;
background: url(images/watermark.jpg) transparent no-repeat 95% bottom;
}

#sideBar {
float: left;
width: 200px;
background-color: #fff;
text-align: center;
/*background: url(images/navimgs/student01.jpg) no-repeat center bottom;*/
}

#sideImage {
/* no style applied*/
}

#sideButton {
margin: 15px 0 0 0;
}

#sideButton a img {
border: 1px solid #dcdcdc;
}

#sideButton a img:hover {
border: 1px solid #6D80AB;
}

#katrinaButton {
margin: 15px 0 0 0;
}

#content {
width: 550px;
min-height: 550px;
margin: 27px 0 10px 240px;
}

.footer {
position: relative;
text-align: left;
padding: 0;
margin: 0 0 10px 0;
border-top: 1px solid #6D80AB;
border-bottom: 1px solid #6D80AB;
}

#fooerInfo {
margin-left: 210px;
}

#footerAdvert {
width: 210px;
height: 93px;
background-color: #E8EDF3;
border-right: 1px solid #6D80AB;
}

.footerLinks {
position: absolute;
top: 7px;
left: 211px;
background-color: #fff;
padding: 0 0 0 20px;
}

.copyright {
font-size: 10px;
color: #aaa;
margin: 3px 0 7px 0;
}

#ttt a span {
display: none;
}

#ttt {
width: 800px;
height: 10px;
margin: 0 0 20px 0;
}

#ttt a {
float: right;
display: block;
width: 26px;
height: 10px;
background: #fff url(images/ttt.gif) no-repeat left top;
}

/* sideBar Navigation
----------------------------------------------- */
ul.navigation  {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0px 0 25px 25px;
}

.navigation li {
list-style: none;
padding: 10px 28px 0 0px;
}

.navigation li a:hover {
color: #171717;
font-size: 10px;
text-decoration: none;
letter-spacing: 0.01pt;
background: #fff;
border-bottom: 1px solid #171717;
}

/* Links
----------------------------------------------- */
#content a:link, #content a:visited {
color: #003366;
text-decoration: none;
}

#content a:hover {
color: #258;
text-decoration: none;
background: #f8f8f8;
border-bottom: 1px solid #258;
}

.editEntry {
position: absolute;
top: 125px;
left: 785px;
margin: 0;
}

.editEntry a {
display: block;
height: 9px;
width: 12px;
border-bottom: none;
background: url(images/editicon_off.gif) transparent no-repeat 0 0;
}

.editEntry a:hover {
background: url(images/editicon_on.gif) transparent no-repeat 0 0;
border-bottom: none;
}

.navigation li a, .navigation li a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #003366;
font-size: 10px;
text-decoration: none;
letter-spacing: 0.01pt;
font-weight: 400;
}

.footerLinks a, .footerLinks a:visited {
color: #555;
font-size: 10px;
text-decoration: none;
letter-spacing: 0.2pt;
}

.footerLinks a:hover {
color: #444;
font-size: 10px;
text-decoration: none;
letter-spacing: 0.2pt;
border-bottom: 1px dotted #444;
}

/* Headings, Paragraphs, and...
----------------------------------------------- */
h1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #fe7701;
text-align: left;
letter-spacing: 2px;
width: 350px;
margin-top: 25px;
border-bottom: 1px solid #fe7701;
}

h1.wide {
width: 450px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #444;
text-align: left;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #6699CC;
text-align: left;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
text-align: justify;
padding: 0 15px 0 15px;

letter-spacing: 0.5px;
line-height: 19px;
}

#content ul {
color: #666;
padding: 0 0 0 30px;
}

#content ul li {
font-size: 11px;
line-height: 16px;
list-style-type: square;
margin: 0 0 10px 0;
}

/* Common Styles
----------------------------------------------- */
a img {
border: none;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
margin-top: 5px;
}

img.alignright {
padding-top: 4px;
margin: 0 0 2px 15px;
display: inline;
}

img.alignleft {
padding-top: 4px;
margin: 0 15px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

.portraitBox {
margin: 0 auto;
width: 455px;
height: 235px;
padding: 10px;
background-color: #f1f1f1;
border: 1px solid #e9e9e9;
}

.portraitImage {
float: right;
margin: 0 0 15px 0;
padding: 5px;
background-color: #fff;
border: 1px solid #ddd;
}

.portraitText {
float: left;
width: 250px;
margin: 30px 0 0 15px;
}

.portraitText p {
color: #666;
font-size: 11px;
}

.contactHighlight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #6699CC;
text-align: center;
margin: 15px 0 35px 0;
}

/* Testimonials
----------------------------------------------- */
div.testimonial {
margin: 10px 0 15px 30px;
background: #DEE7F1;
width: 490px;
}

p.blk {
color:#171717;
font-style: italic;
}

b.rtop, b.rbottom {
display:block;
background: #FFF;
}

b.rtop b, b.rbottom b {
display:block;
height: 1px;
overflow: hidden;
background: #DEE7F1;
}

b.r1 {
margin: 0 5px;
}

b.r2 {
margin: 0 3px;
}

b.r3 {
margin: 0 2px;
}

b.rtop b.r4, b.rbottom b.r4 {
margin: 0 1px;
height: 2px;
}

/* Forms
----------------------------------------------- */
.msForm p {
margin: 3px;
}

td, select, textarea, input {
font-family: verdana;
font-size: 8pt;
}
td {
padding-left: 20px;
} 
td p {
font-family: verdana;
font-size: 8pt;
text-align: left;
}
.heading {
font-size: 10pt;
font-weight: bold;
}

td small {
color: #c00;
}

/*input {
color: #666;
border: 1px solid #ccc;
background-color: #fefefe;
padding: 2px 1px 2px 1px;
}

input:focus {
border: 1px solid #FFDeAf;
background-color: #FFFCFA;
padding: 2px 1px 2px 1px;
}*/

.interestSelector {
margin-right: 10px;
margin-left: 8px;
height: 20px;
width: 165px;
padding: 10px 10px 10px 20px;
background-color: #f1f1f1;
border: 1px solid #e1e1e1;
}

.contactSelection {
height: 30px;
width: 361px;
margin: 0 auto;
background: url(images/yellowBg.jpg) #fff no-repeat 0 0;
}

#dropDown {
width: 161px;
padding: 5px 8px 0 0;
}