﻿@import '/cms/styles/common.css';
@import '/style.css';

.rightlist {
  float:right;
}
.rightlist a {
  float:left;
}


/* COMMON ---------------------------------------------------------------------- */

body {
	background:#000000 url('/images/bg.jpg') top center no-repeat;
}

#page {
	width:980px;
	margin:0 auto;
}



/* HEADER ---------------------------------------------------------------------- */

#header {
	background:url('/images/top-banner.jpg') top left no-repeat;
	height:164px;
	overflow:hidden;
}

#logo {
	width:335px;
	overflow:hidden;
}

#logo a {
	outline:none;
}
#logo img {
	width:305px;
	height:130px;
	margin:20px 0 0 15px;
}
#nologo a:hover img {
	background-color:#cf0;
	opacity:0.3;
	filter:alpha(opacity=30);
}

#header-right {
	width:645px;
	overflow:hidden;
}

#header-links {
	min-width:270px; /* 300 */
	background-color:#576F9B;
	height:19px; /* 25 */
	overflow:hidden;
	padding:6px 15px 0 15px;
	float:right;
}
#header-links ul, #header-links li {
	margin:0;
	padding:0;
	background:none;
}
#header-links li {
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #4A5982;

}
#header-links li.last {
	margin:0;
	padding:0;
	border:none;
}
#header-links a {
	float:left;
	color:#ffffff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
}
#header-links a:hover {
	border-bottom:2px solid #91a710;
}
#header-links li ul{
     position:absolute;
     white-space:nowrap;
     text-align:left;
     list-style:none;
     display:none;
     z-index:5;
     left:0%;
     top:20px;
     margin-left:380px;
     padding:0px;
     width:120px;
 }
#header-links li ul li{
     position:relative;
     left:0px;
     display: list-item;
     cursor:pointer;
     width:120px;
     background-color:#576F9B;
	border:1px solid #000000;
	padding:6px 5px 6px 5px;
}
 
#header-links li ul li a{
     display:block;
     margin-left:3px;
     margin-right:3px;
 }
 #header-links li ul li a:hover {
	border:none;
	color:#91a710;
}

#header-links li:hover > ul{
     display:block;	border:none;

 }


#signup {
	margin:17px 0 13px 0;
	height:71px; /* 81 */
	width:270px; /* 300 */
	overflow:hidden;
	padding:10px 10px 0 20px;
	float:right;
}
#signup h2 {
	color:#ffffff;
	margin-top:0;
	font-size:11px;
}

#signup .smaller a {
	color:#666666;
	outline:none;
}
#signup .smaller a:hover {
	color:#cccccc;
}
#signupform .row {
	margin: 0 0 5px 0;
	height:auto; /* IE7 == dumb */
}
#signupform .input {
	margin-right:5px;
}
#signupform .input #first{
	width:20px;
}

#signupform .button {
	padding:0 10px 0 0;
	width:80px;
	text-align:center;
}


 
/* MENU ------------------------------------------------------------------------ */

#menu {
	height:28px;
	overflow:hidden;
}

#menu ul, #menu li {
	margin:0;
	padding:0;
	background:none;
}
#menu a {
	font-size:12px;
	color:#ffffff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	background:url('/images/tab.gif') top left no-repeat;
	width:115px; /* 151 */
	height:21px; /* 28 */
	padding:7px 12px 0 16px;
	border-left:1px solid #222;
	outline:none;
}
.root_134 #menu1 a,
.root_135 #menu2 a,
.root_136 #menu3 a,
#menu a:hover {
	background-position:0px -28px;
}


/* SUBNAV ---------------------------------------------------------------------- */

#breadcrumbs {
	height:19px; /* 24 */
	overflow:hidden;
	text-transform:uppercase;
	padding:5px 0 0 0;
	color:#555555;
	
}
#breadcrumbs a.homecrumb {
	display:block;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	width:100px; /* 125 */
	padding-left:15px;
	float:left;
	color:#91a710;
}
#breadcrumbs a.homecrumb:hover {
	text-decoration:underline;
}
#breadcrumbs a {
	margin:0 5px;
	color:#777777;
	font-size:11px;
	outline:none;
}
#breadcrumbs a:hover {
	color: #cdec17; 
}
#breadcrumbs .current {
	font-size:11px;
	margin-left:5px;
}

#navbox ul, #navbox li {
	margin:0;
	padding:0;
	background:none;
}
#navbox ul {
	margin-bottom:40px;
}
#navbox li {
	background:url('/images/nav-separator.gif') bottom center no-repeat;
	padding-bottom:1px;
	position:relative;
}
#navbox li a {
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	font-size:13px;
	text-transform:uppercase;
	padding:3px 5px 3px 20px;
	display:block;
	margin:1px 0;
	outline:none;
}
#navbox li.navactive a,
#navbox li a:hover {
	background:url('/images/home-menu.jpg') top left no-repeat;
}

#subnavbox {
	padding:0 10px;
}
#subnavbox h2 {
	background:url('/images/nav-h2.gif') top left no-repeat;
	padding:10px;
	margin:0 -5px 10px -5px;
}
#subnavbox h2 .unbold {
	font-weight:normal;
	color:#ff0000;
	text-transform:none;
}
#subnavbox .videobox {
	margin:0 -5px 10px -5px;
}



#howtovideo {
	margin-bottom:10px;
}
#subnav #howtovideo {
	margin:0 -5px 10px -5px;
}




/* HOME ------------------------------------------------------------------------ */

#flash {
	background:url('/images/impact.jpg') top left no-repeat;
	height:375px;
	overflow:hidden;
}
#flash ul, #flash li {
	margin:0;
	padding:0;
	background:none;
}
#flash ul {
	margin:22px 0 0 10px;
	width:155px;
}
#flash li {
	/*border-bottom:1px solid #4A5982; */

	padding:5px 0;
}
#flash li a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica sans-serif;
	text-decoration:none;
	padding:7px 10px;
	outline:none;
}
#flash li a:hover {
	background:url('/images/home-menu.jpg') top left no-repeat;
}
#content-bottom {
	height:16px;
	background-image:url('/images/content-botom.jpg');
}

#content {
	height:auto !important;
	min-height:250px;
	height:250px;
	background-image:url('/images/content-bg.jpg');
}

.homepage #content-left {
	width:220px; /* 420 */
	overflow-x:hidden;
	background:url('/images/left-top-headung.jpg') top left no-repeat;
	padding:10px 15px 15px 20px;
}

.homepage #content-left h2 {
	margin:0 10px 30px 10px;
	font-size:17px;
}
.homepage #content-left li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:none;
	border-bottom:1px solid #1e1e1e;
}
.homepage #content-left li:after { content: "&nbsp;"; display: block; height: 0; clear: both; visibility: hidden; }
.homepage #content-left li a.bigger {
	font-size:14px;
	line-height:26px;
	font-weight:bold;
}

.homepage #content-top {
	background:url('/images/content-top.jpg') top left no-repeat;
	width:725px; /* 420 */
}

.homepage #content-middle h2, 
.homepage #content-right h2 {
	background:url('/images/home-h2.jpg') top left no-repeat;
	height: 26px; /* 33 */
	overflow:hidden;
	padding:7px 5px 0 10px;
	margin:0 -10px 15px -10px;
}
.homepage #content-middle h2 span, 
.homepage #content-right h2 span {
	text-transform:none;
}
.homepage #content-middle {
	width:330px; /* 280 */
	margin-right:10px;
	overflow-x:hidden;
	background:url('/images/home-middle.jpg') top left no-repeat;
	padding:22px 10px 15px 10px;
}

.homepage #content-middle li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:none;
	border-bottom:1px solid #1e1e1e;
}
.homepage #content-middle li:after { content: "&nbsp;"; display: block; height: 0; clear: both; visibility: hidden; }
.homepage #content-middle li h3 {
	text-transform:uppercase;
	color:#cccccc;
	font-size:12px;
	margin-bottom:20px;
	padding-top:10px;
}

.homepage #content-right {
	width:330px; /* 280 */
	margin-right:10px;
	overflow-x:hidden;
	padding:22px 10px 15px 10px;
}




/* CONTENT --------------------------------------------------------------------- */

#banner {
	background:url('/images/banner.jpg') top left no-repeat;
	height:136px; /* 136 */
	overflow:hidden;

}
#banner #unlink, #banner a {
	float:left;
	display:inline;
	text-decoration:none;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:19px;
	margin:100px 0 0 260px;
	outline:none;
}
#banner a:hover {
	border-bottom:3px solid #cdec17; 
}


#pagetitle {
	color:#ffffff;
	text-transform:uppercase;
	background:url('/images/pagetitle.gif') bottom left no-repeat;
	padding:9px 10px 15px 15px;
	margin:15px -15px 20px -15px;
}
.contentpage #content-left {
	width:220px; /* 420 */
	overflow-x:hidden;
	background:url('/images/left-top-headung.jpg') top left no-repeat;
	padding:10px 15px 15px 20px;
}

.contentpage #content-left h2 {
	margin:0 10px 30px 10px;
	font-size:17px;
}
.contentpage #content-left li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:none;
	border-bottom:1px solid #1e1e1e;
}
.contentpage #content-left li:after { content: "&nbsp;"; display: block; height: 0; clear: both; visibility: hidden; }
.contentpage #content-left li a.bigger {
	font-size:14px;
	line-height:26px;
	font-weight:bold;
}

.contentpage #content-top {
	background:url('/images/content-top.jpg') top left no-repeat;
	width:725px; /* 420 */
}

.contentpage #content-middle h2, 
.contentpage #content-right h2 {
	background:url('/images/home-h2.jpg') top left no-repeat;
	height: 26px; /* 33 */
	overflow:hidden;
	padding:7px 5px 0 10px;
	margin:0 -10px 15px -10px;
}
.contentpage #content-middle h2 span, 
.contentpage #content-right h2 span {
	text-transform:none;
}
.contentpage #content-middle {
	width:330px; /* 280 */
	margin-right:10px;
	overflow-x:hidden;
	padding:22px 10px 15px 10px;
}

.contentpage #content-middle li {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:none;
	border-bottom:1px solid #1e1e1e;
}
.contentpage #content-middle li:after { content: "&nbsp;"; display: block; height: 0; clear: both; visibility: hidden; }
.contentpage #content-middle li h3 {
	text-transform:uppercase;
	color:#cccccc;
	font-size:12px;
	margin-bottom:20px;
	padding-top:10px;
}

.contentpage #content-right {
	width:330px; /* 280 */
	margin-right:10px;
	overflow-x:hidden;
	padding:22px 10px 15px 10px;
}

#content-full {
	width:700px; /* 560 */
	margin-right:10px;
	overflow-x:hidden;
	padding:22px 10px 15px 10px;
}

/* FOOTER ---------------------------------------------------------------------- */

#footer {
	background:url('/images/botom-banner.jpg') top left no-repeat;
	height:auto !important;
	min-height:86px;
	height:86px;
	padding:10px 17px 25px 25px;
}

#footer ul, #footer li {
	margin:0;
	padding:0;
	background:none;
}
#footer li {
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #333333;
}
#footer li.last {
	margin-right:0;
	padding-right:0;
	border-right:none;
}

#footer ul#footer-links {
	height:19px; /* 24 */
	overflow:hidden;
	padding:6px 0 0 0;
	margin:0 0 10px 0;
}


#footer ul#footer-links a {
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
#footer ul#footer-links a:hover {
	border-bottom:2px solid #91a710;
}

#copyright .col {
	font-size:11px;
	color:#777777;
}
#copyright ul {
	margin:0 0 0 15px;
}
#copyright li a {
	font-size:11px;
	color:#777777;
	outline:none;
}
#copyright li a:hover {
	color:#cccccc;
}

#credit {
	
	margin-top:20px;
}
#credit .col {
	float:right;
}
#credit .left {
	font-size:11px;
	color:#777777;
	text-decoration:none;
	outline:none;
	float:left;
}
#credit a {
	font-size:11px;
	color:#777777;
	text-decoration:none;
	outline:none;
}
#credit a:hover {
	color:#cccccc;
	text-decoration:underline;
}



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
    color:#aaaaaa;
    border:1px solid #333333;
    padding:0 2px 0 3px;
    background:url('/images/formfield-bg.gif') top left no-repeat;
}
select.styled {
    border:1px solid #444444;
    background-color: #2D2D2D; 
    color:#aaaaaa;
    padding:0;
}
input.button {
	background:url('/images/button.gif') top right no-repeat;
	height:17px;
	line-height:17px;
	overflow:hidden;
	vertical-align:middle;
	border:none;
	margin:0;
	padding:0 25px 0 15px;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	outline:none;
	cursor:pointer;
}  



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
	padding:0 0 0 50px;
  margin:0;
}
.sitemap ul ul {
  padding:0 0 0 5px;
}
.sitemap li {
  background:url('/images/bullet-page.gif') 0px 3px no-repeat;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.sitemap li a {
  font-size:13px;
  font-weight:bold;
	text-transform:uppercase;
	outline:none;
}
.sitemap li li {
  margin: 0 0 4px 0;
	background:url('/images/bullet-sub.gif') 0px 4px no-repeat;
	padding:0 0 0 10px;
}
.sitemap li li a {
  font-size:12px;
  font-weight:normal;
	text-transform:none;
}
.sitemap a:visited {
	color:#556600;
}
.sitemap a:hover {
	color: #cdec17; 
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */