/*-----------------------------------------------
 outreachmediagroup.com
 master styles - these are applied to every page on the site.
 author: kris hull
 updated: March 2007
 updated: June 2007 - Mike Stecker
 
 #6aa2De - light blue
 #003961 - dark blue
 #b00000 - outreach red
 #e0e0e0 - grey sidebar
 #bfbfbf - grey tabs + logo
 #999999 - h lines + sidebar subheads
-----------------------------------------------*/
/*-----------------------------------------
general crud
-----------------------------------------*/
body{
margin:0;
padding:0;
background: #14171e url(../images/bkg_body.gif);
color:#655f56;
font: 76% "Lucida Grande","Lucida sans"lucida,"Lucida Sans Unicode",Tahoma,Helvetica,Arial,sans-serif;
line-height: 1.5em; 
}
a:link, a:visited{color:#003961;}
a:hover, a:active{color:#6aa2De;}

img { border:0; behavior:url(../includes/iepngfix.htc); }

h1, h2, h3, h4, h5, h6 {margin:0 0 1.5em 0; padding:0;}
h1{font-size: 2em; line-height:1.5em;}  /* 24px */
h2{font-size: 1.5em;} /* 18px */
h3{font-size: 1.17em;} /* 14px */
h4{font-size: 1em;}    /* 12px */
h5{font-size: .83em;}  /* 10px */
h6{font-size: .67em;}  /*  8px */

p{ margin: 0 0 1.5em 0; padding: 0; }
ul{ margin: 1.5em 0; padding: 0 0 0 1.5em; }
li{ margin: 0 0 1.5em 0; padding: 0; list-style-image:url(../images/bullet.gif)}
ul.nodecoration { padding-left:0;}
ul.nodecoration li { list-style:none;}

dl{
margin: 0;	
padding: 0;	
}
dt{
margin: 0;	
padding: 0;	
}
dd{
margin: 0;	
padding: 0;	
}

dl dd dl dd{
margin-left:15px;
font-size:1em !important;
}

hr{
height:1px;
background: #aaa;
border: 0;
padding: 0;
margin: 10px 0;
width:100%;
clear:both;
}
fieldset{border:none; margin:0;padding:0;}
input{border:1px solid #000;}

/*-----------------------------------------
structural divs
-----------------------------------------*/
#pagewrapper{
width: 960px;
margin: 0 auto;
padding:0 10px;
background: transparent url(../images/bkg_wrapper.gif) repeat-y;
position: relative;
}
#masthead{
width:740px;
margin:0 10px;
padding:0 0 10px 0;
border-bottom:1px solid #999;
}
#main{
width:740px;
margin:0;
padding:0 10px 10px 10px;
/* un-comment this line to check vertical rhythm
background: transparent url(../images/grid.gif) -3px;*/ 
}
#footer{
height:79px;
width:920px;
margin:0 auto;
padding: 12px 30px 0 30px;
background: transparent url(../images/footer_bkg_soft.gif) no-repeat;
clear:both;
}
/*-----------------------------------------
outreachbar - this controls the rollovers, no javascript needed
-----------------------------------------*/
#outreachbar{
height:26px;
background: #b00000 url(../images/outreachbar_bkg.gif) repeat-x;
position: relative;
}
#outreachbarlogo{
position:absolute;
top:0;
right:10px;
z-index:10;
}
#outreachbar ul {
height: 26px;
width: 250px;
background: url(../images/outreachbar_nav.gif) no-repeat;
margin: 0;
padding: 0;
}
#outreachbar li{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
}
#outreachbar a{
height: 26px;
line-height: 26px;
display: block;
text-indent: -9999px;
text-decoration: none;
}
#outreachbar01 {width:60px; left:0;}
#outreachbar02 {width:50px; left:60px;}
#outreachbar03 {width:45px; left:110px;}
#outreachbar04 {width:60px; left:155px;}
#outreachbar01 a:hover{background: url(../images/outreachbar_nav.gif) 0 -26px; }
#outreachbar02 a:hover{background: url(../images/outreachbar_nav.gif) -60px -26px; }
#outreachbar03 a:hover{background: url(../images/outreachbar_nav.gif) -110px -26px; }
#outreachbar04 a:hover{background: url(../images/outreachbar_nav.gif) -155px -26px; }
/*-----------------------------------------
masthead
-----------------------------------------*/
/*-----------------------------------------
nav - this controls the rollovers, no javascript needed
-----------------------------------------*/
#nav{
height:31px;
position: relative;
}
#nav ul {
height: 31px;
width: 362px;
background: url(../images/masthead_nav3.gif) no-repeat;
margin: 0;
padding: 0;
}
#nav li{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
}
#nav a{
height: 31px;
line-height: 31px;
display: block;
text-indent: -9999px;
text-decoration: none;
}
#nav01 {width:80px; left:0;}
#nav02 {width:88px; left:80px;}
#nav03 {width:98px; left:168px;}
#nav01 a:hover{background: url(../images/masthead_nav3.gif) 0 -31px; }
#nav02 a:hover{background: url(../images/masthead_nav3.gif) -80px -31px; }
#nav03 a:hover{background: url(../images/masthead_nav3.gif) -168px -31px; }

/*-----------------------------------------
hnav
-----------------------------------------*/
.hnav{
color: #fff;
font-size: 11px;
font-weight:900;
background: #6aa2de url(../images/hnav_bkg.gif) repeat-x;
margin: 5px 0 10px 0;
height:31px;
float:left;
}
.hnav div{
background: transparent url(../images/hnav_left.gif) no-repeat top left;
}
.hnav ul{
background: transparent url(../images/hnav_right.gif) no-repeat top right;
list-style:none;
margin:0;
padding:0 15px;
}
.hnav ul li{
display:inline;
margin: 0 7px;
line-height:31px;
text-shadow: 2px 2px 0;
/*text-shadow: #407dd1;*/
}
.hnav ul li a{
text-decoration:none;
}
.hnav ul li a:link, .hnav ul li a:visited{
color: #fff;
}
.hnav ul li a:hover, .hnav ul li a:active{
color: #000;
}
/* doesnt work in IE6 */
.hnav + * {
clear: both;
}

/* hnav colors */
.hblue{ background: #4a5974 url(../images/hnav_bkg_blue.gif) repeat-x !important;}
.hblue div{ background: transparent url(../images/hnav_left_blue.gif) no-repeat top left !important;}
.hblue ul{ background: transparent url(../images/hnav_right_blue.gif) no-repeat top right !important;}
.hblue ul li { text-shadow: #374357 !important; }
.hred{ background: #801c1f url(../images/hnav_bkg_red.gif) repeat-x !important;}
.hred div{ background: transparent url(../images/hnav_left_red.gif) no-repeat top left !important;}
.hred ul{ background: transparent url(../images/hnav_right_red.gif) no-repeat top right !important;}
.hred ul li a{ text-shadow: #601517 !important; }
.htan{ background: #a99a85 url(../images/hnav_bkg_tan.gif) repeat-x !important;}
.htan div{ background: transparent url(../images/hnav_left_tan.gif) no-repeat top left !important;}
.htan ul{ background: transparent url(../images/hnav_right_tan.gif) no-repeat top right !important;}
.htan ul li a{ text-shadow: #7f7364 !important; }

.clearhack {
clear: both;
height:1px;
width:1px;
overflow: hidden;
}
/*-----------------------------------------
#main
-----------------------------------------*/
#main table{
/* width: 100%; why is this 100%? */
text-align:center;
margin: 1.5em 0;
border-left: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
border-top: 1px solid #bfbfbf;
}
#main th{
border:0;
border-right: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
padding:5px;
background: #eee;
}
#main td{
border:0;
border-right: 1px solid #bfbfbf;
padding:5px;
}
/* remove border from media kit request form and newsletter signup form */
.requestkitform, .marketingtipsform, th.requestkitform, th.marketingtipsform, td.requestkitform, td.marketingtipsform { border: none !important;}
.inpersontable, .inpersontable th, .inpersontable td { border: 0 none !important; margin:0 !important; padding:0 !important;}
.inpersontable2, .inpersontable2 th, .inpersontable2 td { border: 0 none !important; margin:0 !important;}

/*-----------------------------------------
#sponsors table OLD
-----------------------------------------*/

#main #sponsors table{
width: 100%;
text-align:center;
margin: 1.5em 0;
border: 0;
font-size: 10px;
}
#main #sponsors th{
border:0;
padding:5px;
background: #eee;
}
#main #sponsors td{
border:0;
padding:5px;
}

#main #sponsors img{margin-right:10px;}

#main #sponsors ul{
	margin-top: -10px;
	padding: 0 0 0 .83em !important;
}

#main #sponsors li{
	margin: 0;
	padding: 0 !important;
	list-style:circle;
	list-style-image: none;
	list-style-position: inside;
}
/*-----------------------------------------
#sponsors table NEW 03/10/08
-----------------------------------------*/
#main #sponsors .sponsortype .left{
float:left;
margin-right: 0 !important;
margin-bottom: 10px;
}
#main #sponsors .sponsortype .right{
float:left;
margin-left:10px;
margin-bottom: 10px;
}
#main #sponsors .sponsortype h2 {
	height:38px;
	width:274px;
	text-indent: -9999px;
	text-decoration: none;
	border:none;
	margin:0;
	padding:0;
}

#main #sponsors .sponsortype .body{
	width:267px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding:5px 5px 0 0;
	font-size: 10px;
}

#main #sponsors .sponsortype .closer{
    width: 274px;
	height:10px;
	background: url(../images/08inperson_sponsorcloser.gif) no-repeat center bottom;
}
#main #sponsors .sponsortype .body ul{
	margin:0px;
	padding:0px;
}

#sponsortype01{background: url(../images/08inperson_sponsorhead01.gif) no-repeat center top;}
#sponsortype02{background: url(../images/08inperson_sponsorhead02.gif) no-repeat center top;}
#sponsortype03{background: url(../images/08inperson_sponsorhead03.gif) no-repeat center top;}
#sponsortype04{background: url(../images/08inperson_sponsorhead04.gif) no-repeat center top;}
#sponsortype05{background: url(../images/08inperson_sponsorhead05.gif) no-repeat center top;}
#sponsortype06{background: url(../images/08inperson_sponsorhead06.gif) no-repeat center top;}
#sponsortype07{background: url(../images/08inperson_sponsorhead07.gif) no-repeat center top;}
#sponsortype08{background: url(../images/08inperson_sponsorhead08.gif) no-repeat center top;}



/*-----------------------------------------
primary
-----------------------------------------*/
/* home */
#jt{
height:280px;
width:739px;
margin: 0 0 10px 0;
padding-top: 1px;
background:#fff;
overflow: hidden;
position:relative;
top:-1px;
}
#jt0808{
height:700px;
width:740px;
margin: 0 0 10px 0;
padding-top: 1px;
background:#fff;
overflow: hidden;
position:relative;
top:-1px;
}
.feature{
width: 280px;
float:left;
margin: 0 10px 0 0;
}
#newsletter{
background: transparent url(../images/skinny_blank.gif) no-repeat;
padding-top: 10px;
}
/* news box on home - 3 col version */
.newsbox{
width: 280px;
background: transparent url(../images/newsbox_bkg.gif) repeat-y;
float:left;
margin: 0 10px 0 0;
}
.newsbox div{
background: transparent url(../images/newsbox_top.gif) no-repeat;
padding: 21px 0 0 0;
}
.newsbox div div{
background: transparent url(../images/newsbox_bottom.gif) no-repeat bottom;
padding: 10px 10px 10px 10px;
}
.newsbox p{
padding:0;
margin: 10px 0 0 0;
}
.newsbox img{
margin: 0 10px 10px 0;
}
#newsletter{
background: transparent url(../images/skinny_blank.gif) no-repeat;
padding-top: 10px;
}
/* news box on home - 2 col version */
.newsboxfull{
width: 449px;
background: transparent url(../images/newsboxfull_bkg.gif) repeat-y;
float:left;
margin: 0 0 0 0;
}
.newsboxfull div{
background: transparent url(../images/newsboxfull_top.gif) no-repeat;
padding: 21px 0 0 0;
}
.newsboxfull div div{
background: transparent url(../images/newsboxfull_bottom.gif) no-repeat bottom;
padding: 10px 10px 10px 10px;
}
.newsboxfull p{
padding:0;
margin: 10px 0 0 0;
}
.newsboxfull img{
margin: 0 10px 10px 0;
}
/* general */
.fullcol{
width:559px;
float:left;
display:inline;
margin: 0 10px 0 10px;
}
.fullcol-wide{
width:720px;
float:left;
display:inline;
margin: 0 10px 0 10px;
}
.halfcol{
width: 270px;
float:left;
display:inline;
margin: 0 10px;
}
.skinnycol{
width: 150px;
padding-top:10px;
padding-right:10px;
margin-right:0;
float:right;
background: transparent url(../images/skinny_blank.gif) no-repeat top right;
}
.skinnycol img{
width: 160px;
padding-top:-10px;
padding-right:-10px;
margin-top:-10px;
margin-right:-10px;
}
.skinnycol.exhibitors ul{
}
.skinnycol.exhibitors ul li{
text-transform:uppercase;
font-size:.67em;
font-weight: 900;
}
/* about */
#team{
background: transparent url(../images/skinny_about.gif) no-repeat top right;
padding-top: 20px;
}
#team div{
margin: 10px 0 0 0;
}
#team .name{
}
#team .description{
font-size:.83em;
font-style:italic;
color:#999;
}
/*-----------------------------------------
sidebar + quicklinks
-----------------------------------------*/
#quicklinks{
	width:190px;
	padding:0 0 0 10px;
	margin: 0;
	position:absolute;
	top:0px;
	right:10px;
	color:#999;
	background: transparent url(../images/sidebar_bkg.gif) repeat-y;
}
#quicklinks a:link{color:#003961;}
#quicklinks a:visited{color:#000;}
#quicklinks a:hover, #quicklinks a:active{color:#fff;}

#quicklinks dl{
width:180px;
}
#quicklinks dt{
border-top: 1px solid #999;
padding-top:5px;
margin-top:5px;
font-weight:900;
line-height:20px;
font-size:.83em;
}
#quicklinks dd{
line-height:20px;
font-size:.83em;
}
/*-----------------------------------------
intros
-----------------------------------------*/
#intro_inprint {
width: 580px;
height: 108px;
background: url(../images/intro_print.jpg) no-repeat;
margin: 10px 0 10px -10px;
}
#intro_online {
width: 580px;
height: 108px;
background: url(../images/intro_online.jpg) no-repeat;
margin: 10px 0 10px -10px;
}
#intro_inperson {
width: 580px;
height: 108px;
background: url(../images/intro_person.jpg) no-repeat;
margin: 10px 0 10px -10px;
}
#intro_ccm {
width: 580px;
height: 108px;
background: url(../images/intro_ccm.jpg) no-repeat;
margin: 10px 0 10px -10px;
}
/*-----------------------------------------
footer
-----------------------------------------*/
#footer, #footer p{
font-size: 9px;
font-style:italic;
}