*{
  margin:0;
  padding:0;
  font:normal normal 100% verdana,sans-serif;
  color:#000;
  line-height:1.5em;
}

html{
}

body{
  background:#E7E5D7;
}

a img{
  border:0px;
}

p {
  margin: 0 0 19px;
    font-size: 0.75em;
}

#content p strong,#content p b{
  font-weight:bold;
}

li {
    font-size: 0.75em;
}

p a {
    font-size: 100%;
}

p em {
    color: #967F35;
    font-style: normal;
    font-size: 1em;
}

p a,p a:link,p a:active,p a:visited{
    color: #967F35;
}

p a:hover{
  color:#000000;
}

ul {
    padding-left: 15px;
    margin: 13px 0 13px 0;
}

.smallcaps {
    font-variant: small-caps;
    font-size: 0.85em;
}

/*layout*/

#outerwrapside{
  width:978px;
  margin:0 auto 0 auto;  
  background:url("images/wrap-side.jpg") top center #E7E5D7 repeat-y;

}

#outerwraptop{
  width:978px;
  margin:0 auto 0 auto;  
  padding-top: 14px;
  background:url("images/wrap-top.jpg") top center transparent no-repeat;

}

#outerwrapbottom{
  width:978px;
  margin:0 auto 0 auto;  
  padding:0 0 14px 0;
  background:url("images/wrap-bottom.jpg") bottom center transparent no-repeat;
}


#wrapper{
  margin:0 auto 0 auto;
  width:950px;
  background:transparent;
}

#header{
  text-align:right;
  width:950px;
  height:83px;
  margin:10px 0 0 0;
  clear:both;
}

#header img{
  margin:10px 0 0 0;
}

/*specific styles*/

h1{
  width:206px;
  height:83px;
  float:left;
  line-height:1.3em;
  position: relative;
}

h1 span{
  position:absolute;
  background:url("images/tmsdi-logo.gif") top left #fff no-repeat;
  width:206px;
  top: 0;
  left: 27px;
  height:83px;
}

/*navigation*/

#menu{
  clear:both;
  width:950px;
  font-size:1.2em;
  line-height:0.4em !important;
}
  
#menu ul{
  list-style-type:none;
  padding: 0;
  margin: 0;
  line-height:0.4em !important;
}

#menu li{
  color:#0072BC;
  line-height:0.4em !important;
  float:left;
  height:42px;
}

#menu a,#menu a:link,#menu a:visited,#menu a:active{
  text-decoration:underline;
  display:inline;
}

#menu a:hover{
  text-decoration:none;
}

#menu img{
line-height:0.8em;
}

/*banner*/

#banner{
  height:185px;
  width:950px;
  clear:both;
  background:url("images/banner-background.gif") top left #fff repeat-x;
}

#banner img{
  float:left;
}

img.middle{
  margin:0 4px 0 4px;
}

#banner1 {
  position: relative;
  width: 314px;
  height: 185px;
  float: left;
}

#banner2 {
  position: relative;
  margin: 0 0px 0 4px;
  width: 318px;
  height: 185px;
  float: left;
}

/*content*/

#content{
  padding:0 23px 0 23px;
  width:904px;
}

h2{
  padding: 15px 0 15px 0;
  border-bottom:1px solid #8D856C;
  color:#967F35;
  font-weight:normal;
  font-size:1.3em;
}

h3{
  color:#967F35;
  font-weight:normal;
  font-size:1.1em;
  padding: 0 0 8px 0;
  margin: 0;
  line-height: 130%;
}

h3.hr {
  border:1px solid #8D856C;
}

#contentleft, .contentleft {
  margin:20px 20px 0 0;
  float:left;
  width:289px;
}

#contentleft img, .contentleft img {
    margin-bottom: 20px;
}

#contentright, .contentright{
  margin:20px 0 0 0;
  float:right;
  width:595px;
}

#leftcol, .leftcol {
  width:286px;
  float:left;
}

#rightcol, .rightcol {
  width:286px;
  float:right;
}


.centerbox {
    margin: 15px 0 0 0;
}

.centerbox p {
    margin: 0;
}

.box{
  background:url("images/box-background.jpg") #E0DBCA top left repeat-y;
  width:256px;
  margin: 0 0 19px 0;
  padding:13px 15px 1px 15px;
  color:#6F674E;
}

.box .smallcaps {
  color:#6F674E;
}

.box table {
    width: 100%;
    margin-bottom: 5px;
}

.box td {
    width: 33%;
    font-size: 0.7em;
    color: #6F674E;
}

.box strong,.boxTint strong,.box b {
    font-weight: bold;
    color: #6F674E;
}

.box ul li {
  color:#6F674E;
}

.box p,.boxTint p, .box li {
  color:#6F674E;
  font-size: 0.7em;
}

.box p {
    margin: 0 0 10px 0;
}

.box ul {
    margin: 0 0 13px 0;
}

.box h3,.boxTint h3{
  border-bottom:1px solid #8D856C;
  padding:0 0 8px 0;
  margin: 0 0 10px 0;
  color:#6F674E;
  font-weight:normal;
  font-size: 1em;
}

#venues .box h3 {
    font-size: 0.95em;
}

.box h3 span {
  color: #6F674E;
}

#addThis{
  float:left;
  width:125px;
  clear:left;
  position:relative;
  top:8px;
}

.boxTint{
  background:url("images/box-background.jpg") #E0DBCA top left repeat-y;
  width:256px;
  color:#6F674E;
  padding: 10px 15px 1px 15px;
  margin:0 0 21px 0;
}

.boxTint ul,.boxTint ol {
    margin-bottom: 14px;
}

.boxTint ul {
    list-style: none;
    padding: 0;
}

.boxTint li {
    background-image: url('images/box-bullet.jpg');
    background-repeat: no-repeat;
    background-position: 8px 5px;
    padding: 0 0 6px 2em;
}

.boxTint ul a,.boxTint ul a:visited,.boxTint ul a:active{
  color:#967F35;
}

.boxTint ul a:hover{
  color:#000;
}

.addThis{
  clear:both;
  padding:10px 0 10px 0;
}

#quote{
  color:#967F35;
}

#quote.right {
	float:right;
	width:594px;
	clear:right;
}

#quote p{
  font-size: 0.975em;
  color:#967F35;
}

#quote em{
  font-style:normal;
  font-size:1.3em;
  color:#967F35;
}

#quote strong,#quote b{
  color:#967F35;
  font-weight:bold;
}


#footer{
  background-color: #EFEDE4;
  padding:3px 0 0 0;
  height:103px;
  clear:both;
  text-align:right;
  margin:20px 0 0 0;
}

#footer p{
  float:left;
  text-align:left;
  margin:39px 0 0 22px;
}

#footer img{
  float:right;
  margin:4px 20px 0 0;
}

/*contact form*/

#contact{
  }
  
#contact table{
  border-collapse:collapse;
}

#contact td{
  padding:4px;
  width:280px;
  vertical-align:top;
}

#contact label{
  display:block;
  width:274px;
}

#contact fieldset{
  border:0;
}

input{
  border:1px solid #669978;
  padding:1px;
  width:270px;
  margin-bottom:3px;
 }
 
textarea{
  border:1px solid #669978;
  padding:1px;
  width:270px;
  overflow:auto;
  height:142px;
}

#submit{
  color:#fff;
  font-weight:bold;
  width:60px;
  background:#669978;
  margin-top:3px;
  padding:0 1px 0 1px;
}

div.hr {
    background-color: #8D856C;
    height: 1px;
    font-size: 1pt;
    margin: 20px 0 20px 0;
    clear: both;
}

div.hrtop {
    background-color: #8D856C;
    height: 1px;
    font-size: 1pt;
    margin: 20px 0 0 0;
    clear: both;
}

div.hrbottom {
    background-color: #8D856C;
    height: 1px;
    font-size: 1pt;
    margin: 0 0 20px 0;
    clear: both;
}

div.hrnone {
    background-color: #8D856C;
    height: 1px;
    font-size: 1pt;
    clear: both;
}

.clear {
    clear: both;
}

.bioLeft {
    float: left;
    width: 100px;
    margin-right: 20px;
    text-align: center;
}

.bioRight {
    float: right;
    width: 470px;
}

img.accreditation {
    float: left;
    border: 1px solid #CCC;
}

p.accreditation {
    float: left;
    width: 130px;
    margin: 50px 0 0 0;
    padding-left: 20px;
}

.accreditationpdf {
    text-align: center;
}

.accreditationpdf img {
    border: 1px solid #CCC;
}

#copyright strong,#copyright b {
    font-weight: bold;
}

img.nomargin {
    margin: 0 !important;
}

img.icon {
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
}

#slideshow{
    margin: 2px 0 32px 0;
    height:300px;
    width:398px;
    position:relative;
    top:0;
    left:2px;
}

img.front {
 opacity:1;
 -moz-opacity:1;    /*opacity will not validate*/
 -khtml-opacity:1;
 filter: alpha(opacity=100);
 margin: 0px;
 padding: 0px;
 position: relative;
 top: 0px;
}

img.back {
 opacity:0;
 -moz-opacity:0;
 -khtml-opacity:0;
 filter: alpha(opacity=0);
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 0px;
}

#banner1-sl1front, #banner2-sl1front {
 left: 0px;
 width: 314px;
 height: 185px;
}

#banner1-sl1back, #banner2-sl1back {
 left: 0px;
 width: 314px;
 height:185px;
}

#contactForm{
  margin:0;
  padding:0 0 10px 0;
  overflow:auto;
  color:#967F35 !important;
}

.err{
  color:#E86857;
}

.err img{
  margin:2px 4px 0 0;
}

#contactForm fieldset{
  border:0px solid #8D856C;
  padding:0px 10px 10px 10px;
  margin:0 0 10px 0;
  background:url("images/box-background.jpg") #E1DFD3 top left repeat-y;
}

#contactForm h2{
  font-size:1.3em;
  font-weight:normal;
  color:#967F35;
  padding:5px;
}

#contactForm h3{
  font-size:1.2em;
  font-weight:normal;
  color:#967F35;
  padding:0 0 5px 0;
  border-bottom:0px
}

#contactForm ul{
  list-style-type:none;
  margin:0;
  padding:0;
  color:#967F35;
}

#contactForm li{
  overflow:auto;
  padding-top:10px;
}

#contactForm label{
  width:160px;
  float:left;
  display:block;
  color:#6F674E !important;
}

#contactForm label.gold{
  color:#967F35 !important;
}

#contactForm label.checkbox{
  width:auto;
  padding:0 10px 5px 0;
  float:left;
}

#contactForm input{
  float:left;
  width:270px;
  border:1px solid #6F674E;
  padding:1px;
  font:normal normal 1em verdana,sans-serif;
}

#contactForm select{
  float:left;
  width:274px;
  border:1px solid #6F674E;
  padding:1px;
  font:normal normal 1em verdana,sans-serif;
}

#contactForm input.checkbox{
  width:28px;
  float:left;
  border:0px;
  margin-top:0px;
}

#contactForm textarea{
  float:left;
  width:270px;
  border:1px solid #6F674E;
  padding:1px;
  height:100px;
  padding:1px;
  overflow:auto;
  font:normal normal 1em verdana,sans-serif;
}

#contactForm .field{
  margin-left:160px;
}

#contactForm .submit{
  width:140px;
  height:40px;
  padding:0px;
  border:0px;
  margin:0 1px 1px 0;
  float:right;
}


#twitterLink a,#twitterLink a:active,#twitterLink a:visited,#twitterLink a:hover{
  height:39px;
  display:block;
  width:65px;
  background:url('images/twitter-logo.gif') top left no-repeat;
  padding:1px 0 0 44px;
}

.bottomClear{
  overflow:auto;
  clear:both;
}

#issuus{
  display:none;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


blockquote{
  display:inline;
  font-size:1em;
  color:#967f35;
  font-style:italic;
  margin: 0 0 19px;
}

#map {
    height: 215px;
    width: 295px;
    border: 1px solid transparent;
	margin:0 0 10px 0;
}

.socialLinks{
  padding-bottom:0px;
  margin-bottom:0px;
}

#contentleft .socialLinks img{
  margin-bottom:0px;
}

.info{
  padding-left:0px;
  padding-bottom:10px;
  color: #0075b5;
}

.info strong{
  font-weight:bold;
  color: #0075b5;
}

#contactForm .radios span{
  color: #6f674e;
  width:187px;
  display:block;
  float:left;
  clear:left;
}

#contactForm .radios label{
  width:100%;
}

#contactForm .radios input{
  width:14px;
  float:none;
  border:0px;
  margin:2px 6px 9px 14px;
}

#contactForm .radios .err{
   color:#E86857;
}