﻿/* http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/ */

.scms-admin-edit
{
	margin-left:25px;
	padding:2px 4px;
	position:absolute;
	z-index:9999;
	background-color: #ccf;
	border:dotted 1px #227;
}

.scms-admin-edit a
{
	color:#227;
}

.breadcrumbs a
{
	text-decoration: none;
	color: Navy;
}

.breadcrumbs a:hover
{
	text-decoration:underline;
}

.breadcrumbs
{
	margin-left:18px;
	margin-bottom:10px;
	margin-top: 10px;
	color: #f8bd0a;
	font-family: Lucida Sans, Arial, Verdana, sans-serif;
	font-size:11px;
}

.breadcrumbs .root
{
}

.breadcrumbs .current
{
	
}

.breadcrumbs .separator
{
}


.breadcrumbs .node
{
}

.subnav 
{
	padding:5px 0;
	color: #fff;
	font-family: Lucida Sans, Arial, Verdana, sans-serif;
	font-size:14px;
}

.subnav ul 
{
	margin-top:5px;
	margin-bottom:5px;
	
	margin-left:0px;
	padding-left:5px;
	
	list-style:none;
}

.subnav ul li ul
{
margin-left: 30px;
font-size: 12px;
line-height: 16px;
margin-bottom: 23px;
}

.subnav li:hover
{
}

.subnav li ul li:hover
{
}

.subnav li 
{
	margin:0;
	padding:0;
	margin-top: 7px;
}

.subnav a
{
	color: #fff;
	text-decoration:none;	
	background-image: url(/sites/thedjbay/images/subbg.png);
	background-position: left middle;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 5px;
}

.subnav ul li ul li a
{
	color: #F8BD0A;
	text-decoration:none;
	background-image: none !important;
	padding-left: 0px;
}

.subnav a.active, .subnav a:hover
{
	font-weight:bold;
}

.subnav ul li ul li
{
	margin-top: 4px;
}

/* footer subnav styling */
.footer-subnav ul
{
	text-align:center;
	margin:0;
	padding:0;
}

.footer-subnav li
{
	list-style-type:none;
	display:inline;
	margin-right:20px;
}

.recaptcha_wrap
{
	padding:20px 0;
}

/*
.menu-static
{
	color: #555;
}

.menu-static-item
{
	color: #555;
	font-size: 14px !important;
	padding-left:10px;
	padding-right:10px;
}

.menu-static-item:hover
{
}

.menu-static-hover
{
}
*/

.menu-dynamic
{
  border-right:solid 1px #000;
  border-left:solid 1px #000;
  border-bottom:solid 1px #000;
  color: #555;
  z-index:1;
}

.menu-dynamic a
{
  color: #555;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
}

.menu-dynamic-hover, .menu-dynamic-hover td
{
	color: black;
	background-color:#eee;
}



.menu-dynamic-hover a:hover
{
	color: black;
	text-decoration:none;	
}

.menu-dynamic-item
{
  text-align:left;
  border-top:solid 1px #000;
  padding-top: 5px;
  padding-bottom: 5px;
}
					
.menu-dynamic-selected
{
}

/* survey setup test*/

.survey-row
{
	clear:both;
	margin-top:5px;
	padding-top:5px;
}

.survey-label
{
	float:left;
	display:inline;
	text-align:right;
	width:200px;
	font-weight:bold;
	padding-right:10px;
}

.survey-value
{
	float:left;
	display:inline;
	width:300px;
}

.survey-label-wide
{
	font-weight:bold;
}
.survey-value-wide
{
}

.survey-input
{
	text-align:center;
}




/* -----------------------------------------------------------------------------  */




body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/sites/thedjbay/images/pri_bg_ff.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: center top;
	font-family: Lucida Sans, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
    overflow: -moz-scrollbars-vertical;
}

a {
color: #F8BD0A;
}

a:hover {
color: #Ffe79d;
}

img {
border: none;
}

.header {
width: 929px;
height: 140px;
margin-left: auto;
margin-right: auto;
}

	.logo {
	float: left;
	display: inline;
	height: 140px;
	}
	
	.logo h1 {
	font-size: 0px;
	}
	
	.social {
	float: right;
	display: inline;
	padding-top: 11px;
	padding-bottom: 14px;
	width: 556px;
	background-image:  url(/sites/thedjbay/images/socialbg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
	
	.social img {
	
	margin-right: 16px;
	}
	
	.logo p {
	margin: 0;
	padding: 0;
	}
	
	.social p {
	margin: 0;
	padding: 0;
	}

.navbar {
width: 929px;
background-image: url(/sites/thedjbay/images/navbar.gif);
height: 28px;
width: 929px;
margin-left: auto;
margin-right: auto;
clear: both;
padding: 0;
}

.navbar p {
padding: 0;
margin: 0;
}

.navbar img {
padding: 0;
margin: 0;
}


.content_container {
width:929px;
min-height: 628px;
height: 628px;
height: auto;
margin-left: auto;
margin-right: auto;
clear: both;
overflow: hidden;

}

	.content_left {
	width: 269px;
min-height: 598px;
height: 598px;
height: auto;

	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	display: inline;
	padding-left: 15px;
	padding-top: 30px;
	overflow: hidden;
	}
	
	.content_right {
	width: 645px;
min-height: 628px;
height: 628px;
height: auto;
	background-position: center top;
	float: left;
	display: inline;
	padding: 0;
	overflow: hidden;
	}
	
	.content_right p {
	margin: 0;
	padding: 0;
	}

.content_left h1 {
  margin-top: -10px;
  font-size:18px;
  color: #fff;
}

.footer {
width: 929px;
margin-left: auto;
margin-right: auto;
clear: both;
}

.bodytext {

width: 645px;
min-height: 355px;
height: 355px;
height: auto;
overflow: hidden;
}

.bodytext p {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffffff;
font-size: 11px;
padding-right: 30px;
padding-left: 35px;
line-height: 15px;
padding-top: 10px;
}

.bodytext td {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffffff;
font-size: 11px;
}


.bodytext h1 {
margin: 0;
padding: 0;
color: #ffc830;
font-size: 16px;
padding-top: 21px;
margin-left: 34px;
}

.bodytext h2 {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffe79d;
font-size: 14px;
margin-left: 34px;
font-weight: bold;
}

.bodytext h3 {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #f8bd0a;
font-size: 11px;
font-weight: bold;
}


.bodytext h3 {
margin-left: 34px;
font-size: 13px;
color: #ffffff;
}

.bodytext a {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #f8bd0a;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}

.bodytext a:hover {
text-decoration: underline;
color: #ffe79d;
}

.finder {
width: 184px;
display: inline;
float: left;
height: 98px
}

.findericon {
float: left;
display: inline;
width: 80px;
}

.finder h1 {
font-size: 0px;
margin: 0;
padding: 0;
background-image: url(/sites/thedjbay/images/djfinder.gif);
background-repeat: no-repeat;
width: 265px;
height: 27px;
}

.finder h2 {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffe79d;
font-size: 11px;
font-weight: bold;
}

.finder h3 {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #f8bd0a;
font-size: 11px;
font-weight: bold;
}

.finder p {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffffff;
font-size: 11px;
padding-left: 5px;
letter-spacing: 1px;
padding-right: 10px;
}

.listen {
width: 184px;
display: inline;
float: left;
padding-top: 35px;
height:86px;
}

.listenicon {
clear: both;
float: left;
display: inline;
padding-top: 35px;
width: 75px;
padding-left: 5px;
height: 61px;
}

.listen h1 {
margin: 0;
padding: 0;
font-size: 0px;
background-image: url(/sites/thedjbay/images/listenin.gif);
background-repeat: no-repeat;
width: 265px;
height: 25px;
}

.listen h2 {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffe79d;
font-size: 11px;
font-weight: bold;
}

.listen h3 {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #f8bd0a;
font-size: 11px;
font-weight: bold;
}

.listen p {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffffff;
font-size: 11px;
padding-left: 5px;
padding-right: 10px;
letter-spacing: 1px;
}

.seperator {
clear: both;
height: 4px;
margin-left: -10px;
padding-top: 23px;
font-size: 0px;
background-image: url(/sites/thedjbay/images/sep.jpg);
background-position: left bottom;
width: 260px;
background-repeat: no-repeat;
}

.latestnews {
width: 184px;
display: inline;
float: left;
padding-top: 25px;
}

.latestnewsicon {
clear: both;
float: left;
display: inline;
width: 80px;
padding-top: 12px;
}

.latestnews h1 {
margin: 0;
padding: 0;
font-size: 0px;
background-image: url(/sites/thedjbay/images/latestnews.gif);
background-repeat: no-repeat;
width: 265px;
height: 25px;
}

.latestnews h2 {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffe79d;
font-size: 11px;
font-weight: bold;
}

.latestnews h3 {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #f8bd0a;
font-size: 11px;
font-weight: bold;
}

.latestnews p {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffffff;
font-size: 11px;
}

.h3var {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffe79d;
font-size: 11px;
font-weight: bold;
}

.latestnewsvar {
clear: both;
padding-left: 5px;
margin-top: -10px;
padding-top: 5px;
}

.latestnewsvar h2 {
margin: 0;
padding: 0;
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffe79d;
font-size: 11px;
font-weight: bold;
}

.latestnewsvar h3 {
margin: 0;
padding: 0;
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #f8bd0a;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
}

.latestnewsvar p {
margin: 0;
padding: 0;
padding-top: 15px;
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffffff;
font-size: 11px;
line-height: 15px;
}

.latestnewsvar p a {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #f8bd0a;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}

.latestnewsvar p a:hover {
text-decoration: underline;
color: #ffe79d;
}

.footer {
width: 919px;
margin-left: auto;
margin-right: auto;
line-height: 20px;
color: #555555;
font-family: Lucida Sans, Arial, Verdana, sans-serif;
font-size: 10px;
clear: both;
}

.footer a {
color: #555555;
font-family: Lucida Sans, Arial, Verdana, sans-serif;
font-size: 10px;
text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
}


.form-container
{
	margin-left:20px;
}

.form-submit-row
{
	width:350px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}

#ctl00_header_mainnav_mainMenun1Items {
margin-left: 20px; 	
}

.innertable {
margin-bottom: 20px;
margin-top: 20px;
}

.innertable p {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #ffffff;
font-size: 11px;
}

.innertable a {
font-family: Lucida Sans, Arial, Verdana, sans-serif;
color: #f8bd0a;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0){


	.menu-static-item {
	margin-left: -6px;
	display: inline-block;
	font-size: 0px;
	color: #000000;
	margin-top: -2px;
	}
	
	.latestnews h1 {
	color: #000000;
	}
	
	.menu-static {
	padding-left: 18px;
	}
	
	.navbar {
	width: 942px;
	background-repeat: no-repeat;
	background-image: none;
	}
	
	
	.ctl00_header_mainnav_mainMenu_4 {
	}

}
*/

/* Base */
#example1{
clear:both;	
}
	.fb-wall{
		font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
		font-size:11px;
		width:260px;
		line-height:1.4em;
		color:#aaaaaa;
		padding:0px;
		margin-left: -10px;
	}
		
	.fb-wall a{
		text-decoration:none;
		color:#ffffff;}
		
	.fb-wall a:hover{
		text-decoration:underline;}
	
	.fb-wall.loading{
		height:300px;
		background:url(sites/thedjbay/images/loader-small.gif) no-repeat center center;}
	
	.fb-wall-box{
		margin-bottom:10px;
		border-top:1px solid #343434;
		padding-top: 10px;
		padding-bottom:5px;}
		
	.fb-wall-box-first{
		border:0;
		padding-top:0;}
		
	.fb-wall-avatar{
		float:left;
		border:0;
		width: 25px;
		height: 25px;
		display: none;
		}
		
	.fb-wall-data{
		margin-left:13px;}
		
	.fb-wall-media{
		display:block;
		font-size:11px;
		margin-bottom:5px;}
		
	.fb-wall-border-left{
		border-left:2px solid #CCCCCC;
		padding:0 0 3px 8px;}
		
	.fb-wall-media-container{
		display:table;}
		
	.fb-wall-media-link{
		border:1px solid #ccc;
		display:inline-block;
		color:#3B5998;
		cursor:pointer;
		float:left;
		margin-right:5px;}
		
	.fb-wall-media-link:hover{
		border:1px solid #3B5998;}
		
	.fb-wall-picture{
		margin-right:10px;
		border:0;
		display:block;
		margin:3px;}
		
	.fb-wall-name{
		display:block;
		font-weight:bold;
		color:#3B5998;}
		
	.fb-wall-caption{
		display:block;
		color:#3B5998;}
		
	.fb-wall-description{
		display:block;
		color:#777;
		line-height:1.2em;}
		
	.fb-wall-icon{
		float:left;
		margin-right:5px;}
		
	.fb-wall-date{
		font-size:11px;
		color:#777;
		clear:left;
		display:block;
		margin-bottom:5px;}
		
	.fb-wall-message{
		display:block;
		margin-bottom:5px;}
		
	.fb-wall-message-from{
		font-weight:bold;
		color:#3B5998;}
		
	.fb-wall-link{
		color:#333;
		font-size:11px;
		text-decoration:none;}

/* Likes*/
	
	.fb-wall-likes{
		margin-bottom:2px;
		display:block;
		font-size:11px;
		background:url(sites/thedjbay/images/like.gif) no-repeat 0 0 #222;
		padding-top:5px;}
		
	.fb-wall-likes div{
		margin:0;
		background:url(sites/thedjbay/images/like.gif) no-repeat 0 -5px #222;
		padding:5px 5px 4px 24px;}
		
	.fb-wall-likes div span{
		color:#d6f0ff;}

/* Comments */

	.fb-wall-comments{
		margin-top:2px;
		font-size:11px;}
	
	.fb-wall-comment{
		margin-top:2px;
		padding:5px 5px 4px;
		display:block;
		overflow:hidden;}
		
	.fb-wall-comment-message{
		display:table;}
		
	.fb-wall-comment-from-name{
		font-weight:bold;
		color:#3B5998;}
		
	.fb-wall-comment-from-date{
		color:#777;
		clear:left;
		display:block;}
		
	.fb-wall-comment-avatar{
		width:32px;
		height:32px;
		float:left;
		margin-right:5px;
		overflow:hidden;}
		
	.fb-wall-comment-avatar img{
		width:32px;
		height:32px;}
		
/* Clearfix */
		
	.fb-wall:after, .fb-wall-media:after, .fb-wall-clean{
		content:'.';
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		font-size:0;
		line-height:0;}		
		
.menu-dynamic {
z-index: 99 !important;	
}
