/* Tailored Tutorials Styles */


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img {margin:0; padding:0; border:0;}

/* Main block-level definitions  */
body { background: #666666 url(tt_images/background_body.jpg) top left repeat-x; color:#000000; text-align:center;}
#wrapper { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; margin:auto; text-align:center; width:900px;}
#innerWrapper {background-color:#ffffff; margin:20px 0px 20px 0px; text-align:left;}

/* HTML Selector definitions */
h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.5em; margin:20px 10px 10px 10px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; margin:8px 10px 4px 10px;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0px 10px 6px 10px;}
h4 { font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0px 10px 4px 10px;}
p { margin:6px 10px 6px 10px;}
ul { margin:0px 10px 8px 40px;}
li {line-height: 1.5em;}

/* Navigation.*/
a { color: #000000;}
a:link { color: #000000;}
a:visited { color: #333333;}
a:hover { color: #C0C0C0;}
a:active { color: #000000;}
#navBar { background: url(tt_images/background_navbar.jpg) top left repeat-x; height: 1.8em; margin: 0px; padding: 0px 0px 0px 32px; width: auto;}
#navBar a { display: block; font-size: 1em; height:1.8em; line-height: 1.8em; text-align: center; text-decoration: none; width: 8em;}
#navBar a:link { background: url(tt_images/button_link.jpg); color: #ffffff;}
#navBar a:visited { background: url(tt_images/button_link.jpg); color: #ffffff;}
#navBar a:hover { background: url(tt_images/button_hover.jpg); color: #000000;}
#navBar a:active { background: url(tt_images/button_link.jpg); color: #ffffff;}
.pageLocationNot { border-left: 1px solid #999999; float: right;}
.pageLocation { border-left: 1px solid #999999; background: url(tt_images/button_current.jpg);  color: #ffffff; display: block; float: right; font-size: 1em; height: 1.8em; line-height:1.8em; text-align: center; text-decoration: none; width: 8em;}

/* Header definitions */
#header { background: #ffffff url(tt_images/tailored_tutorials_logo.jpg) left top no-repeat; height:149px; overflow:hidden; text-align:center;}

/* Main content class and ID selector definitions, in alphabetical order.*/
.clear { clear:both; display:block; height:1px; overflow:hidden;} 
.floatLeft { float:left; padding:0px 5px 5px 0px;}
.floatRight { float:right; padding:0px 0px 5px 5px;}
.infoBoxLeft { background: #bdbdbd url(tt_images/discount.gif); height: 90px; width: 190px;}
.infoboxLeft p { margin:5px 5px 3px 10px;  }
.infoBoxLeft2 { background:url(tt_images/bar_left.jpg) top left no-repeat; border: 1px solid #666666; background-color: #F2F2F2; color:#000000; font-size:0.9em; margin: 5px 0px 5px 0px;  padding: 5px 0px; text-align:right; width: 190px;}
.infoBoxLeft2 p { font-family:Verdana, Arial, Helvetica, sans-serif; margin:5px 12px 3px 10px;}
.infoBoxLeft2 h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; margin:0px 12px 3px 10px;}
.infoBoxLeft2 a { font-size:10px;}
.infoBoxLeft3 { background:url(tt_images/bar_right.jpg) top left no-repeat; border: 1px solid #666666; background-color: #cccccc; color:#ffffff; margin: 5px 0px 5px 0px;  padding: 5px 0px; text-align:center; width: 190px;}
.infoBoxLeft3 p { margin:5px 5px 3px 10px;}
.infoBoxLeft3 a { border: 0px; color:#FFFFFF; text-decoration:none;}
#leftColBackground { background: url(tt_images/background_left_col.gif) left top repeat-y; width:100%;}
#leftColContent { float:left; text-align:center; margin: 10px 0px 0px 65px;}
#middleColContentWrapper { height:100%; margin:0px 200px 0px 260px;}
#middleColContent { height:400px; padding-top:10px; padding-bottom:10px; width:98%;}
#rightColBackground { background:#ffffff url(tt_images/background_right_col.gif) right top repeat-y; width:100%;}
#rightColBackground2 { background:#ffffff url(tt_images/background_right_col_2.gif) right top repeat-y; width:100%;}
#rightColContent { float:right; text-align:left; margin:10px 5px 0px 0px;}
#rightColContent a { border: 0px; color:#FFFFFF; text-decoration:none;}
#rightColContent a:hover { border: 0px; color:#000000; text-decoration:none;}
.infoBoxRight { background:url(tt_images/bar_right.jpg) top left no-repeat; border: 1px solid #666666; background-color: #cccccc; color:#ffffff; margin: 5px 0px 5px 0px;  padding: 5px 0px; text-align:center; width: 190px;}
.infoBoxRight p { margin:5px 5px 3px 10px;}
.infoBoxRight h2 { font-weight:normal; font-size:1em; margin:0px 5px 3px 10px;}
.infoBoxRight2 { background: #e3e3e3 url(tt_images/bar_right_2.jpg) top left no-repeat; border: 1px solid #999999; color:#000000; margin: 20px 0px 5px 0px;  padding: 5px 0px; text-align:left; width: 190px;}
.infoBoxRight2 p { margin:5px 5px 3px 5px;}
.infoBoxRight2 h2 { font-weight:bold; font-size:1em; margin:0px 5px 15px 5px;}

/* Bottom/Footer definitions */
#footer { background-color:#E1E1E1; border-top:1px solid #606060; font-size:0.8em; height:auto; line-height:1.2em; margin-left: 260px; padding:10px; text-align:center;}
#footer a { font-weight:normal; text-decoration:underline;}
#footer a:link { color:#000000;}
#footer a:visited { color:#000000;}
#footer a:hover { color:#C0C0C0;}
#footer a:active { color:#C0C0C0;}