/* Reset */
/* { margin: 0; padding: 0; } */
/* html { overflow-y: scroll;} */
body { background:#ffce01; font-size: 12px; color: #555555; font-family: Arial, helvetica, sans-serif; }
ol, ul { style=list-style-type:circle; margin: 0;}
ul, li { margin: 0; padding: 0; font-size: 14px;}
h1 { margin-bottom: 8px; color: #000000; font-size: 1.4em#; font-weight: Bold;}
h2 { margin-bottom: 10px; color: #000000; font-size: 1.6em#; font-weight: Bold;}
h3 { margin-bottom: 12px; color: #000000; font-size: 1.8em#; font-weight: Bold;}
h4 { margin-bottom: 8px; color: #000000; font-size: 2.0em#; font-weight: Bold;}
h5 { margin-bottom: 8px; color: #000000; font-size: 2.2em#; font-weight: Bold;}
h6 { margin-bottom: 8px; color: #000000; font-size: 2.4em#; font-weight: Bold;}
h7 { margin-bottom: 12px; color: #000000; font-size: 4.0em#; font-weight: Bold;}
	
a, img { outline: none; border:none; color: #000000; font-weight: bold;}
p { margin: 0 0 12px; line-height: 1.4em; font-size: 1.2em;}

.paddedfive {
	padding: 5px;
}
 
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

textarea#styled {
	border: 3px ridge #cccccc;
	border-radius: 10px;
	padding: 5px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 15px;}

div#dbox {
	border: 3px none #cccccc;
	border-radius: 10px;
	padding: 8px;
	background-color: #dddddd;
	box-shadow: 3px 3px 1px #888888; }

div#dbox2 {
	border: 1px none #666666;
	padding: 3px;
	background-color: #dddddd;
	 }

input#info {
	border: 3px ridge #cccccc;
	border-radius: 10px;
	padding: 5px; }

select {
	border: 3px ridge #cccccc;
	border-radius: 10px;
	padding: 5px;
	width: 200px;
	font-size: 15px; }

input[type=submit] {
    	width: 10em;  height: 2em;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-weight: Bold;
	font-size: 15px; }

/* input[type=radio] { display:none; } */
input[type=radio] + label {
    display:inline-block;
    margin:-2px;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-color: #666666;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffdddd;
    background-image: -moz-linear-gradient(top,#fff,#ffdddd);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ffdddd));
    background-image: -webkit-linear-gradient(top,#fff,#ffdddd);
    background-image: -o-linear-gradient(top,#fff,#ffdddd);
    background-image: linear-gradient(to bottom,#fff,#ffdddd);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffffdddd',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); }
input[type=radio]:checked + label {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 12px 14px rgba(255,255,0,0.5),0 1px 2px rgba(255,255,0,0.2);
    -moz-box-shadow: inset 0 12px 14px rgba(255,255,0,0.0.5),0 1px 2px rgba(255,255,0,0.2);
    box-shadow: inset 0 12px 14px rgba(255,255,0,0.5),0 1px 2px rgba(255,255,0,0.2);
    background-color:#bbffbb;
    text-weight: Bold; }

#tiny { margin: 0 0 8px; line-height: .8em; font-size: .6em; font-weight: bold;}

#tx1 { margin: 0 0 12px; line-height: 1.4em; font-size: 1.2em; font-weight: bold;}
#tx2 { margin: 0 0 12px; line-height: 1.6em; font-size: 1.4em; font-weight: bold;}
#tx3 { margin: 0 0 12px; line-height: 1.6em; font-size: 1.4em; font-weight: bold; color: #990099;}

img { display: block; margin-bottom: 10px;}

.banner3 {
    position: relative;
}
.banner3 > img{
    width: 100%;
    height: auto;
}
.banner3 > .content3{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    /* overflow: auto; */
}

/* statement { font-weight: bold; font-size: 1.0em;} */

aside { font-weight: bold; font-size: 1.0em;}
aside2 { font-style: normal; font-size: 1.0em;}
aside3 { font-style: normal; font-size: 1.0em;}
aside4 { font-style: normal; font-size: 1.0em;}
aside5 { font-style: normal; font-size: 1.0em;}
aside6 { font-style: normal; font-size: 1.0em;}

article, statement, aside, aside2, aside3, aside4, aside5, aside6, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

pre{ white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap;
line-height: 1.2em; font-size: 1.4em; }

	
/* Structure Index etc three column*/
#wrapper {
	width: 96%;	
	max-width: 1000px;
	height: auto;
	margin: auto;
   	top-margin: 2px; 
	padding: 0%;
	}
 
	#statement {
		width: 97%;
	     	margin-right: 3%;
		float: left;
		}

       #main {
		width: 20%;
		margin-right: 3%;
		float: left;
		}
		#main img {
			max-width: 95%;
			height: auto;	
			}		
		
	aside {
		width: 54%;
		float: left;
		}
		aside img {
			max-width: 95%;
			height: auto;	
			}

	aside2 {
		width: 20%;
		margin-left: 3%;
		float: left;
		}
		aside2 img {
			max-width: 95%;
			height: auto;	
			}


/* Structure Blog Look */
#wrapper3 {
	width: 96%;	
	max-width: 1000px;
	height: auto;
	margin: auto;
   	top-margin: 5px; 
	padding: 2%;
	}
 
	#statement3 {
		width: 97%;
	     margin-right: 3%;
		float: left;
		}

       #main3 {
		width: 20%;
		margin-right: 3%;
		float: left;
		}
		#main3 img {
			max-width: 95%;
			height: auto;
			}
		
		
	aside4 {
		width: 49%;
		float: left;
		}
		aside4 img {
			max-width: 95%;
			height: auto;	
			}

	aside5 {
		width: 20%;
		margin-left: 3%;
		float: left;
		}
		aside5 img {
			max-width: 95%;
			height: auto;	
			}

/* Structure 2 Column */

#wrapper2 {
	width: 96%;	
	max-width: 1000px;
	height: auto;
	margin: auto;
	padding: 2%;
	}
 
	#statement2 {
		width: 97%;
	     margin-right: 3%;
		float: left;
		}

        #main2 {
		width: 47%;
		margin-right: 3%;
		float: left;
		}
		 #main2 img {
			max-width: 95%;
			height: auto;	
			}

	aside3 {
		width: 47%;
		float: left;
		margin-left: 3%;
		}
		aside3 img {
			max-width: 95%;
			height: auto;	
			}

/* Structure 1 Column Primarily for Forms - NOT THE SAME AS DN or ORA*/

#wrapper4 {
	width: 97%;	
	max-width: 1000px;
	height: auto;
	margin: auto;
	padding: 2%;
	}
 
	#statement4 {
		width: 97%;
	     margin-right: 3%;
		float: left;
		}

        #main4 {
		width: 5%;
		margin-right: 3%;
		float: left;
		}
		 #main4 img {
			max-width: 95%;
			height: auto;	
			}
	aside6 {
		width: 90%;
		float: left;
		margin-left: 3%;
		}
		aside4 img {
			max-width: 95%;
			height: auto;	
			}

/* end 1 column format */


/* Structure Index etc three column narrow left and right */
/* NOTE: aside7 defines a background color! <<< */ 
#wrapper5 {
	width: 96%;	
	max-width: 1000px;
	height: auto;
	margin: auto;
   	top-margin: 2px; 
	padding: 0%;
	}
 
	#statement5 {
		width: 97%;
	     	margin-right: 3%;
		float: left;
		}

       #main5 {
		width: 10%;
		margin-right: 3%;
		float: left;
		}
		#main5 img {
			max-width: 95%;
			height: auto;	
			}		
		
	aside7 {
		width: 74%;
		float: left;
		background: "#dddddd";
		}
		aside7 img {
			max-width: 95%;
			height: auto;	
			}

	aside8 {
		width: 10%;
		margin-left: 3%;
		float: left;
		}
		aside8 img {
			max-width: 95%;
			height: auto;	
			}



/* Logo H1 */
header h1 {
	height: 72px;
	width: 160px;
	float: left;
	display: block;
	background: url("../images/BBLogoSmall.png") 0 0 no-repeat;
	text-indent: -9999px;
	}
		
/* Nav */
header nav {
	float: right;
	margin-top: 40px; 
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		}

#skipTo {
	display: none;
	}
	#skipTo li {
		/* background: #b1fffc; */
		border: 1px solid blue;
		}

/* Banner */			
#banner {
	float: left;
	margin-bottom: 5px;
	width: 100%;
	}
	#banner img {
		width: 100%;
		}

/* Banner2 */			
#banner2 {
	float: left;
	margin-bottom: 2px;
	width: 100%;
	}
	#banner2 img {
		width: 100%;
		}

/* Banner3 */			
#banner3 {
	float: left;
	margin-bottom: 2px;
	width: 100%;
	}
	#banner3 img {
		width: 100%;
		}

/* Media Queries */
@media screen and (max-width: 480px) {

	/* Chris Coyier @chriscyer - No More Tables - Thank-You! Begin */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 	#no-more-tables tr { border: 1px solid #ccc; }
 	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		}
	/* No More Tables END */


	#skipTo {
		display: block;
		}
	
	header nav, #statement, #main, #main2, #main3, aside, aside2, aside3, aside4, aside5, aside6 {
		float: left;
		clear: left;
		margin: 0 0 2px; 
		width: 100%;
		}	
		header nav li {
			margin: 0;
			/* background: #efefef; */
			display: block;
			margin-bottom: 3px;
			}
			header nav a {
				border: 1px solid black;
				display: block;
				padding: 2px;
				text-align: center;
				}			
}