/* CSS Document :: Colorado Council Global Styles */

body {
  margin: .5em 0 0 0;
  color: #333;
  background-color: #fff;
  background-image:  url("../images/body-gradient.jpg");
  background-repeat: repeat-x;
  /* min-width: 750px; */
  font-size: x-small;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  voice-family: "\"}\""; voice-family:inherit;
  font-size: small;
  }
  html>body {font-size: small;} /* Gecko */
  
.conference-home #main {
	/* background-image: url("../images/bkd-conference-2010.jpg");
  	background-position: top right;
  	background-repeat: no-repeat; */
	}  
 
#grad1 {
  border-left:1px solid #c2ab89;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0 auto;
  width: 760px;
  /*
  width: 80%;
  width: expression( document.body.clientWidth < 800 ? "750px" : "80%" );
  min-width: 750px; 
  */
  }

#grad2 {background-color: transparent;}

#wrap {
  margin: 0;
  padding: 0;
  }


/* logo header */

#header {
  background-color: #d0b98d;
  background-image:  url("../images/head-gradient2.jpg");
  background-repeat:repeat-x;
  border-bottom: 0px solid #fff;
  height: 119px;
  }
div.headwrap {
  margin: 0 auto 0 auto;
  width: 860px;
  }  
  
/* #utilmenu {position: absolute; top:0; right:5%; padding: 16px 16px 0 0; margin: 0; font-size: 85%; color:#fff; letter-spacing: .5pt;}

#header #utilmenu a:link {color: #fff; text-decoration: none;}
#header #utilmenu a:visited {color: #fff; text-decoration: none;}
#header #utilmenu a:hover {color: #fff; text-decoration: underline;}
#header #utilmenu a:active {color: #fff; text-decoration: none;} */

#logo {
  margin: 0 0 0 0;
  float: left;
  }


/* main menu */

#nav {
  background-color: transparent;
  background-image: url("../images/bkd-hub-nav.gif");
  background-position: 0px -3px;
  background-repeat: repeat-x;
  font-size: 100%;
  margin: -6px 0 0 0;
  font-weight: bold;
  text-align: right;
  position: relative;
  white-space: nowrap;
  border-bottom: 1px solid #fff;
  }
  
#nav li{
  display: inline;
  }

#mainnavcontainer { 
  margin: 0 auto 0 auto;
  padding: .5em 0 .5em 0;
  width: 760px;
  }

#mainnavcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

#mainnavcontainer a {
  margin: 0;
  padding: .5em .8em .5em .8em;
  color: #fff;
  background-color: #996633;
  letter-spacing: .3pt;
  font-weight: 900;
  border-left: 1px solid #ccc;
  }
#mainnavcontainer a.rtborder {
  border-right: 1px solid #ccc;
  }

#mainnavcontainer a:link, #mainnavlist a:visited {
  color: #fff;
  text-decoration: none;
  }

#nav #mainnavcontainer a:hover {
  background-color: #fff;
  color: #85412b;
  }

#nav #mainnavcontainer li.off a:link {text-decoration: none; font-weight: 900;}
#nav #mainnavcontainer li.off a:visited {text-decoration: none; font-weight: 900;}
#nav #mainnavcontainer li.off a:hover {text-decoration: none; color: #333399; font-weight: 900;}

#nav #mainnavcontainer li.on a:link {text-decoration: none; background-color: #fff; color: #333399; font-weight: 900;}
#nav #mainnavcontainer li.on a:visited {text-decoration: none; background-color: #fff; color: #333399; font-weight: 900;}
#nav #mainnavcontainer li.on a:hover {text-decoration: none; background-color: #fff; color: #333399; font-weight: 900;}



/* main content */

#main {
  float: right;
  width: 75%;
  margin: 0;
  background-color: #fff;
  padding-bottom: .5em;
  border-right: 1px solid #c2ab89;
  }
#main .indent40  {margin-left: 60px;}

h1 {
  margin: .3em 0 0 20px;
  font-weight:800;
  font-size: 200%;
  letter-spacing: 1pt;
  color: #333399;
  } 
.smallamp {font-size: 75%;}

h2 {
  background-color: transparent;
  padding: .2em 0 0 0;
  color:#999;
  font-size: 140%;
  font-weight: 500;
  margin: 0 0 0 25px;
  }
h2.paddy {margin-bottom:.7em;}
  
h3 {
  font-size: 110%;
  font-weight: 400;
  color: #85412b;
  margin: .4em 0 1em 30px;
  }  
div.mid h3 {margin-left: 0;}
#main h3 {
  font-weight: 900;
  color: #996666;
  padding-top: .5em;
  margin-right: 20px;
  border-bottom: 1px solid #e6dfdf;
  }
h4 {
  font-size: 95%;
  color: #666;
  margin: .4em 0 1em 30px;	
  }
h4.gray {
  font-size: 95%;
  color: #666;
  background-color:#f9f9f9;
  margin: .4em 20px 1em 30px;
  padding:.2em 0 .2em .2em;	
  }

p {
  font-size: 90%;
  margin: .7em 20px 1.3em 30px;
  padding: 0;
  } 

#main p {font-size: 85%; margin-left: 35px;}
  
p.mininav {
  margin: .7em 30px 1.3em 30px;
  padding: .1em 0 .2em 0;
  } 

p.thetop {
  border: 1px solid #e6dfdf;
  font-family: Arial Narrow;
  margin: .5em 20px .5em 20px;
  letter-spacing: 1pt;
  padding: .5em 20px .7em 20px;
  text-align: right;
  }
p.thetop a {font-size: 85%;}  
 
#main ul, #main dl {
  margin-top:.3em;
  margin-bottom:1.3em;
  list-style-type: circle;
  }

#main ul.listnav {list-style-image: url("../images/arrow.gif");}

#main ul.listnav-lu li {
  list-style-image: url("../images/arrow.gif");
  margin: 0 2em 10px 3em;
  }
#main ul.listnav-lu li.insert-pdf {margin-bottom: 7px;}  
  
#main li, #main dt {
  margin:.2em 2em 1em 3em;
  font-size: 85%;
  } 
#main ul.pdf {
  list-style-image:url("../images/icon-pdf.gif");
  list-style-position:outside; 
  }
#main ul.pdf li {
  padding-left: 5px;
  }

 
a:link {
	color: #85412b;
}
a:visited {
	color: #666;
}
a:hover {
	color: #d38926;
}
a:active {
	color: #85412b;
} 

#main p.morestuff {
  text-align: right;
  padding: 2em 2.2em 2.3em 0;
  background-image: url("../images/bkd-morestuff.gif");
  background-position: top right;
  background-repeat: no-repeat;
  }

#main p.morestuff-bb {
  text-align: right;
  padding: 2em 2.2em 2.3em 0;
  background-image: url("../images/bkd-morestuff.gif");
  background-position: top right;
  background-repeat: no-repeat;
  border-bottom: 1px solid #e6dfdf;
  }

#main p.morestuff-bbl {
  text-align: left;
  padding: 2em 0 2.3em 2.2em;
  background-image: url("../images/bkd-morestuff.gif");
  background-position: top left;
  background-repeat: no-repeat;
  }
  
 
/* images */ 

a img {border: 0;} 

.contentImgL {
  border: 1px solid #ccc;
  margin: 0 10px 0 0;
  float: left;
  clear: right;
  } 

.contentImgR {
  border: 0;
  margin: 0 15px 15px 20px;
  float: right;
  clear: left;
  }  

.contentImgRb {
  border: 3px solid #dccaa4;
  margin: 0 0 15px 20px;
  float: right;
  clear: left;
  }
  
.contentImgLb {
  border: 2px solid #e6dfdf;
  margin: 0 10px 0 0;
  float: left;
  clear: left;
  }  

.contentImg-Tb {vertical-align: middle;}

#rollover1 a:hover, a:hover img.contentImgR {background-color: #f3cfcf;}

.leftImgL {
  border: 0;
  margin: 0 .5em .1em .7em;
  float: left;
  }

.contentImgRhub {
  /* "flower" image */
  border-bottom: 0px solid #dccaa4;
  border-left: 0px solid #dccaa4;
  margin: 0;
  float: right;
  clear: left;
  }

.contentImg-promo {margin-left: 10px; margin-top: 3px;}


/* left content */

#sidebar {
  float: left;
  font-size: 80%;
  width: 189px !important; /* all browsers*/
  width: auto; /* IE5.x/Win */
  width/**/:/**/auto; /* IE6/Win */
  }

#sidebar div.promomain1 {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #c2ab89;
  border-right: 1px solid #c2ab89;
  margin: 1em 10px 0 10px;
  padding: 0;
  background-color: #ede3ca;
  background-image: url("../images/promo-gradient1.jpg");
  background-repeat: repeat-x;
  }
#sidebar div.promomain1 h3 {
  font-size: 110%;
  font-weight: 400;
  color: #85412b;
  margin: .3em .5em .2em .5em;
  }
#sidebar div.promomain1 p {
  font-size: 100%;
  font-weight: 400;
  color:#666;
  margin: 0 .3em .5em .7em;
  }
#sidebar div.pmflower1 {
  background-image: url("../images/promomain-flower1.gif");
  background-repeat: no-repeat;
  background-position: 97% 0%;
  }

#sidebar div.pmflower2 {
  background-image: url("../images/promomain-flower2.gif");
  background-repeat: no-repeat;
  background-position: 97% 0%;
  }
 #sidebar div.pmflower2 h3 { 
  color: #333399;
  }

#sidebar div.noflower {
  background-color: #fff;
  }  
#sidebar div.pmflower2 ul {
  margin-left: 0;
  padding-left: 2em;
  padding-right: 1em;
  }  
#sidebar div.pmflower2 li {
  margin-left: 0;
  margin-bottom: 1em;
  }  

/* left menu */

#leftnavcontainer { 
  margin: 0;
  }

#leftnavcontainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  }

#leftnavcontainer a {
  display: block;
  padding: 3px 0 3px 0;
  background-color: #efe1bf;
  color: #85412b;
  width: 100%;
  border-bottom: 1px solid #c2ab89;
  }
.padder {padding-left: .8em; display: block;}
.paddersub {padding-left: 2.5em; display: block;}


#leftnavcontainer a:link, #leftnavlist a:visited {
  color: #85412b;
  text-decoration: none;
  }

#sidebar #leftnavcontainer a:hover {
  background-color: #fff;
  color: #a35725;
  }

/* #sidebar #leftnavcontainer li.off a:link {color: #fff; text-decoration: none;}
#sidebar #leftnavcontainer li.off a:visited {color: #fff; text-decoration: none;}
#sidebar #leftnavcontainer li.off a:hover {color: #fff; text-decoration: none;} */

#sidebar #leftnavcontainer li.on a:link {color: #85412b; text-decoration: none; background-color: #fff;}
#sidebar #leftnavcontainer li.on a:visited {color: #85412b; text-decoration: none; background-color: #fff;}
#sidebar #leftnavcontainer li.on a:hover {color: #85412b; text-decoration: none; background-color: #fff;}

#sidebar #leftnavcontainer li.subshade a:link {color: #85412b; text-decoration: none; background-color: #fff;}
#sidebar #leftnavcontainer li.subshade a:visited {color: #85412b; text-decoration: none; background-color: #fff;}
#sidebar #leftnavcontainer li.subshade a:hover {color: #85412b; text-decoration: none; background-color: #f5f5f5;}

#sidebar #leftnavcontainer li.subshadeon a:link {color: #85412b; text-decoration: none; background-color: #f5f5f5;}
#sidebar #leftnavcontainer li.subshadeon a:visited {color: #85412b; text-decoration: none; background-color: #f5f5f5;}
#sidebar #leftnavcontainer li.subshadeon a:hover {color: #85412b; text-decoration: none; background-color: #f5f5f5;}

#sidebar li.subshadeon a {
  background-image: url("../images/arrow.gif");
  background-repeat: no-repeat;
  background-position: 1.3em .5em;
  }


/* promos */

div.testimonial { 
  font-size: 100%; 
  border: 1px solid #e6dfdf; /* #7a9faa; */
  width: 80%;
  margin: 0 auto 1em auto;
  padding: .8em 0em .4em 0;
  } 
div.testimonial p {
  padding-left: 0;
  margin-left: 0;
  clear: left;
  }

.inflate {
  font-size: 580%;
  font-family: Geneva, Arial, Helvetica, sans-serif; 
  color: #ccc; 
  float: left; 
  margin: 0;
  padding: 0 .1em 0 0; 
  display:inline;
  line-height: .7em;
  }  

div.callout { 
  font-size: 100%; 
  border: 1px solid #e6dfdf; /* #7a9faa; */
  width: 70%;
  margin: 0 auto 1em auto;
  padding: 1em;
  } 
#main div.callout p {
  padding: 0 0 0 0;
  margin: 0 0 1em 0;
  clear: left;
  }

/* Example at /events/conference.php */
div.offset { 
  font-size: 100%; 
  float: right;
  background-color: #f9f9f9;
  border: 1px solid #e6dfdf;
  width: 200px;
  margin: 0 20px 10px 20px;
  padding: 1em 1em 0 1em;
  } 
#main div.offset h3 {
  padding: 0;
  margin: 0 0 7px 0;
  clear: left;
  }
#main div.offset h4 {
  padding: 0;
  margin: 0 0 0 0;
  clear: left;
  }  
#main div.offset p {
  padding: 0;
  margin: 0 0 1em 0;
  clear: left;
  }
#main div.offset li {
  margin-left: 0;
  }


div.offset2 { 
  font-size: 100%; 
  float: left;
  background-color: #f9f9f9;
  border: 1px solid #e6dfdf; /* #7a9faa; */
  margin: 0 15px 0 30px;
  padding: 1em 1em 1em 1em;
  } 
#main div.offset2 p {
  padding: 0;
  margin: 0 0 0 0;
  font-size: 230%; 
  color: #ccc;
  clear: left;
  }
#main div.offset2 li {
  margin-left: 0;
  }  

div.offset3 { 
  font-size: 100%; 
  float: right;
  background-color: #fff;
  border: 1px solid #e6dfdf;
  width: 200px;
  margin: 0 20px 10px 20px;
  padding: 1em 1em 1em 1em;
  } 
#main div.offset3 p {
  margin: 0 0 0 0;
  clear: left;
  }

/* Flyout box */

div.flyoutwrap {position: relative;}
#flyout1 {
  z-index: 99;
  background-color: #fff;
  border: 4px solid #ccc;
  padding: 15px 0px 5px 15px;
  position: absolute; 
  top: -110px; 
  left: -2000px;
  width: 250px; 
  } 

a.box:link {font-size:85%;}
a.box:visited {font-size:85%;}
a.box:hover {font-size:85%;}

#flyout1 p {
  margin: 0 0 .6em 0;
  padding: 0 15px 0 0;
  font-size: 80%;
  }
#flyout1 p.close {
  font-size:75%;
  margin: 0;
  padding-right: 4px;
  text-align: right;
  }

/* Overlapping content */

#concepts {
  margin-left: 0;
  position: relative;
  text-align: left;
  padding-bottom: 0;
  border: 0;
  }
#con1,
#con2,
#con3,
#con4,
#con5,
#con6 {
  z-index: 95;
  display: none;
  text-align: left;
  } 



/* tables */

table {
  width: 80%;
  margin: 0 auto 0 auto;
  }

td {
  font-size: 85%;
  padding: .5em .2em .5em .5em;
  vertical-align: top;
  }

th {
  font-size: 90%;
  padding: 1em 0 1em 0;
  background-color: #e7e7e7;
  color: #666;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  }
th.left {
 text-align:left;
 padding-left: .5em;
 }

td.tinted {background-color: #f4f3f1;}
tr.shaded {background-color: #f4f3f1;}

#main td.listy li {margin: 0; padding: 0 0 .5em .5em;}

#main td.right_s {padding-right: 2em; font-size: 85%; text-align: right;}



/* Buttons */

input.submit {
  background-color: #333399;
  color:#fff;
  font-weight: bold;
  font-size: 120%;
  padding: .2em;
  }

input.conbutton {
  margin:0;
  background-color: #333399;
  color:#fff;
  cursor: pointer; cursor: hand;
  font-weight:bold;
  border-color:#ccc;
  border-right-color:#333;
  border-bottom-color:#333;
  border-width:1px;
  font-size:70%;
  }

/* footer */

#footer {
  clear: both;
  font-size:80%;
  color: #663366;
  padding: .6em 0 0 0;
  background-color: #c4bdcd;
  height: 2em;
  border-bottom: 0;
  border-right: 1px solid #c2ab89;
  }
#footer p {
  padding: 0;
  margin: 0;
  text-align: center;
  }
#footer a:link {color: #663366; text-decoration: underline;}
#footer a:visited {color: #663366; text-decoration: underline;}
#footer a:hover {color: #996699; text-decoration: underline;}



/* Misc */

strong { color: #666;}
.right {text-align: right;}
.ctr {text-align: center;}
.rightbb {
  text-align: right; 
  border-bottom: 1px solid #e6dfdf; 
  padding-bottom: .5em;
  margin-bottom: 0;
  }
.red {color: #ff0000;}
.grey {color: #ccc;}
.highlight1 {background-color:#f5f0da; color:#85412b; font-weight:200;} 
.highlight2 {background-color:#daebf5; color:#336666; font-weight:200;}
.smaller {font-size: 85%;}
.smallest {font-size: 75%;}
.mid {text-align: center; padding-bottom: 1em;}
.linetop {border-top: 1px solid #ccc; padding-top: 1em;}
.clearl {clear: left;}