/* CSS Document */

body{
margin:0;
padding:0;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
text-align:center;
color:#666666;
background-color:#FFFFFF;
}

#wrapper{
margin:0 auto;
text-align:left;
width:965px;
position:relative;
margin-top:25px;
z-index:1;
margin-bottom:3px;
}

#left{
width:755px;
position:relative;
float:left;
margin-right:5px;
}


#leftbar{
	width:164px;
	height:490px;
	position:relative;
	float:left;
	margin-right:38px;

}

#right{
width:198px;
position:relative;
float:left;
}

#navigation{
position:relative;
float:left;
width:100%;
border:1px solid #CCCCCC;
margin-bottom:3px;
z-index:3;
height:50px;
}



#main{
position:relative;
float:left;
width:715px;
border:1px solid #CCCCCC;
height: 490px;
padding-right:35px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
text-align:left;
z-index:1;
}

#main2{
position:relative;
float:left;
width:715px;
border:1px solid #CCCCCC;
height: 502px;
padding-right:35px;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
text-align:left;
z-index:1;
}

.videotext{
padding-top:5px;
padding-bottom:5px;
padding-left:204px;
text-align:left;
z-index:1;
}
#textbox{
position:relative;
float:left;
width: 513px;
height:449px;
text-align:left;
overflow: auto;
border-top:1px dotted #FABD63;
margin-top:5px;
padding-top:10px;
}

#textbox h1{
margin:0;
padding:0;
font-size:22px;
line-height:28px;
color:#F79910;
text-weight:bold;
font-family:Trebuchet MS, Arial, Verdana, san-serif;
}

#main h1{
margin:0;
padding:0;
font-size:22px;
line-height:28px;
color:#F79910;
text-weight:bold;
font-family:Trebuchet MS, Arial, Verdana, san-serif;
}

#textbox h3{
margin:0;
padding:0;
font-size:18px;
line-height:24px;
color:#66CC99;
text-weight:bold;
font-family:Trebuchet MS, Arial, Verdana, san-serif;
}

#main h3{
margin:0;
padding:0;
font-size:18px;
line-height:24px;
color:#66CC99;
text-weight:bold;
font-family:Trebuchet MS, Arial, Verdana, san-serif;
}

#textbox h2{
padding:0;
margin:0;
font-size:18px;
line-height:24px;
color:#000;
font-family:Trebuchet MS, Arial, Verdana, san-serif;
}

#main strong{
font-family:Trebuchet MS, Arial, Verdana, san-serif;
font-size:16px;
line-height:22px;
}

#textbox strong{
font-family:Trebuchet MS, Arial, Verdana, san-serif;
font-size:16px;
line-height:22px;
}



.blog_container{
position:relative;
float:left;
width: 513px;
text-align:left;
border-bottom:1px dotted #FABD63;
margin-top:5px;
padding-bottom:5px;
}

/*
#casestudies_box{
position:relative;
float:left;
width: 303px;
height:454px;
text-align:justify;
overflow: auto;
margin-right:5px;
border-top:1px dotted #666666;
margin-top:5px;
padding-top:5px;
}

#casestudies_right{
position:relative;
float:left;
width:205px;
height:465px;
}
*/

#scroll_up {
cursor: pointer;
padding:1px;
}
  
#scroll_down {
cursor: pointer;
padding:1px;
}

img.greyborder{
border:1px solid #CCCCCC;
}

img.orangeborder{
padding:1px;
border:1px solid #FABD63;
}

img.paddingbottom{
margin-bottom:5px;
}

img.paddingleft{
margin-left:10px;
}

img.paddingright{
margin-right:10px;
}
  
#rightcorner{
position:relative;
float:left;
width:202px;
height:52px;
margin-bottom:3px;
}

#rightimage{
position:relative;
float:left;
width: 200px;
border:1px solid #CCCCCC;
text-align:center;
height: 500px;
z-index:3;
}

#rightimage2{
position:relative;
float:left;
width: 200px;
border:1px solid #CCCCCC;
text-align:center;
height: 512px;
z-index:3;
}

#rightimage_hide{
	position:absolute;
	width: 995px;
	height: 600px;
	left: -770px;
	top: -5px;
	z-index:2;
	visibility: hidden;
}

#rightimage_text{
	position:absolute;
	width:190px;
	height:490px;
	background-color:#FFFFFF;
	line-height:1.4em;
	left:0px;
	top:55px;
	z-index:4;
	visibility: hidden;
	color:#000000;
	font-size:1em;
	text-align:left;
	padding:5px;
	border:1px solid #CCCCCC;
	opacity: 0.9; /* Safari, Opera */
	-moz-opacity:0.90; /* FireFox */
	filter: alpha(opacity=90); /* IE */
}

#rightimage_text strong{
font-size:16px;
line-height:20px;
color:#F79910;
text-weight:bold;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

#rightimage_link{
	position:absolute;
	width:200px;
	height:500px;
	left:761px;
	top:56px;
	z-index:5;
	visibility: hidden;
	}

.bgorange{
background-color:#FABD63;
}

.nav_corner{
background-image:url(images/nav_corner.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

.bgmegaphone{
background-image:url(images/hank_megaphone_white.jpg);
background-repeat:no-repeat;
}

.bgboard{
background-image:url(images/hank_board_white.jpg);
background-repeat:no-repeat;
}

.bgsecret{
background-image:url(images/hank_secret_white.jpg);
background-repeat:no-repeat;
}

.bgaward{
	background-image:url(images/hhs_abc.jpg);
	background-repeat:no-repeat;
}

.bggraph{
background-image:url(images/hank_graph_white.jpg);
background-repeat:no-repeat;
}

.bgphone{
background-image:url(images/hank_phone_white.jpg);
background-repeat:no-repeat;
}

.bgcomputer{
background-image:url(images/hank_computer_white.jpg);
background-repeat:no-repeat;
}

.bgmicrophone{
background-image:url(images/hank_microphone_white.jpg);
background-repeat:no-repeat;
}

.bglines{
background-image:url(images/hank_lines_white.jpg);
background-repeat:no-repeat;
}

.bgsign{
background-image:url(images/hank_sign_white.jpg);
background-repeat:no-repeat;
}

.bgmegaphone_orange{
background-image:url(images/hank_megaphone_orange.jpg);
background-repeat:no-repeat;
}

.bgorange2{
background-color:#F79910;
}

.bgwhite{
background-color:#FFFFFF;

}

.casestudies{
font-size:10px;
}

.inline_image_left{
width:255px;
position:relative;
float:left;
margin-right:15px;
margin-bottom:5px;
text-align:center;
font-style:italic;
color:#000000;
}

.inline_image_right{
width:255px;
position:relative;
float:right;
margin-left:15px;
margin-bottom:5px;
text-align:center;
font-style:italic;
color:#000000;
}

.align_right{
position:relative;
float:right;
margin-left:15px;
margin-bottom:5px;
text-align:center;
font-style:italic;
color:#000000;
}

#footer{
position:relative;
float:left;
margin-top:3px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:5px;
width:950px;
text-align:center;
font-size:10px;
z-index:1;
}

#login{
margin-top:3px;
width:190px;
position:relative;
float:left;
padding:5px;
text-align:left;
font-size:14px;
z-index:1;
color:#F79910;
font-weight:bold;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

.nav_secondary{
width:154px;
float:left;
position:relative;
border-bottom:3px #FFFFFF solid;
padding:5px;
text-align:left;
}

.nav_secondary{
font-size:12px;
line-height:18px;
}

.nav_casestudies{
width:149px;
float:left;
position:relative;
border-bottom:3px #FFFFFF solid;
padding:5px;
text-align:left;
margin-left:5px;
}

#identity_holder{
	width:355px;
	position:absolute;
	left: 396px;
	top: 0px;
}


.nav_identities{
width:75px;
float:left;
position:relative;
border-right:3px #FFFFFF solid;
padding:5px;
text-align:left;
background-color:#FABD63;
background-image:url(images/nav_corner.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

a.underline:link {
text-decoration:none;
color: #FFFFFF;
}

a.underline:visited {
text-decoration:none;
color: #FFFFFF;
}

a.underline:hover {
text-decoration:none;
color:#333333;
border-bottom:1px dotted #FCDBAB;
}

a.highlight:link {
text-decoration:none;
color: #333333;
border-bottom:1px dotted #FABD63;
}

a.highlight:visited {
text-decoration:none;
color: #333333;
border-bottom:1px dotted #FABD63;
}

a.highlight:hover {
text-decoration:none;
color:#999999;
border-bottom:1px dotted #333333;
}

a:link {
text-decoration:none;
color: #333333;
}

a:visited {
text-decoration:none;
color: #333333;
}

a:hover {
text-decoration:underline;
color:#999999;
}

a.login:link {
text-decoration:none;
border-bottom:1px dotted #666666;
color:#F79910;
font-weight:bold;
font-size:1em;
}

a.login:visited {
text-decoration:none;
border-bottom:1px dotted #666666;
color:#F79910;
font-weight:bold;
font-size:1em;
}

a.login:hover {
text-decoration:none; 
color:#666666;
border-bottom:1px dotted #F79910;
font-weight:bold;
font-size:1em;
}

.logos{
position:relative;
float:left;
width:75px;
height:75px;
margin-right:10px;
margin-bottom:2px;
}

/* full ads */

#ad_wrapper{
margin:0 auto;
text-align:left;
width:965px;
position:relative;
margin-top:25px;
z-index:1;
}

#ad_image{
position:relative;
float:left;
width:500px;
border-right:1px dotted #FABD63;
padding-right:5px;
}

#ad_description{
position:relative;
float:left;
width:405px;
padding:15px;
text-align:left;
margin-top:5px;
}

#adnavigation{
position:relative;
float:left;
width:755px;
border:1px solid #CCCCCC;
margin-bottom:3px;
z-index:3;
height:50px;
margin-right:3px;
}

#admain{
position:relative;
float:left;
width:954px;
border:1px solid #CCCCCC;
text-align:left;
z-index:1;
padding:3px;
}

/*forms*/
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
   width: 500px; 
}

fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin-bottom: 10px;
}

fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
    font-weight:bold;                   /* be careful with padding, it'll shift the nice offset on top of border  */
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin-bottom: 10px;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
    font-weight:bold;                   /* be careful with padding, it'll shift the nice offset on top of border  */
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would lessen cognitive load */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset, input#submit {
	float:right;
	margin-left:5px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 5px 0 5px 210px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}