/* CSS Document */


body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Arial, Helvetica, sans-serif;
background-color: white;
text-align:center;
}

#pageholder {
margin:0;
padding:0;
text-align:left;
}

#greybox {
background:#999999 url(images/logo_bg_fix.gif) no-repeat center 278px;
width:100%;
height:472px;
}

#mainhero{
position:relative;
top:44px;
width:843px;
margin:0 auto;
}

#mainherobody{
position:relative;
top:44px;
width:843px;
margin:0 auto;
}

.herobox {
	background: #666;
	border: 2px solid #fff;
	width: 843px;
	height: 339px;
	margin: 0;
	position: relative;
}

.herobox img { display: block; }

.herobox .label_title {
background-color:white;
color:#333333;
font-size:23px;
font-weight:bold;
width:auto;
height:30px;
position:absolute;
left:-2px;
top:-40px;
padding:5px;
}
.herobox .labels {
width:40px;
height:40px;
position:absolute;
left:-42px;
top:0px;
float:left;
}
.herobox .labels div {
font-size:8px;
text-align:right;
background-color:white;
width:36px;
height:10px;
margin-bottom:5px;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
}


#tweetbox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
color:#333333;
position:absolute;	
right:1px;
top:-19px;
height:12px;
}

#blackbox {
background:#333333;
height:195px;
left:0px;
top:0px;
}

#blacksections {
width:893px;
margin:0 auto;
}

.blacksection {
width:200px;
float:left;
padding-top:40px;
cursor:pointer;
}

.breaker {
width:15px;
height:15px;
border-left:1px solid grey;
border-right:1px solid grey;
float:left;
}

.blacksection .title {
font-size:60px;
font-weight:bold;
padding-left:5px;
}

#who {
color:#CA622D;
}

#whosection.over{
color:#999999;
background:#CA622D;
}

#what {
color:#A0D3F2;
}

#latest {
color:#DED578;
}

.blackpara {
color:#999999;
font-size:12px;
line-height:11pt;
padding-left:5px;
height:95px;
}

#logo {
position:relative;
left:0;
top:75px;
width:194px;
height:16px;
margin:0px auto;
}

.leftcol {
width:570px;
float:left;
}
.rightcol {
width:214px;
float:right;
}

.clearcol {
}

ul {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:12pt;
margin:0;
list-style-type:disc;
padding-left:15px;
}
li {
padding-bottom:5px;
}

.quote {
width:800px;
}

.quote .content {
width:800px;
background-color:#999966;
padding:25px;
margin:0px;
}

.quote .footer{
background-image:url(images/quote.gif);
background-position:center;
background-repeat:no-repeat;
width:600px;
height:24px;
float:right;
}

.quote h3{
padding:0;
margin:0;
}

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}

#pagefooter {
	background-color: white;
	height: 100px;
}

#pagefooter .sect {
float:left;
font-size:12px;
line-height:10pt;
font-weight:bold;
color:#6A553D;
text-align:right;
padding-left:30px;
padding-top:15px;
}
#pagefooter .sect a {
color:#6A553D;
text-decoration:none;
}
#pagefooter .sect a:hover {
border-bottom:1px solid #6A553D;
}


#footercontent {
	margin: 0 auto;
	width: 733px;
	padding-left: 160px;
	position: relative;
	overflow: hidden;
}

#where {
	font-size: 45px;
	font-weight: bold;
	color: #ccc;
	width: 125px;
	float:left;
	position:absolute; /*always line up with fourth tab */
	left:647px;
	top: 15px;
}

#vuvuzela {
position: relative;
top: -20px;
background-color: green;
font: normal 1em/1.25em Verdana, Helvetica, sans-serif;
color: #FFF;
width:100%;
text-align-center;
float: left;
margin: 0;
border: 0;
padding:0;
}