/* @group Template */ /** * Styles */ body { min-height:1000px; background-color:#222; color:#444; font-family:Arial, Helvetica, sans-serif; font-size:0.76em;line-height:1.6; background-image:url(../images/grad.jpg); background-repeat:repeat-x; margin:0px; padding:0px;} h1{ color:#111; font-size:26px; padding-bottom:10px; margin:0px; text-transform:uppercase; } h1 sup{ font-size:16px; font-weight:bold; } h2{ color:#900; font-weight:300; padding:4px 0 0px 0px; font-size:20px; font-weight:500; margin:0px ; } h2 cufon{ padding-bottom:6px; } h3{ color:#900; font-weight:300; font-size:16px; border-bottom: dotted 1px; border-bottom-color:#ccc; padding-bottom:5px; margin-top:0px } h4{ color:#900; font-weight:300; font-size:16px; border-bottom: dotted 1px; text-transform:uppercase; border-bottom-color:#ccc; padding-bottom:5px; margin-top:0px } h5{ padding-bottom:8px; margin-bottom:8px; border-bottom: dotted 1px; border-bottom-color:#666; } a{ color:#900; text-decoration:none; text-decoration:underline } a:hover{ color:#777; text-decoration:none; } table{ } td {padding:8px 0 8px 6px; vertical-align:top; text-align:left } td.head{ background-color:#0063B7; color:#FFF; border-right:1px solid #FFF; } td.col01{ background-color:#D0D8E8; color:#666; border-right:1px solid #FFF; } td.col02{ background-color:#E9EDF4; color:#666; border-right:1px solid #FFF; } tr.col01{ background-color:#D0D8E8; color:#666; border-right:1px solid #FFF; } tr.col02{ background-color:#E9EDF4; color:#666; border-right:1px solid #FFF; } /** * Overall */ #page { width: 800px; text-align: left; margin: 0 auto; background: #FFF url('../images/innerbackground.jpg') repeat-x top left; } #pageInner { } /** * Header Section */ /* #pageHeader { padding: 0; height: 114px; border-top: solid 1px #00346D; background: #01244A url('../images/back_grad.jpg') no-repeat; } #pageHeader h1 { padding: 0} #pageHeader #pageSearch { float: right; padding-top: 45px; padding-right: 35px; } #pageHeader #pageSearch input.searchText { background: transparent url('../images/search_box.jpg') no-repeat; height: 18px; border: none; font: normal 10px Arial;color: #0087CD; float: left; padding: 2px 0 0 2px; width: 140px} #pageHeader #pageSearch input.searchButton { float: left; margin-left: 5px; margin-top: 0; } */ /* TOP BAR */ #outermain{ background-image:url(../images/top_bar.png); background-repeat:repeat-x; } #topbar{ height:195px; margin:0px auto; padding:0px; width:100%; background-image:url(../images/devils_header.gif); background-repeat:repeat-x; background-position:top; } #topbar_main{width:1024px; height:130px; margin:0 auto; padding:0px; } #topbar_curve{float:left; height:10px; width:975px; background-image:url(../images/top_bar_curve.jpg); margin:0px; padding:0px; background-repeat:no-repeat; } #topbar_logo{float:left; padding:50px 0 0 0px; } #userStatus{float:right; padding:0px 0 0 0px; } #pageSearch { float:right; padding:0px 0px 4px 0px; width:170px; text-align:right } #pageSearch input.searchText { background-color:#ddd; color:#444;vertical-align:middle; margin-top:0px; width:160px; font-size:11px } #pageSearch input.searchButton { vertical-align:middle; margin-right:5px; } #middle_cont { margin:0px auto; padding:0px; width:1024px; margin-bottom:15px; } #main_banner { float:left; width:1024px; height:300px; margin-top:10px; background-color:#000; -moz-box-shadow: 3px 3px 4px #000; webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; overflow:hidden; } #main_banner02 {} #middle_cont02 { margin:0px auto; padding:0px; width:980px; margin-bottom:15px; background-image:url(../images/middle_cont02.jpg); background-repeat:repeat-y; background-position:left; } #middle_cont03 { margin:0px auto; padding:0px; width:980px; margin-bottom:15px; background-color:#FFF; } #middle_cont04{ margin:0px auto; margin-top:10px; padding:15px 0 0 0; width:1024px; margin-bottom:15px; background-color:#FFF; background-position:left; -moz-box-shadow: 3px 3px 4px #000; webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-repeat:repeat-x; background-color:#FFF; } /*SubNav*/ #cont_left{ float:left; } #cont_right{ float:left; width:820px; color:#333; background-repeat:no-repeat; padding:0 0 50px 0; } #subnav { float:left; width:165px; font-size:12px; color:#111; padding:0px 2px 0px 2px; margin:0px 15px 0 20px; min-height:250px; -moz-box-shadow: 3px 3px 4px #000; webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc; background-color:#720D16; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #subnav2 { float:left; width:165px; font-size:12px; color:#111; padding:0px 2px 0px 2px; margin:0px 15px 0 20px; height:250px; background-image: url(../images/devils_logo_red.jpg); background-repeat:no-repeat } #subnav ul { margin:0px; padding:8px 0 0 0; } #subnav ul li { list-style:none;display:block; border-bottom:dotted #ccc 1px; background-color:#720D16; text-transform:uppercase; } #subnav ul li a { text-decoration: none; padding:8px 0px 8px 10px; display:block; color:#fff; } #subnav ul li a:hover { color:#fff; background-color:#C40000 } #subnav ul li a.selected { color:#fff; background-color:#C40000} #subnav ul li ul { list-style:none; padding:10px 0 0px 0; background-color:#FFF; background-image: url(../images/grad_sub.jpg); background-repeat:no-repeat; background-position:top; } #subnav ul li ul li { background-image:none; } #subnav ul li ul li a { background-image:none; background-color:#FFF; color:#444; } #subnav ul li ul li a:hover { color:#1F76BD; background-image:none; } #subnav ul li ul li a.selected { color:#1F76BD;} /* news */ #twitter { width:928px; padding:20px 0px 5px 0px; margin-left:15px; background-color:#900; } #twitter02 { width:928px; padding:20px 0px 5px 0px; margin-left:0px; } .heading_news_main{ width:268px; padding-left:10px; display:block; } .news {float:left; width:300px; margin:0px; margin-bottom:4px; background-color:#999; } .heading_news { font-weight:bold; font-size:11px; margin:0px; color:#fff; line-height:normal } .heading_body { padding-bottom:0px; margin:10px 0px 10px 0px; color:#fff; line-height:normal } .newsimg { float:left; padding:2px; background-color:#FFF; width:95px; margin-right:4px } .newsimg img { border:none; } .news a {float:left; background-repeat:no-repeat; width:284px; padding:8px 5px 8px 10px; text-decoration:none; border:none; } .news a:hover{float:left; border:5px; background-repeat:no-repeat; background-color:#666; display:block; padding:8px 5px 8px 10px; text-decoration:none; } .newsListHeader{height:30px; margin:20px 0px 20px 0px;border-bottom:dotted 1px #CCC } .newsTitle{float:left;} .newsTitle h1 {border-bottom:none;} .newsControls{float:right;} .twitter{ float:right; width:90px; height:30px; text-align:right; } .twitter img{ padding-left:2px; border:0px; } #pageNavigation { margin:0 auto; padding:15px 0 0 0; height:35px; width:1024px; display:block; } #pageNavigation ul.mainMenu { font-size:14px; margin:0px; padding:0px 0px 0 0px; text-transform:uppercase; } #pageNavigation ul.mainMenu li { float:left; text-decoration: none; list-style:none; } #pageNavigation ul.mainMenu li a { color: #fff; display:block; padding:10px 15px 8px 15px; background-image:url(../images/nav_arrow.jpg); background-repeat:no-repeat; background-position:center left; text-decoration: none; font-weight:bold; outline:none; } #pageNavigation ul.mainMenu li a:hover { color:#F6BA44;} #pageNavigation ul.mainMenu li .selectedPath { color:#F6BA44; } /** * Body Section home page * * */ #mainbanner{float:left; width:975px; height:260px; background-color:#FFF; overflow:hidden; } #mainbanner_inset{float:left; width:780px; height:260px; background-color:#000; margin-left:20px;overflow:hidden; } #bottom_content{ width:984px; padding:20px; margin-top:15px; background-repeat:repeat-x; background-color:#FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px;-moz-box-shadow: 3px 3px 4px #000; webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; } #bottom_content01{ float:left; width:479px; padding:0 40px 0 0px; border-right:1px dotted #CCC; } .indexcont{ float:left; width:380px; margin-right:20px; } .indexcont h1{ font-size:24px; } .indexcont h2{ font-size:18px; } .indexnews{ float:left; width:320px; margin-right:0px; background-image:url(../images/news_back.gif); } .indexnews2{ float:right; width:230px; margin-right:0px; } .newsinner{ width:290px; margin:0 auto; background-color:#FFF; color:#333; margin-bottom:5px; padding:15px 10px 15px 10px; background-image:url(../images/drop_shadow.gif); background-repeat:repeat-x; font-size:16px; font-weight:bold; } .indextest{ float:left; width:300px; } .indexnews h2{ padding:18px 0px 2px 18px; float:left; font-size:16px ; font-weight:bold; text-transform:uppercase; color:#FFF; vertical-align:middle; margin:0px; } .indexnews .facebook{ padding:10px 15px 5px 0px; border:0px; float:right; font-size:18px ; font-weight:bold; text-transform:uppercase; color:#FFF; vertical-align:middle; margin:0px; } .indexnews .facebook a{ border:0px; } .indextest .testimonials { float:left; width:300px; padding:8px 0 8px 0px; border-bottom:#F6BA44 1px solid; } .indextest .testimonials .name { color:#336699; padding:4px 0 4px 0px;} #bottom_content01 p { width:450px; } #bottom_content02{ float:left; width:395px; margin-left:20px; } /* inner pages */ #bottom_content_inner{ padding:20px; } #bottom_content_inner01{ min-height:300px; } #bottom_content_inner01 p{width:600px; } /*GALLERY*/ #cont_right_full{ float:left; width:1024px; background-color:#fff; color:#333; background-repeat:no-repeat; padding:0 0 50px 0; } /*footer*/ #footer{ color:#fff; } #footer .left{ float:left; width:400px; padding:10px 0 10px 20px; color:#666; font-size:10px; } #footer .left ul{ float:left; margin:0px; padding:8px 0 0 0; list-style:none } #footer .left ul li{ float:left; margin:0px; padding:0px 5px 0 5px; border-right:1px dotted #CCC; list-style:none; color:#fff; } #footer .left ul li a{ color:#fff; } #footer .right{ float:right; padding:10px 20px 10px 0; color:#fff; } .end { clear: both; } .clear{ clear: both; } #clear { clear: both; } /** * Breadcrumb Trail */ .breadcrumbTrail { font: normal 10px Arial; color: #666; margin:5px 0 15px 0; } .breadcrumbTrail a { color: #666; text-decoration:none; } .breadcrumbTrail a:hover { color: #999; } .breadcrumbTrail a:active { color: #0787b6; } .lair table { border:1px #CCC solid; } .lair td { border-bottom:1px dotted #333; border-right:1px solid #333; border-left:1px solid #333; } .lair .black { background-color:#111; font-size:16px; color:#FFF; }