/* CSS Document */
html {height:100%}
body {margin:0; padding:0; text-align:center; background:#6abddb url(./images/littletechies/bg.gif); font:12px/14px Arial, Helvetica, sans-serif; color:#000; min-height:101%}
img {border-style:none}
.floatLeft {float:left}
.clear {clear:both}
a:link, a:visited {color:#3d73b3; text-decoration:underline;}
a:hover {color:#245690; text-decoration:underline;}
h1 {font:12px Arial, Helvetica, sans-serif; color:#4e84c4; font-weight:bold; text-transform:uppercase; padding-top:0px; margin-bottom:0px;}
h2 {font:13px Arial, Helvetica, sans-serif; color:#4e84c4; padding-top:0px; margin-bottom:0px;}
p {margin:0 0 20px 0}
/* Header */
#container {width:804px; margin:0 auto; text-align:left; padding:0; background-image: url(./images/littletechies/bg_container.gif); background-repeat:repeat-y; position:relative;}
#header {background:url(./images/littletechies/header.jpg) no-repeat; width:804px; height:121px; margin:0}
#logolink {float:left;}
#logolink a {margin:84px 0 0 38px; width:290px; height:35px; font-size:1px; line-height:1px; display:block; text-decoration:none;}
#signup {float:right;}
#signup a {margin:34px 33px 0 0; width:395px; height:55px; font-size:1px; line-height:1px; display:block; text-decoration: none; background-image: url(./images/littletechies/free_class_off.gif); background-repeat:repeat-y; position:relative;}
#signup a:hover {margin:34px 33px 0 0; width:395px; height:55px; font-size:1px; line-height:1px; display:block; text-decoration: none; background-image: url(./images/littletechies/free_class_on.gif); background-repeat:repeat-y; position:relative;}
#navContainer {margin:0; height:94px;}
#logo {background:url(./images/littletechies/logo.gif) no-repeat; width:298px; height:94px; margin:0 41px 0 37px; float:left; display:inline}
#logo a {margin:0; width:290px; height:35px; font-size:1px; line-height:1px; display:block; text-decoration:none;}
/* Tabs */
#tabs {margin:0; padding:0; float:left;}
#tabs ul {margin:0; padding:0; position: relative; background-color:#FFF; background: url("./images/littletechies/nav.jpg") top left no-repeat; width: 428px; height: 36px;}
#tabs li {list-style: none; display: inline; top: 0; position: absolute}
#tabs li, #tabs a {height: 36px; display: block; text-decoration: none}
/* Nav */
#tabs a {text-indent: -9999px; }
#tabLogin {left: 0px; width: 136px}
#tabCareers {left: 136px; width: 136px}
#tabContact {left: 268px; width: 136px}
#tabLogin a:hover {background: transparent url("./images/littletechies/nav.jpg") 0 -36px no-repeat}
#tabCareers a:hover {background: transparent url("./images/littletechies/nav.jpg") -136px -36px no-repeat}
#tabContact a:hover {background: transparent url("./images/littletechies/nav.jpg") -268px -36px no-repeat}
#tabLogin a.active {background: transparent url("./images/littletechies/nav.jpg") 0 -36px no-repeat}
#tabCareers a.active {background: transparent url("./images/littletechies/nav.jpg") -136px -36px no-repeat}
#tabContact a.active {background: transparent url("./images/littletechies/nav.jpg") -268px -36px no-repeat}
/* Sub Nav */
#navSub {margin:30px 0 0 2px; position:relative; padding:0; float:left; background-image:url("./images/littletechies/bg_nav_side.gif"); background-repeat:no-repeat;}
#navSub ul {margin: 0; padding:0; background: url("./images/littletechies/nav_side.gif") top left no-repeat; width: 158px; height:120px}
#navSub li {list-style: none; top: 0;}
#navSub li, #navSub a {height: 24px; display: block; text-decoration: none}
#navSub a {text-indent: -9999px; }
#navClassDesc {top: 0px; height: 24px}
#navClassPort {top: 24px; height: 24px}
#navEnroll {top: 48px; height: 24px}
#navSchedule {top: 72px; height: 24px}
#navSpecials {top: 96px; height: 24px}
#navClassDesc a:hover {background: transparent url("./images/littletechies/nav_side.gif") 0 -120px no-repeat}
#navClassPort a:hover {background: transparent url("./images/littletechies/nav_side.gif") 0 -144px no-repeat}
#navEnroll a:hover {background: transparent url("./images/littletechies/nav_side.gif") 0 -168px no-repeat}
#navSchedule a:hover {background: transparent url("./images/littletechies/nav_side.gif") 0 -192px no-repeat}
#navSpecials a:hover {background: transparent url("./images/littletechies/nav_side.gif") 0 -216px no-repeat}
#navClassDesc .active {background: transparent url("./images/littletechies/nav_side.gif") 0 -120px no-repeat}
#navClassPort .active {background: transparent url("./images/littletechies/nav_side.gif") 0 -144px no-repeat}
#navEnroll .active {background: transparent url("./images/littletechies/nav_side.gif") 0 -168px no-repeat}
#navSchedule .active {background: transparent url("./images/littletechies/nav_side.gif") 0 -192px no-repeat}
#navSpecials .active {background: transparent url("./images/littletechies/nav_side.gif") 0 -216px no-repeat}
/* Content */
#content {width:590px; margin:0; text-align:left; padding:27px 0 0 20px; background-image: url(./images/littletechies/dash.gif); background-repeat:repeat-y;}
#feature {position:absolute; left:585px; top:170px; width:184px; height:325px; z-index:1}
#contentHome {width:390px; margin:0; text-align:left; padding:25px 0 0 20px; background-image: url(./images/littletechies/dash.gif); background-repeat:repeat-y;}
#gradient {background-image: url(./images/littletechies/gradient.jpg); background-position:bottom; background-repeat:no-repeat}
#seniortechie {margin:0; border:0}
#seniortechie a {width:160px; height:135px; font-size:1px; line-height:1px; display:block; text-decoration: none; background-image: url(./images/littletechies/senior_techie.gif); background-repeat:repeat-y; position:relative;}
#seniortechie a:hover {width:160px; height:135px; font-size:1px; line-height:1px; display:block; text-decoration: none; background-image: url(./images/littletechies/senior_techie_on.gif); background-repeat:repeat-y; position:relative;}
table.mytable {width: 100%; padding:0; margin-bottom:16px}
table.mytable td {border: none; vertical-align: top; padding:0 10px 10px 0}
table.mytable th {font-weight:bold; text-decoration:underline; text-align:left; border: none; vertical-align: bottom; padding:0 5px 5px 0}
.form {float:left; margin:0 10px 5px 0}
.form input {border:1px solid #FFF; border-bottom:1px solid #6abddb; font:12px Arial, Helvetica, sans-serif; color:#555; padding:2px}
#divider {padding:5px}
/* Footer */
#footer {background:url(./images/littletechies/footer.jpg) no-repeat; text-align:center; width:804px; height:89px; margin:0 auto; padding:0}
#footerText {font:11px arial,san-serif; color:#3d73b3; width:804px; padding:95px 0 20px 0}