/* CSS Document */

body {
	margin:0 0 40px 0;
	background:url(../images/home/bg.jpg) #D5D2B1 repeat-x top left;
	text-align: left;
}

img {
	border: none;
	}
	
img.right {
	float: right;
	padding-left:15px;
}

img.left {
	float:left;
	padding-right:15px;
}

ul {
	font: bold 13px/120% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#444;
}

ol {
	font: bold 12px/120% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#444;
}

li {
	padding-bottom: 5px;
	text-align: left;
}


h1 {
	background:url(../images/home/h1-bg.jpg) no-repeat top left;
	font: bold 16px/40px "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#FFF;
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: 15px;
}

h2 {
	font: bold 14px/120% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#073E63;
	text-align: left;
}

h3 {
	font: bold 13px/120% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#073E63;
	text-align: left;
}

#expo img {
	margin-bottom: 25px;
	border: 1px solid #000066;
}

img.margin-right {
	margin-right: 25px;
}

#directory h3 {
	font: bold 13px/120% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#073E63;
	text-align: left;
	margin-bottom: -10px;
}

#col2 h2, p {
	padding: 0 10px;
}

#calendar h2 {
	font: bold 13px/120% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#333;
	text-align: left;
}

.events {
	font: normal 13px/120% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#333;
	text-align: left;
}

p {
	font: normal 12px/140% "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
}

#pad-bottom {
	padding-bottom: 20px;
}

#text-right {
	text-align: right;
}

#content-main {
	width: 530px;
	padding-bottom: 40px;
	text-align:left;
}

#content-main p, h2, h3 {
	padding: 0 10px;
	text-align:left;
}

.spacer {
	clear:left;
}

#bod .spacer {
	clear:left;
	height: 25px;
}

#bod img {
	border: 1px solid #000066;
	padding: 2px;
	float:left;
	margin: 0 10px 10px 0;
}


/* Column 2    ******/

#col2 {
	width: 230px;
	margin-left: 30px;
}

#col2 h1 {
	background:url(../images/home/h1-bg-col2.jpg) no-repeat top left;
	font: 16px/40px "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#FFF;
	margin: 0;
	padding: 0;
	text-indent: 10px;
}

.button-pad {
	padding-right: 25px;
}

/* Header  ******/

#ph-tab {
	background:url(../images/home/phone-number.jpg) no-repeat top right;
}

.top-nav {
	font: bold 12px/100% "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #878787;
	text-align: right;
	width: 500px;
	float: right;
	margin: 95px 10px 0 0;
}

.top-nav a:link, .top-nav a:visited, .top-nav a:hover, .top-nav a:active {
	color:#878787;
	text-decoration:none;
}

.top-nav a:hover {
	text-decoration:underline;
}

#hdr-bg {
	background:url(../images/home/hdr-bg.jpg) no-repeat top left;
	width: 850px;
	height: 123px;
}

#logo {
	height: 96px;
	width: 256px;
	float:left;
	padding: 17px 0 0 40px;
}

#top-fade {
	background:url(../images/home/fade-top.jpg) no-repeat top left;
	width: 850px;
	height: 45px;
	padding-bottom: 7px;
}

/*  Footer styles and navigation   *********/

.mission {
	font: italic 14px/130% "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #FFF;
}

.footnav {
	font: 10px/175% "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #FFF;
}

.footnav a:link, .footnav a:visited, .footnav a:active {
	text-decoration: none;
	color: #FFF;
}

.footnav a:hover {
	text-decoration: underline;
}

#footer-container {
	width: 844px;
	height: 152px;
	background:url(../images/home/footer-bg.jpg) repeat-x top right;
	margin: 3px;
}

/*  Directory - columns  **********/

div.col-A {
	width: 250px;
	float:left;
}

div.col-B {
	width: 250px;
	float:right;
}


/*  Main navigation  **********/

#main-nav {
	background: url(../images/home/main-nav-bg.jpg) no-repeat top left;
}

#main-nav ul {
	font: bold 13px/33px "Lucida Grande", Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 0;
	padding: 0;
	text-align: left;
}

#main-nav li {
	display: inline;
	text-align: left;
}

#last {
	border: none;
}

.nav-buttons a:link, .nav-buttons a:visited, .nav-buttons a:hover, .nav-buttons a:active {
	padding: 8px 8px 9px 8px;
	color:#333;
	text-decoration:none;
	border-right: #ACACAC 1px solid;
}

.nav-buttons a:hover {
	text-decoration: underline;
}

/* Main Link Styles  *****/

a:link, a:visited, a:hover, a:active {
	text-decoration:underline;
	color:#339900;
}

a:hover {
	color:#0066CC;
}

/*  Side shadows  ******/

#side-l {
	background:url(../images/home/side-l.jpg);
	top: 0;
	float: right;
	width: 10px;
	height: 337px;
}

#side-r {
	background:url(../images/home/side-r.jpg);
	top: 0;
	float: left;
	width: 10px;
	height: 337px;
}

.white-bg {
	background-color:#FFFFFF;
}

.js {
	float:right;
	padding-right:20px;
}