/* CSS Document */
/* -=-=-=-=-=<jzs>-=-=-=-=-=-==- */

/*layout-=-*/

* {
    margin:0;
    padding:0;
}/* removes all browser added padding and margins-=- */

body {
      color:#000;
      background-color:#ccc;
      position:relative;
      overflow:auto;
      font-family: Arial,Helvetica,sans-serif;
      font-size:16px;
     }     

h1{margin:10px;
   font-size:1.2em;
}
h2{margin:10px;
   color:#333;
   font-size:1.1em;
}

p{padding:10px;
color:#000;

}

body p {font-size:inherit;}

em {font-style:italic;}

p a {float:none; margin:0;}

a:hover, a:active{color:#222;}

a img {border:none;} /* remove blue ie boxes-=- */

ol {
    display: block;
    list-style-type: decimal;
    margin-left:20px;
}

ol li{
      margin:5px 10px;
}

li {font-size:12px;}

ul li {margin-left:25px;
        padding:5px;
        }

#inner{
        width:100%;
        max-width:1280px;
        background-color:#fff;
        margin:0 auto;
        border:0 solid #DDD!important;
        text-align:left;
        overflow:hidden;
        padding:0 5px 0 0;
        clear:both;
}

#toppane{
          margin:10px 0 10px 0;
          overflow:hidden;
}

#bottompane{
            overflow:hidden;
            margin:0 0 20px 0;
}

/* iframes-=-=- */     
iframe {
        margin-bottom:5px;
        height:250px;
        overflow:auto;
}

.quick {height:542px;}

/* menu-=- */

#menu {
       margin-left:3%;
}


#logo {
        margin-left:3%;
        float:left;
        width:15%;
}

/* columns-=- */

.column {
          width:22%;
          margin-left:2%;
          float:left;
}

.column img{
            float:left;
            margin:5px;
}

.box{
      width:100%;
    }

/* highlight links-=- */
.box a:hover{
              color:#000 !important;
}       

/* pencils-=- */

.pencil{
        width:100%;
        margin:5px 0;
}

.pencil a{text-decoration:none;
          display:block;
          padding-right:30px;
}

#orange{
        background:url('../images/main_banner_orange_lge.gif') repeat-y right top;
        line-height:30px;
        }

#green {
        background:url('../images/main_banner_green_big.gif') repeat-y right top;
        line-height:30px;
}

#purple{
        background:url('../images/main_banner_purple_big.gif') repeat-y right top;
        line-height:30px;
}

#red{
      background:url('../images/main_banner_red_big.gif') repeat-y right top;
      line-height:30px;
}

#blue{
      background:url('../images/main_banner_blue_big.gif') repeat-y right top;
      line-height:30px;
}

#yellow{
        background:url('../images/main_banner_yellow_big.gif') repeat-y right top;
        line-height:30px;
} 

#orange h2, #orange a, #green h2, #green a, #purple h2, #purple a, #red h2,
#red a, #blue h2, #blue a, #yellow h2, #yellow a
{
    height:30;
    color:#fff;
    font-size:14px;
    line-height:30px;
    margin:0 0 0 5px;
}

#orange h3, #green h3, #purple h3, #red h3, #blue h3, #yellow h3
{
    height:30;
    color:#fff;
    font-size:14px;
    margin:0 0 0 5px;
}

#orange a:hover, #orange a:active, #green a:hover, #green a:active, #purple a:hover, #purple a:active, #red a:hover,
#red a:active, #blue a:hover, #blue a:active, #yellow a:hover, #yellow a:active{
    color:#000;
}       

/* borders-=- */

.orangeborder{
              border:1px solid #ff9900;
              padding:10px;
              min-height:180px;
              overflow:hidden;
}             

.greenborder{
              border:1px solid #009900;
              padding:10px;
              min-height:180px;
              overflow:hidden;
}    

.redborder{
            border:1px solid #cc3333;
            padding:10px;
            min-height:180px;
            overflow:hidden;
}

.yellowborder{
              border:1px solid #ffcc00;
              padding:10px;
              min-height:180px;
              overflow:hidden; 
}

.blueborder{
            border:1px solid #0000ff;
            padding:10px;
            min-height:180px;
            overflow:hidden;
}

.purpleborder{
              border:1px solid #663399;
              padding:10px;
              min-height:180px;
              overflow:hidden;
}

.orangeborder p, .orangeborder li, .greenborder p, .greenborder li, .redborder p, .redborder li, .yellowborder p, .yellowborder li, .blueborder p, .blueborder li, .purpleborder p, .purpleborder li{
      padding:5px;
      text-align:left;
      font-size:14px;
}

.orangeborder select{margin:5px;}

/*partners page-=-=-*/
#partners{ float: left;
margin-left: 2%;
width: 72%; 
}

#partners a{
            float:left;
            margin:20px;
}

#partners p a {float:none; margin:0;}

#partners div{
              overflow:hidden;
}

.left{
      width:50%;
      float:left;
      }
      
.right{
      width:50%;
      float:right;
      }
      
#quicklinks{padding:5px;}

.nobullet{
list-style-type:none;
padding:10px;
}

.twocolumns{
            width:48%;
            float:left;
            margin:10px 0 0 2%;
}

.twocolumns img{margin:10px;}

.threecolumns {
    float: left;
    margin-left: 2%;
    width: 70%;
}

.new{
background:#eeeeee url('../images/new.png') no-repeat right bottom;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:10px 10px 45px;
}

/*for columnless pages -=-JzS-=-*/

#fullwidth{padding:10px;
           margin-right:30px;
}

#fullwidth img{
               float:left;
               margin:0 20px 20px 0;
               }

#fullwidth p{font-size:14px;}

#fullwidth h3{margin-bottom:20px;}

/*for images floating right -=-jzs-=-*/
.imgr{
     float:right;
     margin:20px;
     }
     
.moveup {margin-top:-10px;}

.splash.moveup > img {float:none; /* margin-bottom:15px; */}

#vid {
      border:1px solid #006600;
      border-radius:0 25px 5px 5px;
      border-bottom-width:10px;
      padding:0;
      margin-bottom:10px;
      font-size:14px; /* match orange border text size -=- jzs -=- */
     }     

#vid h3{
        background-color: rgb(0, 102, 0);
        padding: 5px;
        border-radius: 0px 20px 0px 0px;
        color: #FFF;
        font-size: 14px; /* match pencil heading text size -=- jzs -=- */ 
        }
        
.contact{
        float:left;
        margin-left:2%;
        width:72%;
}

.contact .orangeborder, .contact .greenborder,.contact .redborder, .contact .yellowborder, .contact .blueborder, .contact .purpleborder{
min-height:100px;
}        
        
.padLR {margin: 0 5px;
        padding: 5px;
}        

.page ul, .page li {font-size:inherit;} 

/* Collapsible text box styling -=-=- JZS -=-=- */
.expander { 
    vertical-align: top; 
    height:auto !important;
    font-size:14px;
}
.readMore {
    display:none; 
    height:auto;
    margin:0;
    float: left;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: inline; 
}
.hide:target {
    display: none; 
}
.hide:target ~ .readMore {
    display:inline; 
}

/*style the (+) and (-) */
.hide, .show {
	width: 250px;
	height: 20px;
	/* border-radius: 30px; */
	color: #333;
	text-shadow: 0 1px 0 #666;
	text-align: right;
	text-decoration: none;
	box-shadow: 1px 1px 2px #000;
	background: #cccbbb;
	opacity: .95;
  padding-right:30px;
	float: left;
	/* margin-bottom: 25px; */
}

.hide:hover, .show:hover {
	color: #fff;
	text-shadow: 0 0 1px #666;
	text-decoration: none;
	box-shadow: 0 0 0px #222 inset;
	opacity: 1;
  background: #060;
	/* margin-bottom: 25px; */
}

.readMore p{
    height:auto;
    margin:0;
}
.preview {
	float: left;
	height: auto;
	/* width: 90%;
	padding-left: 20px; */
}
.clear {
    clear:both;
    border-top:1px solid #000;
} 
.containerBorder{
            margin:0 0 10px;
            border:1px solid #aaa;
            overflow:hidden;
            height:auto;
            border-radius:10px 10px 20px 0;
}

.news-box{
	border-radius: 4px;
    color: #fff!important;
    text-align: center;
    padding: 20px;
    width: 200px;
    height: 215px;
    margin-right: 16px;
    display: block;
    float: left;
    margin-bottom: 30px;
}

.news-box p{
	color:#fff!important;
}

.news-box a{
	display:inline-block;
	text-align: center;
	background-color: #000;
	padding:12px 18px;
	color:#fff!important;
	font-weight:bold;
	text-decoration: none!important;
	margin-top:16px!important;
	border-radius: 4px;
}

.news-box a:hover{
	background-color: #333;
}

#news-1{
	background-color: #CB2127;
	border:1px solid #BF1F25;
}

#news-2{
	background-color: #FF9900;
	border:1px solid #ED8F00;
}

#news-3{
	background-color: #006600;
	border:1px solid #085A04;
	margin-right: 0;
}

.home-main h2{
	clear:both;
	background-repeat:no-repeat;
	height:28px;
	line-height:28px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding: 0 0 0 8px;
	margin:26px 0 12px 0;
}

.home-main h2:nth-child(1){
	background-image:url('../images/h2-green-bg.png');
}

.home-main h2:nth-child(2){
	background-image:url('../images/h2-yellow-bg.png');
}

.home-main h2:nth-child(3){
	background-image:url('../images/h2-red-bg.png');
}

.home-main h2:nth-child(4){
	background-image:url('../images/h2-green-bg.png');
}

.home-main h2:nth-child(5){
	background-image:url('../images/h2-yellow-bg.png');
}

.home-main h2:nth-child(6){
	background-image:url('../images/h2-red-bg.png');
}

.home-main h2:nth-child(7){
	background-image:url('../images/h2-green-bg.png');
}

.home-main h2:nth-child(8){
	background-image:url('../images/h2-yellow-bg.png');
}

.home-main h2:nth-child(9){
	background-image:url('../images/h2-red-bg.png');
}

.home-main h2:nth-child(10){
	background-image:url('../images/h2-green-bg.png');
}

.home-main h2:nth-child(11){
	background-image:url('../images/h2-yellow-bg.png');
}

.home-main h2:nth-child(12){
	background-image:url('../images/h2-red-bg.png');
}

.home-buttons{
	width:770px;
	height:auto;
}

.home-buttons ul{
	list-style:none;
}

.home-buttons ul li{
	float:left;
	margin: 4px 10px 6px 0;
	display:table-cell;
	width:90px;
	height:76px;
	display:table;
	-webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
}

.home-buttons ul li:hover{
	opacity:0.9;
}

.home-buttons ul li a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	line-height:14px;
	padding:8px;
}

.home-buttons ul li:nth-child(1){
	background-color:#CB2127;
}

.home-buttons ul li:nth-child(2){
	background-color:#FF9900;
}

.home-buttons ul li:nth-child(3){
	background-color:#006600;
}

.home-buttons ul li:nth-child(4){
	background-color:#CB2127;
}

.home-buttons ul li:nth-child(5){
	background-color:#FF9900;
}

.home-buttons ul li:nth-child(6){
	background-color:#006600;
}

.home-buttons ul li:nth-child(7){
	background-color:#CB2127;
}

.home-buttons ul li:nth-child(8){
	background-color:#FF9900;
}

.home-buttons ul li:nth-child(9){
	background-color:#006600;
}

.home-buttons ul li:nth-child(10){
	background-color:#CB2127;
}

.home-buttons ul li:nth-child(11){
	background-color:#FF9900;
}

.home-buttons ul li:nth-child(12){
	background-color:#006600;
}

.new-page p{
	line-height:22px;
}

.downloads-container a{
	background-color:#663399;
	color:#fff;
	padding:10px;
	width:94%;
	display:block;
	position:relative;
	text-decoration:none;
	font-weight:bold;
}

.downloads-container a img{
	position:absolute;
	top:3px;
	right:4px;
	height:20px;
}

.videos-container a{
	background-color:#cc3333;
	color:#fff;
	padding: 10px 30px 10px 10px;
  width: 258px;
	display:block;
	position:relative;
	text-decoration:none;
	font-weight:bold;
}

.videos-container a img{
	position:absolute;
	top:6px;
	right:4px;
	height:14px;
}

.videos-container iframe{
	margin-top:5px;
}

.news-container p{
	padding:20px 10px;
	border-top:1px dashed #333;
}

.news-container p:nth-child(1){
	border-top:none;
}

.competition{
	padding: 28px 0 20px 4px;
	border-top: 1px dashed #333;
	clear:both;
}

.competition:nth-child(1){
	border-top: none;
  padding: 8px 0 20px 4px;
}

.competition h3{
	padding:0 0 4px 4px;
}

.left-align{
	float:left;
	margin:0 2% 2% 0;
	width:34%;
}

.right-align{
	float:right;
	margin:0 0 2% 2%;
	width:34%;
}

.full-width-align{
	clear:both;
	width:100%;
	margin:20px 0;
}

#cte-covers img{
	width:150px;
}

#footer{
	width:94%;
	margin:20px auto;
	border-top:8px #006600 solid;
}

#footer a{
	color:#000;
}

#footer-left{
	float:left;
	margin:30px 0 40px 0;
}

#footer-right{
	float:right;
	margin:30px 0 40px 0;
}