@charset "utf-8";
/* CSS Document */
*{
margin: 0;
}
img{
border: none;
}
/***************************************

Fonts and Tags

****************************************/
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
line-height: 1em;
}
h1{
margin: 0px 0 11px 0;
font-size:	2.4em;
color: #666666;
line-height: 1.2em;
font-weight: 200;
text-transform: uppercase;
}
h2{
margin: 20px 0 10px;
font-size: 1.8em;
line-height: 1.2em;
font-weight: 200;
}
h3{
margin: 0 0 3px 0;
font-size: 16px;
line-height: 1.2em;
color: black;
}
h4{
margin: 10px 0 0 0;
font-size: 1.0em;
}
h5{
margin: 0;
font-size: 0.9em;
}
p{
line-height: 1.4em;
font-size: 1.3em;
margin: 7px 0 15px;
color: #333333;
}
a{
color: #666666;
outline: none;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
ul{
list-style: none;
font-size: 1.2em;
margin:0;
padding: 0;
}
/**************************************

Layout

***************************************/
body{
text-align: left;

background-color: #f1f1f1;
}
.bkg{
width: 100%;
background-image: url(../images/bkg.gif);
background-repeat: repeat-y;
background-position: center top;
}
.container{
width: 100%;
background-image: url(../images/harold.gif);
background-repeat: no-repeat;
background-position: center bottom;
min-height: 769px;
height: auto !important;
height: 769px; 
}
#main{
width: 962px;
margin: 0 auto;
position: relative;
}
.header{
padding: 25px 0 0 12px;
}
.logo{
background-image: url(../images/logo.gif);
width: 555px;
height: 0px;
overflow: hidden;
display: block;
padding-top: 57px;
}
ul.nav{
float: left;
width: 962px;
margin-top: 15px;
}
ul.nav li{
float: left;
}
ul.nav li a{
display: block;
height: 0px;
padding-top: 30px;
background-image: url(../images/nav.gif);
background-repeat: no-repeat;
overflow: hidden;
}
ul.nav li a.nav_home{
width: 85px;
background-position: 0px 0px;
}
ul.nav li a.nav_home:hover, ul.nav li.active a.nav_home{
background-position: 0px -30px;
}
ul.nav li a.nav_about{
width: 167px;
background-position: -85px 0px;
}
ul.nav li a.nav_about:hover, ul.nav li.active a.nav_about{
background-position: -85px -30px;
}
ul.nav li a.nav_articles{
width: 123px;
background-position: -252px 0px;
}
ul.nav li a.nav_articles:hover, ul.nav li.active a.nav_articles{
background-position: -252px -30px;
}
ul.nav li a.nav_speeches{
width: 131px;
background-position: -375px 0px;
}
ul.nav li a.nav_speeches:hover, ul.nav li.active a.nav_speeches{
background-position: -375px -30px;
}
ul.nav li a.nav_photos{
width: 115px;
background-position: -506px 0px;
}
ul.nav li a.nav_photos:hover, ul.nav li.active a.nav_photos{
background-position: -506px -30px;
}
ul.nav li a.nav_videos{
width: 107px;
background-position: -621px 0px;
}
ul.nav li a.nav_videos:hover, ul.nav li.active a.nav_videos{
background-position: -621px -30px;
}
ul.nav li a.nav_blog{
width: 96px;
background-position: -728px 0px;
}
ul.nav li a.nav_blog:hover, ul.nav li.active a.nav_blog{
background-position: -728px -30px;
}
ul.nav li a.nav_ask{
width: 137px;
background-position: -824px 0px;
}
ul.nav li a.nav_ask:hover, ul.nav li.active a.nav_ask{
background-position: -824px -30px;
}
.content{
clear: both;
margin: 0 0 0 0;
width: 488px;
padding: 35px 0 25px 20px;
}
.content.fullpage{
clear: both;
margin: 0 0 0 0;
width: 725px;
padding: 35px 20px;
}
.content.fullpage_2col{
clear: both;
margin: 0 0 0 0;
width: 935px;
padding: 35px 20px;
}
.content ul{
line-height: 1.4em;
font-size: 1.3em;
margin: 7px 0 0px;
color: #333333;
}
.home .content{
width: 550px;
}
#outter{
background-color:grey;
height:287px;
overflow:hidden;
position:absolute;
right:1px;
top:126px;
width:623px;
}
#askburson{
position: absolute; 
display: none; 
width: 100%;
height: 287px;
overflow: hidden;
}
#askHaroldForm input, #askHaroldForm textarea {
font-size:11px;
margin:10px 3px 0 0;
padding:7px 10px;
width:165px;
background:transparent url(../images/input_bkg.gif) repeat-x scroll left bottom;
background-color: white;
border:1px solid #BDBCBD;
color:#555555;
font-family: Arial, Helvetica, sans-serif;
clear: left;
}
#askHaroldForm textarea{
height:100px;
width:350px;
margin-bottom:-10px;
} 
#askHaroldForm input.image {
background:transparent none repeat scroll 0 0;
border: none;
left:274px;
position:absolute;
top:249px;
width:auto;
}
#askHaroldForm{
position: absolute;
left: 20px;
top: 8px;
width: 383px;
height: 300px;
}
#askHaroldForm p{
font-size: 13px;
color: white;
margin-bottom: 0px;
line-height: 1.3em;
}
.error, .invalid{
display: block;
float: left;
padding: 2px 5px;
line-height: 1.3em;
color: red;
font-size: 11px;
background-color: #f1f1f1;
border:1px solid #BDBCBD;
vertical-align:middle;
margin-top: 15px;
}
#blogarea{
line-height: 1.4em;
font-size: 1.3em;
color: #333333;
}
#blogarea p{
font-size: 1em;
}
ul.pdf li{
background:transparent url(../images/pdf-bullet.jpg) no-repeat scroll left top;
margin:1px 0;
padding:5px 26px;
}

.right_col{
	float: right;
	width: 154px;
	padding: 26px;
	background: url(../images/bg_callout.png) no-repeat;
}
.left_col{
	float: left;
	width: 650px;
}

/**************************************

Utility

***************************************/
.left{
float: left;
}
.right{
float: right;
}
.clr{
clear: both;
}
.noclr{
clear: none;
}
.displayHide{
display: none;
}
.bulleted{
	list-style-type: disc;
	margin: 20px;
}
.bulleted li{
	margin: 8px 20px;
}
/**************************************

Video player

***************************************/

.jac
{
	height:50px; /* default height */
	position:relative;
	margin: 15px 0;
	width: 586px;
}
.videoContainer{
	width: 586px;
	margin: 0 auto;
}
.jac .carousel 
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style-type:none;
	width: 586px;
}
.carousel-wrapper{
	width: 586px;
}
.jac .arrow-left, .jac .arrow-right {
	float:left;
}
.jac .carousel .jac-content
{
	float:left;
	width: 86px;
}
.jac .carousel .jac-content img{
	width: 70px;
	cursor: pointer;
	cursor: hand;
	-moz-opacity: 0.7;
	opacity:.70;
	padding-right: 16px;
	filter: alpha(opacity=70);
}
.jac .carousel .jac-content img.active, .jac .carousel .jac-content img.hoverS{
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
}
.myJac .arrow-left, .myJac .arrow-right
{
 position:absolute;
 top:25%;
 z-index:5;
 height: 19px;
 width: 10px;
}
.myJac .arrow-left a, .myJac .arrow-right a
{
 display:block;
 height: 19px;
 width: 10px;
 text-indent:-999em;
}
.myJac .arrow-left a:focus, .myJac .arrow-right a:focus
{
 outline:none;
}
.myJac .arrow-left
{
 left:-20px;
 background:url(../images/left-arrow.gif) no-repeat top left;
top: 16px;
}
.myJac .arrow-right
{
 right:-20px;
 background:url(../images/right-arrow.gif) no-repeat top left;
 top: 16px;
}      
#youtubeplayer{
	height: 388px;	
	width: 640px;
	background-color: #000000;
	margin: 0 auto;
}
#playerCont{
width: 640px;
}
/**************************************

Gallery

***************************************/
.photo{
padding: 10px 30px 15px 0;
float: left;
}
.photo a img{
border: 1px solid #dddddd;
}