/* CSS Document for BSDA website */
html {height:101%;}
body {font: 76%/1.4 Arial, Helvetica, sans-serif; background: #F4F4F4; color:#000; text-align:center; margin: 20px 0;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* links */
a, a:visited {color:#226ebc; text-decoration:none;}
a:hover {color:#226ebc; text-decoration:underline;}
/* end links */

/* page containers */
div#wrapper {margin:0 auto; text-align:left; background-color: #fff; border: 1px solid #226ebc; width:760px;}
p.skip {display:none;}
/* end page container */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#left {float:left; padding: 0 0 20px 9px; background-repeat: no-repeat; background-position: center bottom; width:138px; w\idth:130px;}
.home div#left {padding: 0 0 280px 9px;}
div#content {float:left; padding: 0 20px 20px 20px; width:470px; w\idth: 430px;}
.home div#content{width: 620px; padding:0;}
.wide div#content{padding:0 8px 0 20px; width: 619px; w\idth: 592px;}
div#right {float: left; width: 142px;}
div#right img {border:1px solid #E7EDEB; margin:20px 0 0 0;}
/* end general layout rules */

/* header */
div#header {float: left; width:760px; border-bottom: 1px solid #226ebc; background: url(../../../../images/bg-image.png) no-repeat top right;}
div#header h1 {display:none;}
div#logo {padding: 2px 0 6px 7px; float:left;}
div#search { background-color: #fff; float: left; position: relative; top:38px; left:435px; padding: 0 0 3px 0; font-weight:bold; width: 170px;}
div#search input {width: 90px; border:1px solid #7B9EBC;}
div#search img {position: relative; top: 3px; left: 1px;}
div#search label {margin-right: 6px; cursor:pointer;}
div#topnav ul {text-align: right; position:relative; top: 85px; right: 5px;}
div#topnav ul li {display: inline; margin: 0 2px 0 2px;}
div#topnav ul li a {margin: 0 3px 0 0;}
div#topnav ul li a:hover {text-decoration: underline;}
/* end header */

/* main nav */
div#nav {width: 760px; border-bottom: 1px solid #226ebc; float: left; padding-bottom: 4px;}
div#nav ul {text-align: center; margin: 4px 8px 0 8px; float: left; display:inline;}
div#nav ul li {float:left; list-style: none;}
div#nav ul li a {display: block; padding: 3px 0 5px 0; background-color: #2A77B2; color: #fff; border-right: 1px solid #fff; width: 124px; w\idth: 123px; }
div#nav ul li a:hover {background-color: #62b1d2; text-decoration: none;}
div#nav li.active a {background-color: #62b1d2; text-decoration: none;}
/* end main nav */

/* home page specific rules */
div#homeintro {padding: 10px 8px 10px 10px; line-height: 20px;}
div#homeintro p {margin: 10px 0;}
div#homeintro img {border-bottom:2px solid #bde0d3; border-top: 2px solid #bde0d3; border-left: 1px solid #bde0d3; border-right: 1px solid #bde0d3; float:right; margin-left: 15px;} 
div#panels {padding: 0px 0px 10px 3px; float: left; }
.panel {width: 140px; float: left; margin-right: 5px; color: #2e5d77; font-weight: bold; min-height:205px; height:auto !important; height:205px;}
div.panel h3 {padding: 7px 0 3px 10px; font-size: 1em; margin:0 0 10px 0; text-transform:uppercase;}
div.panel h4 {margin: 0px 5px 0px 10px; font-size: 0.92em;}
div.panel p {margin: 0px 5px 14px 10px; font-size: 0.92em;}
div#panels h3 a, div#panels h3 a:visited {color: #2e5d77; display:block;}
div#panels a, div#panels a:visited {color: #1660ae;}
.news {background-color: #dae4ee; border-bottom: 3px solid #c5d8e7;}
.train {background-color: #dee9ef; border-bottom: 3px solid #bdd9e5;}
.committees {background-color: #e3efef; border-bottom: 3px solid #d6e8ea;}
.publications {background-color: #e3eeea; border-bottom: 3px solid #d6e9e3;}
div.panel.news h3 {background-color: #c5d8e7;}
div.panel.train h3 {background-color: #bdd9e5;}
div.panel.committees h3 {background-color: #d6e8ea;}
div.panel.publications h3{background-color: #d6e9e3;}
/* end home page specific rules */

 
/* login box */
div#login {margin: 10px 0 0 0; border-bottom: 2px solid #bde0d3; border-top: 2px solid #bde0d3; border-left: 1px solid #bde0d3; border-right: 1px solid #bde0d3; color: #21546f; font-size: 1em; font-weight:bold; padding: 5px 17px 0 10px; width: 122px; w\idth: 93px;}
div#login h3 {font-size:1em; margin:0;}
div#login h4 {font-size:0.92em; margin:0;}
div#login label {display:none;}
div#login input {margin: 7px 0; width:89px; border:1px solid #bde0d3; font-size:.92em; padding:2px;}
div#login input.button {width:auto; margin:0 0 8px 0; color:#628292; background-color:#fff; border:none; font-weight:bold; cursor:pointer; font-size:.92em; padding:0;}
/* end login */

/* secondary navigation */
div#subnav {padding:0 7px 0 0;}
div#subnav ul {margin: 0 0 0 0; line-height:normal;}
div#subnav ul li {list-style-type: none; background-color: #62b1d2; color: #FFF;}
div#subnav ul li a {padding: 6px 5px 6px 5px; color: #FFF; display: block; border-bottom: 1px solid #fff; width:123px; width:113px;}
div#subnav ul li a:hover {color:#000; text-decoration:none;}
div#subnav ul ul {margin:0 0 0 0;}
div#subnav ul ul li a {background-color:#8CC4DC; padding:3px 5px 3px 15px; width:123px; width:103px;}
div#subnav ul ul li a:hover {color:#000;}
div#subnav ul ul ul {font-size:.92em;}
div#subnav ul ul ul li {color: red;}
div#subnav ul ul ul li a {background-color:#DFEAEF; color:#000; padding:3px 5px 3px 30px; width:123px; width:88px;}
div#subnav ul ul ul li a:hover {color:#000;}
/* end secondary navigation */

/* 'you are here' effects */

div#subnav ul li.active a {color:#000;}
div#subnav ul li.active ul li a {color:#fff;}
div#subnav ul li.active ul li a:hover {color:#000;}
div#subnav ul li.active ul ul li a {color:#000;}
div#subnav ul li.active ul li.active a {color:#000;}
div#subnav ul li.active ul li.active ul li a {color:#226ebc;}
div#subnav ul li.active ul li.active ul li a:hover {color:#000;}
div#subnav ul li.active ul li.active ul li.active a {background-color:#fff; color:#000;}
/* end 'you are here' effects */

/* breadcrumb */
div#content div#crumbs {float: left; background-color: #c5d8e8; width:100%; margin:0 0 10px 0; font-size:.92em;} 
div#content div#crumbs ul {float: left; padding:5px 2px; margin:0;}
div#content div#crumbs ul li {float: left; list-style-type: none; font-weight: bold; padding: 0 0 0 5px;}
div#content div#crumbs ul li a {color:#000;}
/* breadcrumb */

/* related links*/
div#links {background-color: #e3eeea; padding-bottom: 10px; }
div#links h3 {background-color: #d6e9e2; padding: 5px 0 5px 10px; font-size: 1em; margin:0;}
div#links p {margin: 10px 5px 0 10px; font-size: 1em;}
div#links a {color: #1660ae;}
/* end related links*/

/* footer */
div#footer {background-color:#a4bcc8; padding: 5px 10px 5px 20px; font-size:0.92em; width: 760px; w\idth: 730px;}
div#footer address {float:left; font-style: normal; margin-right: 30px;}
div#footer address a {color:#FFF;}
div#footer address p {display:block; margin:0;}
div#footer ul li {list-style-type: none; text-align: right; color:#fff;}
div#footer ul li a {color: #FFF;}
/* end footer */

/* general typography */
.Heading1, h1				{font-size:1.5em; color:#628292; margin:0 0 .8em 0;}
.Heading2, h2				{font-size:1.4em; color:#628292; margin:0 0 .6em 0;}
.Heading3, h3 				{font-size:1.3em; color:#628292; margin:1.2em 0 .4em 0;}
.Heading4, h4 				{font-size:1em; color:#628292; margin:1em 0 0 0;}
.Heading5, h5 				{font-size:1em; color:#628292; margin:1em 0 .5em 0;}
.Heading6, h6 				{font-size:1em; margin:0;}

p {margin:0 0 1em 0;}
acronym {border-bottom: 1px dashed #E40689;; cursor: help;}
hr {height:1px; color:#8CC4DC; border: 0; background-color: #8CC4DC; margin: 10px 0;}
/* end general typography */

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:0 0 12px 12px;}
img.leftborder, img.rightborder {border: 1px solid #8CC4DC;}
img.border {border: 1px solid #8CC4DC; margin:4px 0 12px 0;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 12px 4px 0; width:180px; background-color:#F4F4F4; }
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; clear:right; margin:4px 0 4px 12px; width:180px; background-color:#F4F4F4;}
.captionleftborder {float:left; margin:4px 12px 4px 0; width:180px; border: 1px solid #8CC4DC; background-color:#F4F4F4; }
.captionleftborder p, .captionrightborder p {margin:0; padding: 6px; font-size:.92em;}
.captionrightborder {float:right; margin:4px 0 4px 12px; width:180px; border: 1px solid #8CC4DC; background-color:#F4F4F4;}
/* end image captions */

/* lists */
div#content ul {margin:0 0 1em 3em;}
div#content ul li {padding:0; list-style-type:square;}
div#content ul ul {margin:.3em 0 .3em 3em;}
div#content ul ul li {list-style-type:square;}
div#content ul ul ul li {list-style-type:square;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}
/* end lists */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */

table, th, tr, td {font-size:1em;}
table {margin: .5em 0 1em 0; padding:0; border-right:1px solid #8CC4DC; border-top:1px solid #8CC4DC;}
th {padding: .2em .4em; background:#8CC4DC; text-align:left; color:#fff;}
td {padding: .4em; border-bottom:1px solid #8CC4DC; border-left:1px solid #8CC4DC;}
table caption {text-align:left; font-size:1em; font-weight:bold;}

/* end tables */

/* forms */
div.formholder {float:left; width:100%;}
div#content form {margin: 20px 0; float:left; width:356px;}
div#content fieldset {border:none; margin: 20px 0; float:left; width:356px;}
div#content legend {font-size:1.5em; margin:0 0 4px 0; color:#000;}
/*
div#content label {clear:left; cursor:pointer; font-weight:normal; display:block; width: 160px; float:left;}
*/
div#content fieldset label {clear:left; cursor:pointer; font-weight:normal; margin : 2px 0px 0px 0px; padding : 0px; display:block; float:left; width : 130px;}
div#content fieldset input, 
div#content fieldset textarea, 
div#content fieldset select {width:190px; float:left; margin:2px 20px 0px 0px; border: 1px solid #8CC4DC; background:none;}

div#content fieldset option {background: #fff;}
div#content fieldset input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content fieldset input.button {display:inline; width : 130px; margin:5px 0 0 130px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#F4F4F4; border:1px solid #8CC4DC; clear:left;}
/* end forms */

/* content */
div#content_wrapper {width : 98%; margin : 2px; float : left; }
/*div#content_wrapper thead {font-size:1em; color: #000; border: 3px solid #000; background-color: #000;}*/
div#content_wrapper table, th, tr, td {font-size:1em; color: #000; }
div#content_wrapper table {margin: .5em 0 1em 0; padding:0; border:1px;}
div#content_wrapper table table {margin: .5em 0 1em 0; padding:0; border:1px solid #bde0d3;}
div#content_wrapper th {padding: .2em .4em; text-align:left; color:#000; border:1px solid #bde0d3; }
div#content_wrapper td {padding: .4em; border:1px solid #bde0d3;}
div#content_wrapper table caption {text-align:left; font-size:1em; font-weight:bold;}
div#content_wrapper label {color:#21546f;}
div#content_wrapper input {margin: 7px 0; width:89px; border:1px solid #bde0d3; font-size:.92em; padding:2px;}
div#content_wrapper input.button {width:auto; margin:0 0 8px 0; color:#628292; background-color:#fff; border:none; font-weight:bold; cursor:pointer; font-size:.92em; padding:0;}
div#content_wrapper input#Template_ctl11_ctl00_indexServerSearchSubmitButton {background-color:red; width:auto; margin:0 0 8px 0; color:#628292; background-color:#fff; border:none; font-weight:bold; cursor:pointer; font-size:.92em; padding:0;}

/*div#content_wrapper ul li	{list-style-type:disc; margin: 10px;}*/
/*li	{list-style-type:disc; list-style:outside; position:relative; float:left; margin:0px; }*/
/*div#content_wrapper ul li	{list-style-type:disc; position: relative; float:left; margin:0px; }*/
div#content_wrapper ul {margin:0 0 1em 3em;}
div#content_wrapper ul li {padding:0; list-style-type:disc;}
div#content_wrapper ul ul {margin:.3em 0 .3em 3em;}
div#content_wrapper ul ul li {list-style-type:disc;}
div#content_wrapper ul ul ul li {list-style-type:disc;}

div#content_wrapper p {color : #000; font-weight : normal;}

div.search_wrapper {float: left; width:100%;}
div.search_wrapper table, tr, td {width:100px; margin: 0px;}
div.search_wrapper table, table, tr, td {background:none;}

.Heading1,h2 				{font-size:1.4em; color:#628292; margin:0 0 .6em 0;}
.Heading2,h3 				{font-size:1.3em; color:#628292; margin:1.2em 0 .4em 0;}
.Heading3,h4 				{font-size:1em; color:#628292; margin:1em 0 0 0;}
.Heading4,h5 				{font-size:1em; color:#628292; margin:1em 0 .5em 0;}
.Heading5,h6 				{font-size:1em; margin:0;}