 .newheaderbox{font-family: 'Fjalla One', sans-serif;  color: #ffffff; font-size:28pt;  
text-shadow:1px 1px 0 #000;  line-height:24px;   width:95%; height:105px; line-height:95px;  
max-width:725px;  text-align:left; padding-left:5%; background: #d20000;}
 .maintitle{font-family: 'Fjalla One', sans-serif;  color: #ffffff; font-size:20px;  
text-shadow:1px 1px 0 #000;  line-height:24px;   width:95%; height:75px; line-height:65px;  
max-width:725px;  text-align:left; padding-left:5%; background: #d20000;}


.pagelisting {  
      width: 98%;    
     margin-top:10px; 
         position:relative; 
    }

 .pagelisting ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;  
     
    }
 .pagelisting p{text-align:left; color:#333333; padding:5px; font-family: 'Archivo Narrow', sans-serif; font-size:14px;}
 .pagelisting li img{width:230px; height: 140px; border: 1px solid #e4e4e4; 
 }
 .pagelisting li {   
       background: #ffffff;
      float:left;
      text-align:center; margin-bottom:10px;
      margin-left:10px;
      width:230px; padding-bottom:20px;
     height:240px; line-height:20px;
     z-index:10;
  font-family: 'Archivo Narrow', sans-serif;  color:#999999; font-weight:normal; 
      text-shadow:0;   -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4); overflow:hidden;
    }
 .pagelisting li:hover {color:#ffffff;
       background: #D20000; }
 .pagelisting li:hover a, .homenewslisting li:hover p{color:#ffffff;}
 .pagelisting li a{text-align:center; width:195px; color:#333333; margin-top:10px; font-family: 'Fjalla One', sans-serif; font-size:16px; line-height:20px; text-decoration:none; font-weight:normal; margin-bottom:10px;}
 .pagelisting li a:hover{color:#ffffff; font-family: 'Fjalla One', sans-serif; font-size:16px; 
  font-weight:normal;}

	input, select { -moz-border-radius: 5px;
  -webkit-border-radius: 5px; border: 1px solid #999999;
   height:30px; padding-left:10px;
  -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow:  
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
  border-radius: 5px; background: url(/images/ninputbg.jpg) repeat;}
 
 textarea{ -moz-border-radius: 5px;
  -webkit-border-radius: 5px; border: 1px solid #999999;
    height:100px;
  -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow:  
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
  border-radius: 5px; background: url(/images/textareabg.png) repeat;}


.latestnews {
      width: 425px;  
      margin:0 auto; 
        
    }
.latestnews p{ color: #333333; font-size:16px;  text-align:left; font-family: 'Open Sans Condensed', sans-serif;    line-height:22px; }
.latestnews ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;  
     
    }
.latestnews li {
      
      float:none;
      text-align:justify;
      padding-left:6px;
      width:415px;
     height:90px;
      overflow:hidden;
   font-family: 'Open Sans Condensed', sans-serif;  color:#333333; font-weight:normal; font-size:14px; 
      border-bottom:1px dotted #e4e4e4;
    }
 
.latestnews li a{color:#333333; font-family: 'BenchNine', sans-serif; font-size:20px;  text-decoration:none;}
.latestnews li a:hover{color:#D20000; font-family: 'BenchNine', sans-serif; font-size:20px; 
 }

.latestnews li span{padding-top:15px; display: block; padding-right:10px;}
.latestnews li img{float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;

border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px; height:70px; width:70px;}

 
#newsfeatured{ 
	width:500px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:350px; overflow:hidden;
	background:#e4e4e4;
}
#newsfeatured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:440px; 
	list-style:none; 
	padding:0; margin:0; 
	width:310px; height:350px;
	overflow:auto;
	overflow-x:hidden;
}
#newsfeatured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:16px; 
	color:#666;  
}
#newsfeatured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;

border-radius: 35px;  
	-webkit-border-radius: 35px;  
	-moz-border-radius: 35px; height:70px; width:70px;
}
#newsfeatured ul.ui-tabs-nav li span{ 
	font-size:18px;  font-family: 'BenchNine', sans-serif;
	line-height:18px;  padding-top:15px; display: block;
}
#newsfeatured li.ui-tabs-nav-item a{ 
	display:block; 
	height:83px; text-decoration:none;
	color:#333;  background:#f2f2f2;
	line-height:20px; outline:none;
}
#newsfeatured li.ui-tabs-nav-item a:hover{ 
	background:#ffffff; 
}
#newsfeatured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('/images/selected-item.gif') top left no-repeat ;  
}
#newsfeatured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#ccc;  height:83px; padding-top:5px;
}
#newsfeatured .ui-tabs-panel{ 
	width:450px; height:350px;   
	background:#999; position:relative;
}
#newsfeatured .ui-tabs-panel img{width:450px; height:350px;}
#newsfeatured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; width:450px;
	background: url('/images/transparent-bg.png'); 
}
#newsfeatured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#newsfeatured .info h2{ 
	font-size:15px;  font-family: 'BenchNine', sans-serif;
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#newsfeatured .info p{ 
	margin:0 5px; 
	font-family: 'Archivo Narrow', sans-serif;  font-size:12px; 
	line-height:15px; color:#f0f0f0;
}
#newsfeatured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#newsfeatured .info a:hover{ 
	text-decoration:underline; 
}
#newsfeatured .ui-tabs-hide{ 
	display:none; 
}




#makeMeScrollable
		{
			width:1062px; background: #f1f1f1;
			height: 300px; padding-bottom:5px;
			position: relative; margin:0 auto; overflow:hidden; margin-bottom:10px;
		}
		
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;

}

 .allnew{      background: #ffffff;
      float:left;
      text-align:center; margin-bottom:10px;
       margin-right:3px;
      width:209px;
     height:280px; line-height:20px;
     z-index:10; padding-bottom:15px;
  font-family: 'Archivo Narrow', sans-serif;  color:#999999; font-weight:normal; 
      text-shadow:0;   -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4); overflow:hidden; } 
 .allnew p{text-align:left; color:#333333; padding:5px; font-family: 'Archivo Narrow', sans-serif; font-size:14px;}
 .allnew img{width:202px; height: 120px; border: 1px solid #e4e4e4;}
.allnew:hover  {color:#ffffff;
       background: #D20000; }
 .allnew:hover a, .allnew:hover p{color:#ffffff;}
 
 .allnew a{text-align:center; width:195px; color:#333333; margin-top:10px; font-family: 'Fjalla One', sans-serif; font-size:16px; line-height:24px;  text-decoration:none; font-weight:normal; margin-bottom:10px;}
 .allnew a:hover{color:#ffffff; font-family: 'Fjalla One', sans-serif; font-size:16px; 
  font-weight:normal;}

    
      
 


div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 5%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	 
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 5%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	 
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}


.topten {
      width: 318px;  
      margin:0 auto; 
        
    }
.topten p{ color: #333333; font-size:16px;  text-align:left; font-family: 'Open Sans Condensed', sans-serif;    line-height:22px; }
.topten ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;  
     
    }
.topten li {
      
      float:none;
      text-align:left;
      padding-left:6px;
      width:312px;
     height:80px;
      overflow:hidden;
   font-family: 'Archivo Narrow', sans-serif;  color:#333333; font-weight:normal; font-size:14px; 
      border-bottom:1px dotted #e4e4e4;
    }
 
.topten li a{color:#333333; font-family: 'Archivo Narrow', sans-serif; font-size:14px;  text-decoration:none;}
.topten li a:hover{color:#D20000; font-family: 'Archivo Narrow', sans-serif; font-size:14px; 
 }

.topten li span{padding-top:15px; display: block; padding-right:10px;}
.topten li img{float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;

border-radius: 5px;  
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px; height:70px; width:70px;}

 .homenewslisting {  
      width: 98%;    
     margin-top:10px; 
         position:relative; 
    }

 .homenewslisting ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;  
     
    }
 .homenewslisting p{text-align:left; color:#333333; padding:5px; font-family: 'Archivo Narrow', sans-serif; font-size:14px;}
 .homenewslisting li img{width:250px; height: 160px; border: 1px solid #e4e4e4; 
 }
 .homenewslisting li {   
       background: #ffffff;
      float:left;
      text-align:center; margin-bottom:10px;
      margin-left:10px;
      width:250px; padding-bottom:20px;
     height:240px; line-height:20px;
     z-index:10;
  font-family: 'Archivo Narrow', sans-serif;  color:#999999; font-weight:normal; 
      text-shadow:0;   -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4); overflow:hidden;
    }
 .homenewslisting li:hover {color:#ffffff;
       background: #D20000; }
.homenewslisting li:hover a, .homenewslisting li:hover p{color:#ffffff;}
 .homenewslisting li a{text-align:center; width:195px; color:#333333; margin-top:10px; font-family: 'Fjalla One', sans-serif; font-size:16px; line-height:20px; text-decoration:none; font-weight:normal; margin-bottom:10px;}
 .homenewslisting li a:hover{color:#ffffff; font-family: 'Fjalla One', sans-serif; font-size:16px; 
  font-weight:normal;}



.homenews{width:1064px;  margin-left: auto; padding-bottom:15px; margin-right:auto; background: #ffffff;  height:100%; display:table;}
.homenews_left{width:320px; float:left;   height:100%; min-height:1200px;  border-right:1px dotted #333333; }
.homenews_right{width:100%; float:right; height:100%;   }

.bigtitle{width:1044px; position:relative;   height:40px; background: url(/images/titlebg.png) no-repeat;
font-size:22px;  font-family: 'BenchNine', sans-serif; padding-left:20px;  line-height:40px; margin-left:auto; margin-right:auto; color:#ffffff;}
.toptentitle{width:318px; margin:1px; text-align:left; height:34px; background: url(/images/topten_title.png) no-repeat;
font-size:22px;  font-family: 'BenchNine', sans-serif; padding-left:20px;  line-height:34px;  color:#ffffff;}

.featuredcontainer{position:relative; width:1064px; height:370px; margin-left:auto; margin-right:auto;}
.featureditems{position:absolute; width:624px; left:0px}
.featuredbanners{position:absolute; width:260px; left:810px; background: #e4e4e4;}
.featuredbanners img{border:1px solid #ffffff;}
#featured{ 
	width:540px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:350px; overflow:hidden;
	background:#e4e4e4;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:490px; 
	list-style:none; 
	padding:0; margin:0; 
	width:300px; height:350px;
	overflow:auto;
	overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:16px; 
	color:#666;  
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;

border-radius: 35px;  
	-webkit-border-radius: 35px;  
	-moz-border-radius: 35px; height:70px; width:70px;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:18px;  font-family: 'BenchNine', sans-serif;
	line-height:18px;  padding-top:15px; display: block;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:83px; text-decoration:none;
	color:#333;  background:#f2f2f2;
	line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#ffffff; 
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 
	background:url('/images/selected-item.gif') top left no-repeat ;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 
	background:#ccc;  height:83px; padding-top:5px;
}
#featured .ui-tabs-panel{ 
	width:500px; height:350px;   
	background:#999; position:relative;
}
#featured .ui-tabs-panel img{width:500px; height:350px;}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; width:500px;
	background: url('/images/transparent-bg.png'); 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:15px;  font-family: 'BenchNine', sans-serif;
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family: 'Archivo Narrow', sans-serif;  font-size:12px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


.logowrapper{position:relative; width:100%; max-width:1024px; height:95px; margin-left:auto; margin-right:auto; }
.logo{position:absolute; left:0px; width:296px; height:90px; top:10px}
.googlead{position:absolute; width:780px; left:260px;  }

.indirectdealers { text-align:center;
      width: 1064px;     background: #f1f1f1; padding-bottom:10px;
     margin-left:auto; margin-right:auto; height:220px; margin-bottom:5px;
         position:relative; 
    }

.indirectdealers ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;  
     
    }
.indirectdealers p{text-align:left; color:#333333; padding:5px; font-family: 'Archivo Narrow', sans-serif; font-size:14px;}
.indirectdealers li img{width:202px; height: 120px; border: 1px solid #e4e4e4;}
.indirectdealers li {
       background: #ffffff;
      float:left;
      text-align:center; margin-bottom:10px;
       margin-right:3px;
      width:209px;
     height:215px; line-height:20px;
     z-index:10;
  font-family: 'Archivo Narrow', sans-serif;  color:#999999; font-weight:normal; 
      text-shadow:0;   -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.4);
  box-shadow: 0 2px 3px rgba(0,0,0,0.4); overflow:hidden;
    }
 .indirectdealers li:hover {color:#ffffff;
       background: #D20000; }
 .indirectdealers li:hover a,  .indirectdealers li:hover p{color:#ffffff;}
.indirectdealers li a{text-align:center; width:195px; color:#333333; margin-top:10px; font-family: 'Fjalla One', sans-serif; font-size:16px; line-height:24px; text-decoration:none; font-weight:normal; margin-bottom:10px;}
.indirectdealers li a:hover{color:#ffffff; font-family: 'Fjalla One', sans-serif; font-size:16px; 
t font-weight:normal;}

 
 
 

  p{color:#333333; font-family: 'Open Sans Condensed', sans-serif; font-size:22px; line-height:22px;}  .smallbanners {
			width:995px; height:320px;                     
                       margin:0 auto;
		}
.smallbanners ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
.smallbanners li {
      margin: 0px 0px;
    
      text-align:left; background: #ffffff;
      float: left;      width:320px; height:320px; margin-right:10px; margin-bottom:10px;
    }
.smallbanners li img{width:316px; height:316px; padding:2px 2px 2px 2px;}
.smallbanners li a img:hover{   -webkit-filter: grayscale(100%);}
.cjimg{width:646px; height:316px; padding:2px 2px 2px 2px;}

.footer a img:hover{   -webkit-filter: grayscale(100%);
}

.gpages {
	list-style: none;
	width: 100%;
	 
	position: relative;
	margin: 20px auto;
	padding: 0;
}
.gpages li {
	float: left;
	margin: 5px;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.gpages li a,
.gpages li a img {
	display: block;
	position: relative;
}
.gpages li a {
	overflow: hidden;
}
.gpages li a div {
	position: absolute;
	background: #000000;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
}
.gpages li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}
.gpages li a div h2 {
	display: block;
	padding: 10px 0;
	margin: 20px 20px 20px 20px;
	text-transform: none;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 0px solid rgba(255,255,255,0.5);
	 
}

.gpages li img{width:210px; height:210px;}


.pagetitle{margin-top:10px; }
.pagetitle a{color:#000000; font-family: 'Archivo Narrow', sans-serif; font-size:19px; text-shadow:0 1px 0 #ffffff; text-decoration:none; font-weight:normal;}
.pagetitle a:hover{color:#D20000; font-family: 'Archivo Narrow', sans-serif; font-size:19px; text-shadow:0 1px 0 #000000; font-weight:normal;}

 

 


.roundimg{}
.roundimg img{border-radius: 100px; border: 2px solid #ffffff;
	-webkit-border-radius: 100px;  
	-moz-border-radius: 100px;  
}

.bigheader{ width:100%; background: url(/images/headerbg.jpg) repeat; height: 120px; min-width:1024px;  transition: height 500ms, background 500ms; margin-top:0px;}
.bigheader img{width:193px; height:72px;  
 transition: height 500ms, background 500ms;}
.smallheader{width:100%; background: url(/images/headerbg.jpg) repeat; height: 90px; min-width:1024px;  margin-top:-32px;
 box-shadow: -6px 0 white, 6px 0 white, 0 4px 2px -2px #4BC2C2;
-webkit-box-shadow: -6px 0 white, 6px 0 white, 0 4px 2px -2px #4BC2C2;
   -moz-box-shadow: -6px 0 white, 6px 0 white, 0 4px 2px -2px #4BC2C2;

}
.smallheader img{width:121px; height:45px; }
.smallheader br{height:20px;   content: '.';
    display: inline-block; width:15px;}

 

.titlep{margin-top:10px; color:#ffffff; }
.titlep a{color:#fffff; font-family: 'Archivo Narrow', sans-serif; font-size:22px; text-shadow:0 1px 0 #ffffff; text-decoration:none; font-weight:normal;}
.titlep a:hover{color:#D20000; font-family: 'Archivo Narrow', sans-serif; font-size:22px; text-shadow:0 1px 0 #000000; font-weight:normal;}


.whiteline{height:3px; width:100%; background: #ffffff; min-width:1024px;}
.headwrap{ width:100%; min-width:1024px; background: #080808; height:40px; border-top:1px solid #666666;}
#donationbox{width:260px; height:72px; background: url(/images/donate_box.jpg) no-repeat; 
padding-top:48px; margin-left:-10px;}
#newsletterbox{width:260px; height:82px; background: url(/images/newsletter_box.jpg) no-repeat; 
padding-top:48px; margin-left:-10px; text-align:center;  font-family: 'Archivo Narrow', sans-serif; font-size:13px;}
.slideh1{ text-shadow:0 1px 0 #000000; font-family: 'Open Sans Condensed', sans-serif; color:#4BC2C2; font-size:58px;  padding:10px 10px 10px 10px;  }
.slideh4{ text-shadow:0 1px 0 #000000; font-family: 'Open Sans Condensed', sans-serif; color:#4BC2C2; font-size:28px;  padding:10px 10px 10px 10px;  width:240px; }


.blueslideh1{ text-shadow:0 1px 0 #000000; font-family: 'Open Sans Condensed', sans-serif; color:#006699; font-size:58px;  padding:10px 10px 10px 10px;  }
.white{color:#000000; font-family: 'Archivo Narrow', sans-serif; font-size:18px; text-shadow:0 1px 0 #cccccc;  padding:10px 10px 10px 10px;}
.whitewhite{color:#ffffff; font-family: 'Archivo Narrow', sans-serif; font-size:18px; text-shadow:0 1px 0 #000000;  padding:10px 10px 10px 10px;}
 
.bigh1, .bigh1 a{ text-shadow:0 1px 0 #000000; font-family: 'Open Sans Condensed', sans-serif; color:#4BC2C2; font-size:43px;    }
.smallh1{ text-shadow:0 1px 0 #000000; font-family: 'Open Sans Condensed', sans-serif; color:#cccccc; font-size:38px;    }

 
.mainimg{border-radius: 10px; border: 2px solid #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;  width:300px;
}

 
.plisting {
      width: 980px;
      margin: 0 auto; 
       padding: 0;
       position:relative;         text-align:center;
    }

.plisting ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
     
    }
.plisting li {
      
      float:left;
      text-align:center;
      overflow:hidden; margin-right:5px;
      width:220px; margin-bottom:5px;
      height:260px; border:1px solid #e4e4e4;
      background: #ffffff;
 
      
    }
.plisting li img{width:210px; height:200px;  border:0; padding:5px 5px 5px 5px;}
 

.plisting li a{color:#000000; font-family: 'Archivo Narrow', sans-serif; font-size:18px; 
text-shadow:0; text-decoration:none; font-weight:normal;}
.plisting li a:hover{color:#D20000; font-family: 'Archivo Narrow', sans-serif; font-size:18px; 
text-shadow:0; font-weight:normal;}

 
.bannercontainer{margin: 0 auto; width:976px; height:360px; overflow:hidden; position:relative;}
.leftside{width:676px; height:360px; position:absolute; left:0px; overflow:hidden;}
.rightside{width:300px; height:360px; position:absolute; left:678px; overflow:hidden; background: url(/images/rightbg.jpg) no-repeat;}
 
 
 
.searchpages {width:90%;  }

.searchpages ul {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      list-style-type: none;
     
    }
.searchpages li {
      position: relative;
     float:left;
      text-align:left; height:16px;     
      width:34px;  background: #D20000;
    font-family: 'Oswald', sans-serif; font-size:12px; font-weight:normal;  color:#000000;
     text-decoration:none; text-align:center;  padding:3px 3px 3px 3px; margin:3px 3px 3px 3px;

margin-bottom:10px;
 
    }

.searchpages li:hover {
    float:left;
      text-align:left; height:16px;
     
      width:34px; 
       font-family: 'Oswald', sans-serif; font-size:12px; font-weight:normal;  color:#FFFFFF;
     text-decoration:none; text-align:center; background:  #000000; padding:3px 3px 3px 3px; margin:3px 3px 3px 3px;
    }

.searchpages li:before {
	content: "";
	position: absolute;
	top: -11px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom:11px solid #D20000;
}
.searchpages li:after {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 11px solid #D20000;
}


.searchpages li:hover:before {
	content: "";
	position: absolute;
	top: -11px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom:11px solid #000000;
}
.searchpages li:hover:after {
	content: "";
	position: absolute;
	bottom: -11px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 11px solid  #000000;
}

 

.searchpages  li a{      
        
     font-family: 'Oswald', sans-serif; font-size:12px; font-weight:normal;  color:#ffffff;  text-decoration:none; 
    }

.searchpages li a:hover{      
        
    font-family: 'Oswald', sans-serif; font-size:12px; font-weight:normal;  color:#000000;  text-decoration:none; 
    }


 


.flashwrapper{width:100px; height:89px; background: url(/images/manuwrapper.png) no-repeat; float:left; padding-left:20px; padding-top:10px;   } 
.flashwrapper img{width:90px; height:75px;  border:0px; padding-top:6px; padding-left:24px; 
-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	 border:2px solid #ffffff;
	-moz-border-radius: 10px;
	border-radius: 10px; 

}


 
 
.centertop{width:698px; height:45px;  overflow:hidden; color: #dd7919;   
text-decoration: none; text-align:left;  
font-family: 'Oswald', sans-serif; font-size:18px; font-weight:normal;}
.centercenter{width:980px; margin: 0 auto;   display:table; text-align:left; font-family: 'Open Sans Condensed', sans-serif;   color: #000000; font-size:18px; line-height:22px; padding:15px 15px 15px 15px;  }
 .centercenter a{font-size:16px; text-align:left; font-family: 'Open Sans Condensed', sans-serif;  color:  color: #00000;   font-weight:bold; text-decoration:none;  }
.centercenter a:hover{font-size:16px; text-align:left; font-family: 'Open Sans Condensed', sans-serif; color: #ffffff;   text-decoration:none;  }
.centercenter p{ color: #000000; font-size:18px;  text-align:left; font-family: 'Open Sans Condensed', sans-serif;    line-height:22px; }
.centercenter ul{padding-left:20px; color: #000000;  font-family: 'Open Sans Condensed', sans-serif;    line-height:22px; font-size:18px;}
 
.centercenter ul{ margin: 10px 10px 10px 10px;
      }
.centercenter table a{ color: #000000; font-size:16px;}
.centercenter table a:hover{ color: #ffffff; font-size:16px;}
.projetitle{color: #dd7919;   
text-decoration: none; text-align:right;  margin-top:-30px;
font-family: 'Archivo Narrow', sans-serif; font-size:20px;   }


 
.contentleft{width:370px; float:left; margin-top:10px;}
.contentcenter{width:600px; float:left;}
.contentcentertop{width:598px; height:52px;   overflow:hidden;}
.contentcentercenter{width:568px;   display:table;  text-align:left; font-family: 'Archivo Narrow', sans-serif; color: #000000; font-size:13px; padding:15px 15px 15px 15px;}
.contentcenterend{width:598px; height:54px; overflow:hidden;}
.contentcentercenter a{text-align:left; font-family: 'Archivo Narrow', sans-serif; color: #0099cc; font-size:13px; text-decoration:none;   }
.contentcentercenter a:hover{text-align:left; font-family: 'Archivo Narrow', sans-serif; color: #D20000; font-size:13px; text-decoration:none;   }
 
 
 
 
.copyright{ width:180px; height:110px;  position:absolute; left:800px; font-family: 'Archivo Narrow', sans-serif; color:#ffffff; font-weight:normal; font-size:13px; text-shadow:0 1px 0 #000000;}
.copyright a{font-family: 'Archivo Narrow', sans-serif; color:#ffffff; font-weight:bold; font-size:13px; text-decoration:none; }
.copyright a:hover {font-family: 'Archivo Narrow', sans-serif; color:#D20000; font-weight:bold; font-size:13px; text-decoration:none; }
 
 
 
.siteicons{width:200px; position:absolute; z-index:100000; left:350px; top:1px; font-family: 'Archivo Narrow', sans-serif; }
.sitelinks{position:absolute; left:-30px; width:360px; z-index:10000;font-family: 'Archivo Narrow', sans-serif;  font-size: 13px; letter-spacing:1px; top:1px;  line-height:25px; text-transform:uppercase; color:#000000;}
.sitelinks a{font-family: 'Archivo Narrow', sans-serif;  color: #000000; font-size: 13px; 
text-align:left; text-decoration:none;  line-height:25px;    box-shadow: inset 0 0 0 0 #4BC2C2;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;}
.sitelinks a:hover{font-family: 'Archivo Narrow', sans-serif;  color: #ffffff; font-size: 13px; 
text-align:left; text-decoration:none;  box-shadow: inset 0 100px 0 0 #D20000; padding-left:5px; padding-right:5px;}

 
 


.siteicons img{border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px; height:24px; width:24px;}

.socialicons{position:absolute; width:220px; top:5px; left:780px; z-index:1000; font-family: 'Archivo Narrow', sans-serif; }
.trflag{float:right; width:31px; height:27px; line-height:20px;}
.trflag a{background: url(/images/tr_flag_gray.png) no-repeat; width:29px; height:27px; text-indent: -9999px;}
.trflag a:hover{background: url(/images/tr_flag.png) no-repeat; width:29px; height:27px; text-indent: -9999px;}
.facebook{float:right; width:31px; height:27px;}
.facebook a{background: url(/images/facebook_gray.png) no-repeat; width:29px; height:27px; text-indent: -9999px;}
.facebook a:hover{background: url(/images/facebook.png) no-repeat; width:29px; height:27px; text-indent: -9999px;}
.twitter{float:right; width:31px; height:27px;}
.twitter a{background: url(/images/twitter_gray.png) no-repeat; width:29px; height:27px; text-indent: -9999px;}
.twitter a:hover{background: url(/images/twitter.png) no-repeat; width:29px; height:27px; text-indent: -9999px;}
.usflag{float:right; width:31px; height:27px;}
.usflag a{background: url(/images/usflag_gray.png) no-repeat; width:29px; height:27px; text-indent: -9999px;}
.usflag a:hover{background: url(/images/usflag.png) no-repeat; width:29px; height:27px; text-indent: -9999px;}
 
 
 
 
select{text-align:left; font-family:  Tahoma, Arial, Helvetica; color: #999999; font-size: 9pt; }
p{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left;  color: #000000; font-size:16px;}
 

 
h2{ font-size:24px; text-align:left; font-family: 'Open Sans Condensed', sans-serif;   color: #000000;  }
h2 a{ font-size:24px; text-align:left; font-family: 'Open Sans Condensed', sans-serif;   color: #000000;  }


h1{  font-family: 'Open Sans Condensed', sans-serif; color: #000000; font-size:25px;}
 

 
 
#loadcontent{text-align:left;  font-family: Trebuchet MS; color: #006699; font-size: 9pt;  width:300px; height:380px; overflow:auto;}
table{text-align:left; font-family: 'Archivo Narrow', sans-serif; color: #000000; font-size:16px; line-height:22px; }

.intro {position:relative; left:3px;
width:160px; overflow:hidden; height:65px;}
 
#ptitle{font-family: Tahoma, Arial;  color: #006699; font-size: 9pt; cursor:hand; cursor:pointer; text-decoration:none;   text-align:center; width:150px; height:20px; line-height:20px; overflow:hidden;}
  #ptitle a {
font-family: Tahoma, Arial;  color: #006699; font-size: 9pt; cursor:hand; cursor:pointer; text-decoration:none;  text-align:center; width:150px; overflow:hidden; height:20px; line-height:20px;}
 #ptitle a:hover {
font-family: Tahoma, Arial;  color: #D20000; font-size: 9pt; cursor:hand; cursor:pointer; text-decoration:none;  text-align:center; width:150px overflow:hidden; height:20px; line-height:20px;}
 
 
 
 
.tdbg{width:978px; background: #ffffff; padding:2px;  min-height:360px; height:100%;}
 
.himg{width:80px; height:60px;  border-color: #ffffff;
border-width:1px;}
.left a{font-family: Trebuchet MS; color: #ff0000; font-size: 9pt; font-weight:bold; text-decoration:none;}
.left a:hover{font-family: Trebuchet MS; color: #D20000; font-size: 9pt; font-weight:bold; text-decoration:none;}
.right{position:absolute; width:530px; left:360px; height:200px; overflow:hidden;}
form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.deptitle{width:345px; height:50px; overflow:hidden; background: url(/images/dep_title2.jpg) no-repeat;}

.about {width:355px; height: 140px; overflow:hidden; font-family: Trebuchet MS; color: #ffffff; font-size: 9pt;   text-decoration:none; text-align:left;}
#clear{
clear:both;
}
 
.pictitle{ width:160px; height:20px; overflow:hidden;text-align:center;}
 
 
.extrapic2 {
      width: 290;
      margin: 0em 0px 0px 0px 0px;
      padding: 0px 0em;
       
      
      background: none;
    }
    .extrapic2 ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .extrapic2 li {
      margin: 3px 3px 3px 3px;
      padding: 3px 3px 3px 3px;
      float: left;
      background: none;
      cursor:pointer;
 }

 
.menu select {   opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;  background: #fff url("/images/input-bg.gif") repeat-x; font-size: 11px; border: 1px solid #90adcf; text-transform: lowercase;}

 .menu {
      width: 800;
      margin: 0px 0px 0px 0px 0px;
      padding: 0px;
      height:47px;
  
      background: none;
    }
    


.text{ font-size:14px; text-align:left; font-family: 'Open Sans Condensed', sans-serif;   color:#ffffff;  
text-align:left;}
.text a{font-size:14px; text-align:left; font-family: 'Open Sans Condensed', sans-serif;   color: #66ccff;  line-height:22px; text-decoration: none;}
.text a:hover {font-size:14px; text-align:left; font-family: 'Open Sans Condensed', sans-serif;   color: #D20000;   line-height:22px; text-decoration: none;}
.orange{ font-family: Trebuchet MS; color: #006699; font-size: 9pt; 
text-align:left; font-weight:bold; text-decoration:none; }
.orange a{ font-family: Trebuchet MS; color: #006699; font-size: 9pt; 
text-align:left; font-weight:bold; text-decoration:none; }
.header
{
position:relative; 
padding: 0px 0px 0px 0px;
max-width:1024px; 
width:100%; height:40px;  
margin: 0px 0px 0px 0px;
 top:0;
}
.selectalang input{border:0px; background: none; height:20px; padding:3px 3px 3px 3px;  font-family: 'Archivo Narrow', sans-serif;}
 .searchbox{float:right; width:101px; height:27px; line-height:20px;}
 
 
.search{position:absolute; width:360px; height:50px; left:600px; font-family: Trebuchet MS; color: #999999; font-size: 10pt; }
.search input { width:180px; height:24px; border:none; background: url(/images/inputbg.jpg) no-repeat; border: none; padding:3px 0 2px 5px; font:12px Arial;   }
.search .submit { width:35px; border:none;  padding:0px 0px 0px 0px; height:24px; cursor:hand;}

 .search a
{  font-family: Trebuchet MS; color: #999999; font-size: 10pt; 
text-align:left; text-decoration:none;}
.search a:hover
{  font-family: Trebuchet MS; color: #D20000; font-size: 10pt; 
text-align:left; text-decoration:none;}



.footer
{ color:#cccccc; width:980px; margin: 0 auto; font-family: 'Archivo Narrow', sans-serif; font-size:14px;   padding:10px 10px 10px 10px; }
.footer a
{  color:#999999; font-family: 'Archivo Narrow', sans-serif; font-size:14px; text-decoration:none; line-height:22px; padding-right:10px; }
.footer a:hover
{  color:#D20000;  font-family: 'Archivo Narrow', sans-serif; font-size:14px;   }

 
 

 


 

 .spacer
{
 
font-size: 3pt; 
overflow:hidden;
height:3px;
 
 
}	

   .topspacer
{
 
font-size: 9pt; 
overflow:hidden;
height:9px;
position: relative;
 
}	


 .spacer2
{
 
font-size: 28pt; 
overflow:hidden;
height:28px;
position: relative;
 
}	

 .boxspacer
{
 
font-size: 32pt; 
overflow:hidden;
height:32px;
cursor:pointer;
 
} 
 
        body {background:url(/images/bg.jpg) fixed;
 height:100%;  
 margin:0; padding:0;
 


}
html{height:100%;  }

	
 .submit{
border:0;
height:20px;
background:none;
vertical-align:top; top:0%;
font-family: Trebuchet MS; color: #006699; font-size: 10pt;
cursor:hand; cursor:pointer; font-weight:bold;
}