@charset "UTF-8";
/* CSS Document */

body{
background-image:url(http://hopheadnews.com/images/mainBG2.jpg);
background-repeat:repeat-x;
background-color:#999999;
}

.leaderboard{
width:728px;
height:100px;
text-align:center;
margin:auto;
}

.mediumrec{
background-image:url(http://hopheadnews.com/images/videoBGfront.jpg);
width:300px;
height:240px;
float:right;
padding:10px;
text-align:center;
}

.skyscraper{
width:160px;
height:600px;
text-align:center;
}

<!--CAROUSEL BUTTONS-->
.controlbtn{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;

}

.controlbtn A{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
text-decoration:none;
}

.controlbtn1{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
height:20px;

}

.controlbtn1 A{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
height:20px;
text-decoration:none;
}

.controlbtn2{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
height:20px;

}

.controlbtn2 A{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
height:20px;
text-decoration:none;
}

.controlbtn3{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
height:20px;

}

.controlbtn3 A{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
height:20px;
text-decoration:none;
}

.controlbtn4{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
height:20px;

}

.controlbtn4 A{
background-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-align:center;
padding-top:2px;
padding-bottom:2px;
float:left;
width:85px;
height:20px;
text-decoration:none;
}



h1{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bolder;
color:#333333;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:lighter;
color:#6699CC;
}

h2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:lighter;
color:#6699CC;
text-decoration:underline;
}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
color:#666666;
}

h3 a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
color:#666666;
text-decoration:none;
}

h5{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:lighter;
color:#ffffff;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bolder;
color:#ffffff;
}

h6{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#6699CC;
}

.spotlight{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:lighter;
color:#666666;
}

.link A{
font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#993300; text-decoration:none;
}

.link A:hover{
text-decoration:underline;
}

.main{
width:940px;
height:auto;
margin:auto;
}

.header{
background-image:url(http://hopheadnews.com/images/headerBG.png);
background-repeat:no-repeat;
width:900px;
height:145px;
margin:auto;
}

.articleheader{
font-family:Arial, Helvetica, sans-serif;
background-color:#ffffff;
width:880px;
height:55px;
margin:auto;
padding:10px;
}

.articleheader A{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14px;
text-decoration:none;
}

.shareheader{
font-family:Arial, Helvetica, sans-serif;
background-color:#ffffff;
width:880px;
height:15px;
margin:auto;
padding:10px;
}

.shareheader A{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14px;
text-decoration:none;
}

.nav{
width:480px;
height:145px;
float:right;
}



.contactnav{
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
width:480px;
height:15px;
}


.contactnav A{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
text-decoration:none;
}

.contactnav A:hover{
text-decoration:underline;
}

.mainnav{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:center;
color:#ffffff;
width:480px;
height:40px;
}

.mainnav A{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:right;
color:#ffffff;
text-decoration:none;
}


.mainnav A:hover{
text-decoration:underline;
}

.contentTOP{
background-color:#FFFFFF;
width:880px;
height:270px;
padding:10px;
margin:auto;
}

.streetteamTOP{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#993300;
background-color:#FFFFFF;
width:880px;
padding:10px;
margin:auto;
}

.videoTOP{
background-color:#FFFFFF;
width:880px;
height:500px;
padding:10px;
margin:auto;
}

.contentBOTTOM{

width:900px;
height:870px;
margin:auto;
}

.carousel{
width:560px;
float:left;
}

.streetteam{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#993300;
text-align:center;
background-color:#ffffff;
width:166px;
height:190px;
float:left;
margin-right:10px;
}

.inner{
background-color:#FFFFFF;
width:900px;
height:100%;
margin:auto;
}



.verticals{
width:940px;
}

.verticalsbase{
background-color:#FFFFFF;
width:900px;
height:1200px;
margin:auto;
}

.article{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:520px;
padding-left:30px;
padding-right:10px;
float:left;
line-height:150%;
}

.article A{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color:#993300;
}

.articlebox{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:500px;
height:90px;
padding:5px
}

.articleboxhead{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:500px;
height:15px;
}

.articleboxIMG{
width:60px;
height:65px;
float:left;
}

.articleboxCOPY{
width:430px;
height:65px;
float:right;
}

.gearbox{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:500px;
height:170px;
padding:5px
}

.gearboxIMG{
width:155px;
height:155px;
float:left;
}

.gearboxCOPY{
width:335px;
height:155px;
float:right;
}

.frontbox{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:340px;
height:90px;
padding:5px
}

.frontboxhead{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:340px;
height:15px;
}

.frontboxIMG{
width:60px;
height:65px;
float:left;
}

.frontboxCOPY{
width:270px;
height:65px;
float:right;
}

.article h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#993300;
font-weight:bold;
}

.articleinfo{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
font-weight:lighter;
color:#6699CC;
}

.artimg{
width:200px;
padding:5px;
float:left;
}

.artinfo{
width:305px;
float:right;
}

.v1{
width:380px;
float:left;
}

.v2{
background-color:#FFFFFF;
width:160px;
padding:10px;
float:left;
}

.v3{
width:380px;
float:right;
}

.title{
background-image:url(http://hopheadnews.com/images/titleBG.png);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
padding:10px;
width:370px;
height:40px;
float:left;
}

.verticalcontent{
background-color:#ffffff;
padding:10px;
width:340px;
float:right;

}

.newsfeed{
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:350px;
height:360px;
padding:5px;
float:right;

}

.newsfeed A{
font-family:Arial, Helvetica, sans-serif;
color:#CC9933;
}

.articlelink{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#993300;
font-weight:bold;
text-decoration:none;
}

.articlelink A{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#993300;
font-weight:bold;
text-decoration:none;
}

.articlelink A:hover{
text-decoration:underline;
}

.frontlink{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#993300;
font-weight:bold;
text-decoration:none;
}

.frontlink A{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#993300;
font-weight:bold;
text-decoration:none;
}

.frontlink A:hover{
text-decoration:underline;
}


.relatedlink{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#993300;
text-decoration:none;
}

.relatedlink A{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#993300;
text-decoration:none;
}

.relatedlink A:hover{
text-decoration:underline;
}

.title2{
background-image:url(http://hopheadnews.com/images/titleBG2.png);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:24px;
padding:10px;
text-align:center;
width:370px;
height:40px;
float:left;
}

.verticalcontent2{
background-color:#ffffff;
width:360px;
height:200px;
float:left;

}

.pressrelease{
background-color:#ffffff;
width:340px;
padding:10px;
float:left;

}

.newsletter{
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
width:360px;
float:left;

}




ul.dropdown li a {
 display: block;
 padding: 5px 10px;
}


/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li, ul.dropdown ul li {
 padding: 0;
}


/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */

ul.dropdown li.dir {
 padding: 5px 20px 5px 10px;
}

ul.dropdown ul li.dir {
 padding: 5px 15px;
}


/*-------------------------------------------------/
 * @section		Custom
 */

ul.dropdown ul a {
 padding-left: 15px;
}

#link{
width:150px;
background-color:#333333;

}
#link a{
color:#cccccc;
}






ul.dropdown,
ul.dropdown li,
ul.dropdown ul {

 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {

 visibility: visible;
}

	ul.dropdown li {
	

	 white-space: nowrap;
	}

	ul.dropdown li.first {

	}

	ul.dropdown li.last {

	}