@charset "UTF-8";
@font-face {
font-family: MyriadPro-Regular;
src: url("http://ljbbtestsite.lajollabluebook.com/fonts/MyriadPro-Regular.otf") format ("opentype");
}
@font-face {
font-family: MyriadPro-Semibold;
src: url("http://ljbbtestsite.lajollabluebook.com/fonts/MyriadPro-Semibold.otf") format ("opentype");
}
@font-face {
font-family: MyriadPro-Black;
src: url("http://ljbbtestsite.lajollabluebook.com/fonts/MyriadPro-Black.otf") format ("opentype");
}
body,td,th {
	font-family: MyriadPro-Regular, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F0F0F0
.;
	background-color: #E6E6E6;
}
a:link {
	text-decoration: none;
	color: #333;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}
h1,h2,h3,h4,h5,h6 {
	color: #315AB9;
}
h1 {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
}
#header {
	font-size: 1em;
	color: #000;
	width: 100%;
	float: left;
	background-color: #4374b6;
	background-image: url(../assets/mainTemplate/bb_header_bgV2.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	*padding-bottom: 2%;
}
#headerContentWrapper {
	float: left;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}
#LaJollaBlueBookLogo {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	float: left;
	width: 32%;
	margin-top: 3%;
	margin-bottom: 2%;
	margin-left: 1%;
}
#followContainer {
	float: right;
	width: 16%;
}
#header #headerContentWrapper #followContainer #FollowUs {
	float: left;
	width: 50%;
}
#header #headerContentWrapper #followContainer a #FollowFacebook {
	margin: 0px;
	float: left;
	width: 25%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#header #headerContentWrapper #followContainer a #FollowTwitter {
	margin: 0px;
	float: left;
	width: 25%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mainContentShadow {
	background-color: #E6E6E6;
	background-image: url(../assets/mainTemplate/mainContentShadow.gif);
	background-repeat: repeat-x;
	float: left;
	height: 10px;
	width: 100%;
}
#navMenuContainer {
	float: left;
	width: 80%;
	margin-top: 1%;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 1%;
}
#navMenuContainer a img {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#navMenuContainer a #home {
	width: 11%;
}
#navMenuContainer a #categories {
	width: 11%;
}
#navMenuContainer a #forResidents {
	width: 11%;
}
#navMenuContainer a #AboutLaJolla {
	width: 11%;
}
#navMenuContainer a #Advertise {
	width: 11%;
}
#navMenuContainer a #contact {
	width: 11%;
}
#navMenuContainer #spacer {
	float: left;
	width: 9%;
	*width: 8.7%;
}
#searchBox {
	float: left;
	width: 25%;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#C2C2C2');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C2C2C2));
	background: -moz-linear-gradient(top,  #FFFFFF,  #C2C2C2);
}
#navMenuContainer form #searchBox #inputBox {
	float: left;
	width: 80%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A7A7A7;
}
.searchBoxTextInput {
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-top: 3%;
}
#navMenuContainer form #searchBox #submitIcon {
	float: left;
	width: 20%;
}
#navMenuContainer #NavShadow img{
	float: left;
	width: 99.8%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
#contentContainer {
	margin-right: 10%;
	margin-left: 10%;
	width: 80%;
	float: left;
	padding-bottom: 5%;
}
#sidebar {
	float: left;
	width: 19%;
	border: 1px solid #999;
	background-color: #FFF;
	*padding-bottom: 2%;
}
#contentContainer #sidebar #Image2 {
	width: 90%;
	margin-bottom: 1%;
	margin-top: 6%;
	margin-right: 5%;
	margin-left: 5%;
}
#sidebar2 {
	width: 90%;
	float: left;
	margin: 5%;
}
.sidebar2Link {
	float: left;
	width: 100%;
	clear: left;
	margin-bottom: 2%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#mainContent {
	width: 79%;
	float: right;
}
#footer {
	width: 80%;
	margin-top: 2%;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	margin-right: 10%;
	margin-left: 10%;
}
#footer p {
	font-family: MyriadProRegular, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	text-align: right;
}