/* Layout specific styles */
.solidline {border-bottom:2px solid #ca7614;}
.small {font-size: xx-small;}
.textright { text-align:right}
.greybg {background-color:#e5e5e5; padding:.5em 1em;}
.greybgwithborder_padding {background-color:#e5e5e5; padding:.5em 1em; border:1px solid #ccc;}
.greenbg{background-color:#D4DBDA; padding:.5em 1em;}
.boxwithpadding {padding:.5em 1em;}
.boxfloatright {float:right; width:30%;padding:.5em 1em;}
.boxfloatrightborder {float:right; width:30%;padding:.5em 1em; border:1px solid #ccc;background-color:#e5e5e5} 
/* main page container */
#page_container { 
	margin-left:auto;
	margin-right:auto;
	width:992px;
	border-left:1px solid #716c6c;
	border-right:1px solid #716c6c;
	border-bottom:1px solid #716c6c;
	padding:0;
}
/* styles for homepage header */
.home_header{
background: #efefef;
padding-top:20em;
border-top: 5px solid #efefef;
border-bottom: 5px solid #efefef;
}
/* styles for homepage banner */
#homebanner{
background: #2d2727;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
color: #cd9951;
padding:0;
height: 345px;
margin:0;
}
/* styles for utility bar for homepage */
#homebanner ul.supportnav{
list-style-type: none;
float:right;
width:652px;
margin: .6em 0 0 0em;
padding: 0 0 .5em 0em;
text-align:right;
border-bottom:1px solid #645d5d;
}
#homebanner ul.supportnav li a{
text-decoration: none;
color: #ccc;
font-size: 0.8em;
font-weight:bold;
margin: 0em 0.3em;
padding: 0em 0.7em 0em 0em;
background: url(../images/yellowbullet.gif) 100% 0.55em no-repeat;
}
#homebanner .supportnav a:hover{
color: #fc8c07;
}
/* last navigation item */
#homebanner .supportnav a.nobg{
background:none;
}
#registerhome{
padding:20px 0px 20px 30px;
margin:0 0 0 0;
float:left;
width: 622px;
border:0;
background:#423839 url(../images/registerbg_home.jpg) left top no-repeat;
}
#registerhome h2{
background: none;
color: #ccc;
font-size:1em;
padding-bottom:0px;
font-family:"Arial Narrow", Helvetica, sans-serif;
}
.registerbutton, #flashregister{
padding:0;
margin:0px;
}
.registerbutton{
position:relative;
margin-top:-100px;
margin-left:450px;
}
#homebanner_right{
float:left;
padding:0;
margin:0;
width:652px;
}
#registerhome p{
font-size: .8em;
color: #ccc;
}
.orange{
color: #cd9951;
}
.lightblue{
color: #64b0ba;
}
.grey{
color: #999;
}
/* header styles */
.white{
background-color: #fff;
}
#header {
width: 100%;
overflow: hidden;
padding: 0;
margin:0;
font-size: .7em;
}
/* place for logo */
#header h1 {
width: 30%;
/*background:url(../images/ctia2007logo.gif) no-repeat 50% 50%;*/
display: inline;
background:none;
float: left;
margin: 0em;
padding: .5em 0 0  0;
margin: 0;
}
/* link for logo  - usually links to index page */
#header h1 a {
display: block;
height: 44px;
padding:0;
}
.rightheader{
float:right;
width:auto;
margin-top:.5em;
}
/* search field */
#search {
display:inline;
margin: 0 1em 0 0em;
padding: 0 0 0 0 ;
}
#search label {
display: inline;
margin: 0;
padding: 0 10px 0 0px;
}
#search input.search {
width: 14em;
border: 1px solid #666;
padding: 0.2em;
font-size:0.9em;
margin:0;
}
input.searchSubmit {
border: 0px;
background: #fff url(../images/submit.gif) no-repeat 0 100%;
color: #333; 
width:33px;
font-size:.8em;
height:19px;
margin:0;
padding:0;
}
/* utility bar */
ul.utilbar{
list-style-type:none;
color: #999;
display:inline;
padding-top: 1.3em;
margin:0 1em 0 0;
}
ul.utilbar li{
display:inline;
background:none;
padding: 0em 0em;
}
#header ul.utilbar li a{
color: #888;
text-decoration: none;
padding:0em .3em;
margin:0;
font-weight:bold;
}
#header ul.utilbar li a:hover{
color: #ca7614;
}
/* styles for top navigation */
#nav {
width:986px;
overflow: hidden;
padding: .7em 0 .3em .5em;
margin:0;
background: #b4c3c5;
font-size:.7em;
list-style-type: none;
}
#nav li, .supportnav li{
display: inline;
background:none;
padding:0;
}
#nav a {
float: left; 
padding: 0 0.6em 0.5em 2em; 
font-weight: bold; 
text-decoration: none;
background:url(../images/navbullet_off.gif) 0 0 no-repeat;
}
#nav a:link, #nav a:visited {
color: #000; 
}
#nav a:hover, #nav a:focus {
color: #fff; 
background:url(../images/navbullet_on.gif) 0 0 no-repeat;
}
#nav a.menuover {
color: #fff; 
background:url(../images/navbullet_on.gif) 0 0 no-repeat;
}
/* begin drop down styling */
table.subnav { 
background-color: #dbdfdf;
width:9em;
margin:0;
border-left:1px solid #444;
border-right:1px solid #444;
border-bottom:1px solid #444;
}
table.subnav td {
white-space: nowrap;
border-top: 1px solid #444;
}
#page_container table.subnav td a {
display: block;
padding: 3px 5px; 
color: #444; 
text-decoration: none; 
font-size: 0.7em;
}
#page_container table.subnav td a:hover {
background-color: #E1C297; 
color: #444; 
width: auto;
text-decoration: none; 
}
/* styles for drop downs */
#navinfo, #navexhibitor, #navregistration, #navnews, #navcontact, #navschedule, #navevents, #navabout{
position:absolute;
z-index:1000;
visibility:hidden;
text-align:left;
padding:0;
}
#navinfo{
margin-left: 10px;
}
#navschedule{
margin-left: 138px;
}
#navexhibitor{
margin-left: 283px;
}
#navregistration{
margin-left: 453px;
}
#navnews{
margin-left: 610px;
}
#navcontact{
margin-left: 699px;
}
#navevents{
margin-left: 785px;
}
#navabout{
margin-left: 890px;
}
/* end drop down styling */
/* area with register now button, conference dates and support navigation */
#internalbanner{
background: #2d2727;
font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
color: #cd9951;
padding:0;
height:70px;
border-top:2px solid #fff;
}
.register, .flash{
float:left;
padding:0;
margin:0;
}
#flashcontent{
padding:0;
margin:0;
}
#internalbanner p{
font-size: .8em;
float:left;
margin:2em 0 0 1em;
padding:0px;
width:30em;
}
#internalbanner p span, #registerhome p span{
margin: 0 0.5em;
}
#internalbanner ul.supportnav{
list-style-type: none;
float:left;
margin: 1.6em 0 0 1.9em !important;
margin: 1.7em 0 0 1.9em;
padding:0;
}
#internalbanner ul.supportnav li a{
text-decoration: none;
color: #ccc;
font-size: 0.8em;
font-weight:bold;
margin: 0em 0.3em;
padding: 0em 0.7em 0em 0em;
background: url(../images/yellowbullet.gif) 100% 0.55em no-repeat;
}
#internalbanner .supportnav a:hover{
color: #fc8c07;
}
/* last navigation item */
#internalbanner .supportnav a.nobg{
background:none;
}
/* content container for internal */
#internalcontent{
clear:both;
width: 992px;
background: #fff;
margin:0;
padding:0;
border-collapse:collapse;
}
/* content container for homepage */
#homecontent{
clear:both;
width: 992px;
margin:0;
padding:0;
border-collapse:collapse;
background: #fff url(../images/contentbg_home.gif) left top repeat-x;
}
/* used to add a right side border to objects usually placed on the left */
.rightborder{
border-right:1px dotted #999;
}
/* left column styles for internal pages */
#leftcol_internal{
clear:both;
width: 209px;
background: #d8e1e3 url(../images/leftcolumn_bg.gif) left top repeat-x;
padding:0;
margin:0;
}
/* left column styles for homepage */
#leftcol_home{
clear:both;
width: 282px;
padding:35px 40px 0 15px;
margin:0;
font-size:.7em;
}
#leftcol_home h3{
padding-top:0;
margin-top:0;
}
#leftcol_internal a{
color: #fff;
}
#leftcol_internal h2{
border-top:1px solid #fff;
background: #cd9951 url(../images/activesection_header.gif) left top no-repeat;
color: #000;
margin:0;
padding:0.7em 0.5em 0.5em 1.4em;
font-size: 0.9em;
border-bottom: 1px solid #fff;
}
/* styles for left navigation */
.leftnav{
list-style-type:none;
padding: 0;
margin: 0;
}
.leftnav li{
display:inline;
padding:0;
background:none;
margin:0;
}
.leftnav li a{
display:block;
text-decoration: none;
color: #fff;
font-size: 0.8em;
padding: 0.5em 0.5em 0.5em 2.3em;
margin:0;
background: url(../images/leftnav_off.gif) 0 1em no-repeat;
}
.leftnav a:hover{
background: #4d4343 url(../images/leftnav_on.gif) 0 1em no-repeat;
}
/* styles for center column where #centercol - for internal template and #rightcol_home - for  homepage */
#centercol, #rightcol_home{
padding: 1em 2em 1em 2em;
color: #666;
font-size:75%;
}
#centercol ul, #rightcol_home ul{
margin-left:0em;
padding:0;
}
#rightcol_home{
background:url(../images/homepagevert_divider.gif) 0 30px no-repeat;
padding-left: 20px;
padding-top:23px;
margin-top:0;
}
/* toolbar with print and email buttons */
.hometoolbar{
text-align:right;
font-size: 0.9em;
padding-top:0;
margin-top:0px;
padding-bottom:0.8em;
background:url(../images/homepage_divider.gif) left bottom no-repeat;
}
.toolbar{
text-align:right;
font-size: 0.9em;
border-bottom: 1px dotted #666;
padding-bottom:0.3em;
}
.toolbar img, .hometoolbar img{
margin-right:0.3em;
}
#centercol .toolbar a, #rightcol_home .hometoolbar a{
text-decoration: none;
font-weight:bold;
color: #666;
margin-left: 0.7em;
}
#centercol .toolbar a:hover, #rightcol_home .hometoolbar a:hover{
color: #ca7614;
}
.boxedheader{
color: #fff;
background: url(../images/boxedheader_bg.jpg) left top repeat-y;
padding: .3em .5em;
font-size: 1.2em;
margin-bottom:.2em;
}
/* 1-2 column table */
.data{
font-size: 0.9em;
margin-bottom:0.5em;
}
.data td{
margin:0;
padding:0.5em;
vertical-align:middle;
line-height:1.8em;
}
.leftdivider{
border-left: 1px dotted #666;
margin: 0 10em;
}
/* horizontal dotted divider */
.divider{
height:1px;
border-bottom:1px dotted #666;
margin: 0;
padding:0;
line-height:1px;
clear:both;
}
/* divider  - grey line with shadow */
.shadowdivider{
clear:both;
height:6px;
background:url(../images/homepage_divider.gif) left bottom no-repeat;
margin: 0;
padding:0;
line-height:6px;
}
/* featured box - homepage */
.featured{
float:left;
width:270px;
margin-left:15px;
margin-right:10px;
font-size:90%;
}
.featured img{
margin-bottom:30px;
}
.brown{
color: #ca7614;
}
.blue{
color: #399;
}
.bordernobg{padding:.5em 1em; border:1px solid #ccc;}
.box2floatright {float:right; width:30%;padding:.5em 1em;margin-left:1em;}
.boxright_border{float:right; width:30%;padding:.5em 1em;margin-left:1em;border:1px solid #ccc;}
.boxright_border_whitebg{float:right; width:30%;padding:.5em 1em;margin-left:1em;border:1px solid #ccc;background-color:#fff;}
.boxalignbottom{padding:.5em 1em; width:20%;vertical-align:bottom;text-align:right;}
/* list with blue bullets */
.bluelist li{
background:url(../images/bluebullet.gif) 0 0.5em no-repeat;
}
/* list with brown bullets */
.brownlist li{
background:url(../images/brownbullet.gif) 0 0.5em no-repeat;
}
/* blue header with arrow */
.bluearrow{
background:url(../images/arrow_blue.gif) 0 .3em no-repeat;
padding-left:0.9em;
color: #399;
}
/* brown header with arrow */
.brownarrow{
background:url(../images/arrow_brown.gif) 0 .3em no-repeat;
padding-left:0.9em;
color: #ca7614;
}
/* used to add solid border around objects */
.border{
border:1px solid #dbdbdb;
}
/* floating image to the left */
.imgleft{
float:left;
margin-right:1.5em;
margin-bottom:.5em;
}
/* floating image to the right */
.imgright{
float:right;
margin-left:1.5em;
margin-bottom:.5em;
}
/* container for images i.e. logos, banners, etc. */
/* used for home page */
.homeads{
width:610px;
}
/* used for internal pages */
.ads{
border:1px solid #dbdbdb;
width:500px;
}
.ads td, .homeads td{
padding:1.5em 0;
text-align:center;
}
/* used to make text smaller */
.smalltext{
font-size:85%;
}
/* styles for right column */
#rightcol_internal{
background:url(../images/rightcolumn_line.gif) left top repeat-y;
width:200px;
padding-left: 15px;
padding-right: 9px;
font-size:.7em;
}
/* show updates header */
.show{
background:url(../images/showupdates.gif) left top no-repeat;
height:50px;
}
/* show update header - homepage */
.showhome{
background:url(../images/showupdates_home.gif) left top no-repeat;
height:50px;
}
/* my account header */
.account{
background: url(../images/myaccount.gif) left top no-repeat;
height: 50px;
}
/* my account header - homepage */
.account_home{
background: url(../images/myaccount_home.gif) left top no-repeat;
height: 50px;
}
/* questions header */
.questions{
background: url(../images/questions.gif) left top no-repeat;
height: 50px;
}
/* questions header - homepage */
.questions_home{
background: url(../images/questions_home.gif) left top no-repeat;
height: 50px;
}
/* style for image with the border */
.doubleborder{
padding: 1px;
border:2px solid #d2d2d2;
}
#rightcol_internal p, #leftcol_home p{
padding:0;
margin:.5em 0;
}
/* used for indenting objects to the right various elements within the layout */
.leftindent {
margin-left:1em;
}
/* used for indenting welcome message on the homepage starting with big W letter */
.welcome_msg {
margin-right:4em;
}
/* footer navigation */
.footer{
list-style-type:none;
background: #2d2727;
padding:.5em 0;
text-align:center;
margin:0
}
.footer li{
display:inline;
background:none;
font-size:.7em;
padding:0;
}
#page_container .footer li a{
text-decoration: none;
color: #999;
padding: 0 .9em;
margin:0;
font-weight:bold;
}
#page_container .footer li a:hover{
color: #fff;
}
/* styles for copyright and other info located at the bottom of the page */
.copyright {
margin-left:auto;
margin-right: auto;
width:992px;
text-align: center;
font-size:.7em;
color: #707070;
padding-bottom:.5em;
margin-top:.5em;
line-height:1.5em;
}
.copyright a:link{
color: #707070;
}
