/* Linxx Academy Global Styles */

html { min-height: 100%; height: auto; }
body { background: url(../images/body-bg.jpg) bottom center repeat-x; font:12px/16px Arial, Helvetica, Tahoma, sans-serif; }
h1 { font-size: 28px; color: #004e81; padding: 25px 0 0 0; }
h2 { font-size: 23px; color: #004e81; padding: 25px 0 0 0; }
h3 { font-size: 15px; color: #5a5a5a; padding: 18px 0 0 0; font-weight: bold; text-transform: uppercase; }
h4 { font-size: 14px; color: #5a5a5a; padding: 15px 0 0 0; font-weight: bold; }
#wrapper { background: url(../images/wrapper-bg.jpg) top center no-repeat; }
#wrapperSub { background: url(../images/wrapper-subpage-bg.jpg) top center no-repeat; }
#main { width:960px; margin: 0 auto; }
.dotted { width: 100%; line-height: 3px; border-bottom: 1px dotted #a6a7a7; margin:10px 0 5px 0;}
p { padding: 5px 0; color: #5a5a5a;}
a { color: #0987b0; text-decoration: none; }


/* Mini Nav */
.miniNav { text-align:right; padding:10px 0; height:10px; color:#fff; width:960px; font-size: 11px; }
.miniNav a { color:#ffffff; border-bottom:1px dotted #ffffff; text-decoration:none; margin:0 3px; }
.miniNav a:hover { color:#0987b0; }

/* Nav Area */
#navBar { width: 960px; margin: 0 auto; height: 80px; }
#navBar .logo { float:left; width: 250px; height: 80px; background: url(../images/Linxx-Academy-Logo.png) top left no-repeat; }
#navBar .logo h2 { text-indent: -9999px; height: 80px; }

/* Nav Dropdown Styles */
.dropmenudiv_a { position:absolute; top:0; border:0 solid #000; border-top-width:0; border-bottom-width:0; font:bold 12px Arial, Helvetica, Tahoma, sans-serif; line-height:24px; z-index:100; width:172px; visibility:hidden; }
.dropmenudiv_a a { width:auto; display:block; text-indent:10px;  /*border-top:0 solid #FDE8E9; */ border-bottom:1px dotted #fff;  padding:3px 0; text-decoration:none; color:white; background-color:#ff9600; }
.dropmenudiv_a a.sub_bottom { width:auto; display:block; text-indent:10px; border-top:0 dotted #fff; border-bottom:0 solid #678b3f; padding:1px 0; text-decoration:none; color:white; background:transparent url(../images/sub_bottom.png) bottom left no-repeat; background-position:0 0; }
.dropmenudiv_a a.subtop { width:auto; display:block; text-indent:10px; border-top:0 solid #678b3f; border-bottom:1px dotted #fff; padding:0; text-decoration:none; color:white; background:transparent url(../images/sub_top.png) top left no-repeat; }
* html .dropmenudiv_a a { /*IE only hack*/ width:100%; }
.dropmenudiv_a a:hover { color:#00a8ff; }

/* Nav List */
#nav { float:left; width:700px; padding:15px 0 0 10px; text-align:center; font:bold 14px Arial, Helvetica, Tahoma, sans-serif; height: 65px; }
#nav ul { margin:0; padding:0; }
* html #nav ul { margin-bottom:1em; /*IE6 only rule. /*margin-left: 7px; menu offset from left edge of window in IE*/ }
#nav ul li { float:left; padding:15px 7px; }
#nav ul li a { color:#FFFFFF; padding:5px 12px; height:28px; text-decoration:none; }
#nav ul li a:hover { color:#FFFFFF; background:transparent url(../images/navtableft-bg.png) left top no-repeat; padding:6px 0 6px 12px; }
#nav ul li a:hover span { color:#FFFFFF; background:transparent url(../images/navtabright-bg.png) right top no-repeat; padding:6px 12px 6px 0; }
#nav ul li a:hover span span { background-color:#ff9600; padding:6px 0; }

/* Slogan */
.slogan { width: 460px; float: left; background:url(../images/slogan-bg.png) top left no-repeat; }
.slogan p.big { text-indent: -9999px; height: 135px; }
.slogan p { color: #fff; font-size: 12px; font-weight: bold; width: 400px; margin-bottom: 10px;}

/* Slider */
.sliderBox { margin:0; height:280px; width:450px; padding:0; float: right; }
.slider { float: left; background:url(../images/slider-bg.png) center center no-repeat; width:391px; padding: 8px; }
.slider .carousel { height:256px; width:392px; float: left; margin: 0 auto; }
.slider .carousel img { padding:0; margin:0; }
.next { float:left; padding:70px 0 0 0; }

/* Three Boxes on Home Page */
.col { float: left; padding:20px; width: 261px; height: 81px; background:url(../images/box-bg.png) top center no-repeat; color: #fff; margin:55px 5px 5px 5px; }
.col img { border: 3px solid #333126; margin: 0 15px 0 0; float: left; }
.col h3 a { font:bold 16px/16px Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; color: #fff; padding: 0; margin: 0; }
.col h3 { padding: 0; margin: 0;}
.col p { color: #fff; }

/* Home Content Area */
.left { float: left; width:580px; padding-left: 15px; }
.left p img { margin:8px; border:1px solid #5a5a5a; }
.right { float: left; width: 280px; padding-left: 40px;}

/* Sub Page Content Area */
#main .left ul { padding: 0; margin-left: 25px; }
#main .left ul li { list-style:circle; list-style-position: outside; padding: 3px; color: #5a5a5a;}


/* Footer Styles */
#footer { width: 960px; height:200px; vertical-align: bottom; margin: 0 auto; padding-top: 140px; }
#footer p { color: #fff; }
#footer .colFooter { float: left; width:300px; padding-right: 20px; }
#footer .last { padding-right: 0; text-align: right; width:280px; }
#footer ul { float: left; width: 140px; margin-right: 10px; }
#footer ul li { border-bottom: 1px dotted #fff; padding:5px 15px ; }
#footer ul a { color: #fff; text-decoration: none; font-size: 13px; }
#footer ul a.on { color:#0987b0; }
#footer h3 { color: #0987b0; font-size: 16px; padding: 0 0 10px 0; font-weight: bold; }
#footer h4 a { font:bold 14px/22px Arial, Helvetica, Tahoma, sans-serif; text-decoration: none; color: #fff; }
#footer .dotted { width: 100%; line-height: 3px; border-bottom: 1px dotted #fff; margin:0;}