/* Reset browser values
-------------------------------------------------------------------------------------------- */
@import url("reset.css");




/* Global
-------------------------------------------------------------------------------------------- */

body {
	background: #383838 url('../img/body_bg.jpg') top center repeat-x;
	color: #444444;
	font-family: 'Trebuchet MS', 'Arial', Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.7em;
	margin: 0;
	padding: 0px 0px 30px 0px;
}

img, a:hover img { border: 0; }

textarea {
	background: #f9f9f9;
	border: 1px #dddddd solid;
}

td { vertical-align: top; }

.clear { clear: both; }

.hand {
	cursor: pointer;
	cursor: hand;
}

.sitewidth {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	width: 900px;
}



/* Typography
-------------------------------------------------------------------------------------------- */

a {	color: #2473d2; }

a:hover {
	color: #002787;
	text-decoration: underline;
}

strong { font-weight: bold; }

p { padding: 0px 0px 15px 0px; }

h1 {
	font-family: 'Trebuchet MS', 'Arial', Helvetica, sans-serif;
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -0.05em;
}

h2 {
	color: #00aef1;
	font-family: 'Trebuchet MS', 'Arial', Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	margin: 20px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
}

h3 {
	color: #00aef1;
	font-family: 'Trebuchet MS', 'Arial', Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: -0.05em;
}




/* Lists
-------------------------------------------------------------------------------------------- */

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
dl {
	margin: 10px 0;
}
dt {
	font-weight: bold;
	color: #A45E35;
}
dd {
	padding-left: 25px;
	margin-bottom: 20px;
}




/* Form elements
-------------------------------------------------------------------------------------------- */

label {
	font-weight: bold;
	color: #002787;
}
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #888888;
	border-width: 1px;
	border-style: solid;
	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input.form-submit:focus {
	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;
}
input:focus, select:focus, textarea:focus {
	color: #333333;
	background: #fafafa;
}
input.form-text, input.form-textarea {
	width: 90%;
}
fieldset {
	border: 1px solid #D3C3C8;
	margin: 1em 0;
	padding: 1em;
}
fieldset.collapsed { margin: 0; padding: 5px; }

fieldset legend {
	padding: 0 6px 0 0;
}
fieldset legend a:link {
	text-decoration: none;
}
form .buttons {
	border-top: 2px #cccccc solid;
	text-align: right;
	margin: 30px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
}
form .description {
	color: #555555;
}




/* Layout
-------------------------------------------------------------------------------------------- */

.body-wrapper-a { background: url('../img/baseshade_bg.png') top center repeat-y; }
.body-wrapper-b { background: url('../img/body_truck.png') center 441px no-repeat; }
.body-wrapper-c { background: url('../img/header_bg.jpg') top center no-repeat; }

#toplogo {
	background: url('../img/toplogo_bg.jpg') top center no-repeat;
	height: 330px;
}

#toplogo h1,
#toplogo h3 { display: none; }



/* Navigation
-------------------------------------------------------------------------------------------- */

#navigation {
	margin-left: auto;
	margin-right: auto;
	width: 930px;
}

#navigation a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#navigation a:hover { text-decoration: underline; }

#navigation h3 { display: none; }

#navigation .content {
	height: 39px;
}

#navigation .leaf, #navigation .first, #navigation .active-trail, #navigation .collapsed, #navigation .expanded {
	list-style-type: none;
	list-style-image: none;
}

#navigation ul { margin: 0px 0px 0px 0px; }

#navigation li {
	float: left;
	height: 27px;
	list-style-type: none;
	padding: 10px 30px 0px 30px;
}

#navigation li.first {  background: none; }

#navigation li li { display: none; }

#navigation li.active-trail a { color: #ffffff; }

#navigation li li.active-trail a { text-decoration: underline; }


#navigation .menu .expanded:hover .menu {
    background-image: url("/sites/all/themes/bbv/img/submenu.jpg");
    background-size: 100% 100%;
    border-radius: 1px 1px 10px 10px;
    box-shadow: 1px 4px 10px #000000;
    display: block;
    height: 75px;
    margin-top: 10px;
    padding: 0;
    width: 76px;
}
#navigation li.expanded:hover li {
    display: block;
	padding: 10px 20px 0px 20px;
}
#navigation a {
    padding-bottom: 13px;
}



/* Spotlight
-------------------------------------------------------------------------------------------- */

#spotlight {
	background: #333333;
	background-image: url(/sites/default/files/images/spotlight_01.jpg);
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 900px;
}

#spotlight h2,
#spotlight h3,
#spotlight .meta { display: none; }

#spotlight p,
#spotlight img {
	border: none;
	margin: 0;
	padding: 0;
}




/* Pagetitle
-------------------------------------------------------------------------------------------- */

#pagetitle {
	background: url('../img/pagetitle_bg.png') bottom center no-repeat;
	clear: both;
	color: #515151;
	margin: 0px 0px 40px 0px;
	position: relative;
	right: 30px;
	width: 650px;
}

#pagetitle h1 {
	font-size: 2.6em;
	letter-spacing: -0.05em;
	padding: 30px 0px 20px 30px;
}



/* Base
-------------------------------------------------------------------------------------------- */

#base {
	background: url('../img/base_bg.png') top center repeat-y;
	width: 100%;
}

#base .base-wrapper { background: url('../img/base-wrapper_bg.png') top center no-repeat; }

#base .content-wrapper {
	background: url('../img/content_bg.png') top center no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
#base .content-wrapper.full {
	background: url('../img/content_full_bg.png') top center no-repeat;	
}




/* Content
-------------------------------------------------------------------------------------------- */

#content {
	float: left;
	width: 590px;
	padding: 0px 30px 0px 30px;
}
#contentFull {
	float: left;
	width: 840px;
	padding: 0px 30px 0px 30px;
}

/* Right column
-------------------------------------------------------------------------------------------- */

#rightcolumn {
	float: right;
	width: 250px;
}

#rightcolumn a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
#rightcolumn a:hover { text-decoration: underline; }

#rightcolumn h3 {
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 20px;
	padding: 8px 30px 0px 0px;
	text-align: right;
}

#rightcolumn ul {
	margin: 0px 0px 0px 15px;
	padding: 0;
}

#rightcolumn li {
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin: 5px;
}
#rightcolumn li li,
#rightcolumn li.first { background: none; }

#rightcolumn li ul { margin-left: 30px; }

#rightcolumn li li {	margin: 0px; }
#rightcolumn li li a { color: #002787; }

#rightcolumn .block {
	background: url('../img/sidebar-block_bg.png') 0px 35px repeat-x;
	border-bottom: 1px #e4e4e4 solid;
	margin: 45px 0px 0px 0px;
	padding: 0px 0px -30px 0px;
	width: 250px;
}
#rightcolumn .block .content .block {
border-bottom: none;
	margin: 0px;
}

#rightcolumn .block .content {
	padding: 80px 40px 10px 20px;
	width: 225px;
}

#rightcolumn #block-block-1 .content{
	padding: 0px 0px 0px 20px;
}

#block-user-1 h3,
#block-panels_mini-contact_nl h3 { display: none; }

#block-user-1 .content { background: url('../img/sbtitle_admin.png') top right no-repeat; }
#rightcolumn #block-block-1{
	background: none;
	border-bottom: none;
}

#block-panels_mini-contact_nl .content .content { background: url('../img/sbtitle_contact.png') top right no-repeat; }




/* Footer
-------------------------------------------------------------------------------------------- */

#footer {
	background: url('../img/footer_bg.png') top center no-repeat;
	color: #ffffff;
	height: 80px;
}
#footer.footerFull {
	background: url('../img/footer_full_bg.png') top center no-repeat;
}

#footer .wrapper {
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0px 0px 30px;
	text-align: left;
	width: 870px;
}

#footer .copyright {
	float: left;
	margin: 30px 0px 0px 50px;
}

#footer .poweredby {
	float: right;
	margin: 15px 65px 0px 50px;
}

#footer .poweredby a {
	background: url('../img/powered_by.png') top center no-repeat;
	display: block;
	float: right;
	height: 60px;
	left: 40px;
	position: relative;
	bottom: 25px;
	width: 220px;
}

#footer .poweredby a span { display: none; }