/* = CONTENT AREA STYLES (FP)
-------------------------------------------------*/

#fp #content-area img {
	display: block;
}

#fp #content-area ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#fp #content-area ul li {
	padding-left: 14px;
	font-size: 1em;
	margin-bottom: 10px;
	background: transparent url(/images/bullet.gif) no-repeat 0px 5px;
}

#fp #content-area ul li p {
	font-size: 1.1em;
	margin-top: 0px;
}

#fp a:link,
#fp a:visited,
#fp a:active {
	color: #ff9;
	text-decoration: none;
}

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

/* = ANNOUNCEMENTS
-------------------------------------------------*/

#announcements {
	background: #9f5419 url(/images/announcements_bg.gif) repeat-y 100% 0%;
	width: 18em;
	padding: 1.5em 1.8em 0em 1.4em;
	color: #fff;
	float: left;
	display: inline;
	height: 19.7em;
}

/* = FEATURED IMAGE AREA
-------------------------------------------------*/

#featured-image-area {
	width: 63.6em;
	height: 21.2em;
	float: left;
	display: inline;
	background-color: #005a88;
}

#featured-image {
	width: 63.6em;
	height: 21.2em;
}

/* = FEATURED STORY
-------------------------------------------------*/

#featured-story-area {
	background: #005a88 url(/images/featured_story_bg.gif) no-repeat 0px 0px;
	color: #fff;
	float: left;
	display: inline;
	width: 36.6em;
	height: 18.4em;
	padding: 2.8em 2.9em 0em;
}

#featured-story p {
	line-height: 1.5em;
	color: #fff;
}

/* = COLUMN IMAGES
-------------------------------------------------*/

#lc-image img,
#mc-image img,
#rc-image img {
	width: 100%;
	height: 100%;
	float: left;
	display: inline;
}

#lc-image,
#mc-image,
#rc-image {
	position: relative;
	background-color: #fff;
	width: 21.2em;
	height: 21.2em;
	float: left;
	display: inline;
}

#lc-image .shadow {
	width: 13px;
	height: 100%;
	background: transparent url(/images/lc_shadow.png) repeat-y 0px 0px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#mc-image .shadow {
	width: 100%;
	height: 22px;
	background: transparent url(/images/mc_shadow.png) no-repeat 100% 0%;
	position: absolute;
	left: 0px;
	top: 0px;
}

#rc-image .shadow {
	width: 100%;
	height: 6px;
	background: transparent url(/images/rc_shadow.png) no-repeat 0% 0%;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* = QUICKLINKS
-------------------------------------------------*/

#quicklinks-area {
	width: 18.2em;
	height: 19.8em;
	float: right;
	padding: 1.4em 1.5em 0em;
	background-color: #4f8cac;
}

#fp #quicklinks-area ul li {
	margin-bottom: .7em;
	background-position: 0px 4px;
}

#quicklinks-area h2 {
	margin-bottom: .5em;
}

/* = UPCOMING EVENTS
-------------------------------------------------*/

#upcoming-events {
	background-color: #42240c;
	width: 18em;
	padding: 1.5em 1.8em 0em 1.4em;
	color: #fff;
	float: left;
	height: 19.7em;
}

#upcoming-events ul li p
{
	color:#ffffff;
}

/* = ABOUT BOTETOURT IMAGE
-------------------------------------------------*/

#about-botetourt,
#about-botetourt img {
	display: block;
	width: 21.2em;
	height: 21.2em;
	float: left;
}

/* = SECONDARY PAGE STYLES
--------------------------------------------------------------------------*/

/* = MAIN CONTENT
-------------------------------------------------*/

#main-content-area {
	float: right;
	width: 63.6em;
}

#main-content {
	width: 62.1em;
	padding: 2em 0em 5em 1.5em;
}

/* = INTRO
------------------------*/

.intro {
	color: #000;
}

/* = JUMP TO LINK BLOCK
------------------------*/

#jump-to-block {
	width: 18em;
	background-color: #4f8cac;
	float: right;
	display: inline;
	padding: 1.2em 1.6em;
	margin: 0px 0px 15px 10px;
}

#jump-to-block h2 {
	font-weight: normal;
	color: #fff;
	margin: 0px 0px 10px;
}

#jump-to-block ul {
	margin: 10px 0px 0px;
	padding: 0px;
	list-style: none;
}

#jump-to-block li {
	font-size: 1.1em;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 14px;
	background: transparent url('../images/bullet.gif') no-repeat 0px 5px;
}

#jump-to-block a:link,
#jump-to-block a:visited,
#jump-to-block a:active,
#jump-to-block a:hover {
	color: #ff9;
	text-decoration: none;
}

.caption {
	color: #9f5419;
}

.note {
	font-size: 1em;
	font-style: italic;
}

/* = TWO COL
-------------------------*/

.two-col {
	width: 100%;
}

.two-col .col {
	width: 305px;
	float: left;
}

.two-col .last-col {
	float: right;
}


/* = PHOTOS LIST
--------------------------*/

#photo-list {
	margin: 0px 0px 15px;
	list-style: none;
	padding: 0px;
}

#photo-list li {
	margin: 0px;
	padding: 0px 30px 20px 0px;
	background: transparent none;
	font-size: 1em;
	width: 170px;
	height: 160px;
	float: left;
}

#photo-list li h2 {
	font-size: 1.3em;
}

#photo-list li h2 a:link,
#photo-list li h2 a:visited,
#photo-list li h2 a:active {
	text-decoration: none;
	background: transparent url('../images/bullet_photo_list.gif') no-repeat 0px 3px;
	display: inline;
	padding-left: 10px;
}

#photo-list li h2 a:hover {
	text-decoration: underline;
}

#photo-list .thumb-wrapper {
	margin-bottom: 5px;
	width: 143px;
	background: transparent url('../images/thumb_tl_bg.png') no-repeat 0% 0%;
}

#photo-list .thumb-tr {
	background: transparent url('../images/thumb_tr_bg.png') no-repeat 100% 0%;
}

#photo-list .thumb-bl {
	background: transparent url('../images/thumb_bl_bg.png') no-repeat 0% 100%;
}

#photo-list .thumb {
	padding: 9px 14px 14px 9px;
	width: 120px;
	background: transparent url('../images/thumb_br_bg.png') no-repeat 100% 100%;
}

#photo-list .thumb img {
	display: block;
	margin: 0px;
	padding: 0px;
}

/* = SUB CONTENT
-------------------------------------------------*/

#sub-content {
	float: left;
	width: 21.2em;
}

/* = SECTION NAV
------------------------*/

#section-nav {
	background: #9f5419 url('../images/section_nav_bg.png') repeat-y 100% 0%;
	padding: 1.4em 0em 5em;
}

#section-nav h2 {
	color: #fff;
	font-size: 1.9em;
	margin: 0px 14px 10px;
	font-weight: normal;
}

#section-nav h2 a:link,
#section-nav h2 a:visited,
#section-nav h2 a:active,
#section-nav h2 a:hover {
	color: #fff;
	text-decoration: none;
}

#section-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#section-nav ul li {
	font-size: 1em;
	padding: 5px 0px 3px;
	margin: 0px;
}

#section-nav ul li.expanded {
	padding: 5px 0px 0px;
	background: transparent url('../images/section_nav_sel_bg.png') no-repeat 0% 0%;
}

#section-nav ul li a:link,
#section-nav ul li a:visited,
#section-nav ul li a:active {
	background: transparent url('../images/bullet.gif') no-repeat 14px 3px;
	padding: 0px 0px 0px 28px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #ff9;
	display: block;
	text-decoration: none;
}

#section-nav ul li.sel a:link,
#section-nav ul li.sel a:visited,
#section-nav ul li.sel a:active,
#section-nav ul li.sel a:hover {
	color: #fff;
	font-weight: bold;
}

#section-nav ul li .sub-nav-wrapper {
	display: none;
	margin-top: 3px;
	width: 100%;
}

#section-nav ul li.expanded .sub-nav-wrapper {
	display: block;
	width: 100%;
	background: #6b3912 url('../images/sn_sub_nav_right_bg.gif') repeat-y 100% 0%;
}

#section-nav ul li.expanded .sub-nav {
	width: 100%;
	background: transparent url('../images/sn_sub_nav_top_bg.png') no-repeat 0% 0%;
}

#section-nav ul li.expanded .sub-nav ul {
	margin: 0px;
	padding: 10px;
	list-style: none;
	background: transparent url('../images/sn_sub_nav_bot_bg.png') no-repeat 0% 100%;
}

#section-nav li.expanded ul li {
	margin: 0px;
	padding-left: 4px;
	background: transparent none;
}

#section-nav li.expanded ul li a:link,
#section-nav li.expanded ul li a:visited,
#section-nav li.expanded ul li a:active {
	font-weight: normal;
	color: #ff9;
}

#section-nav ul li.expanded ul li.sel a:link,
#section-nav ul li.expanded ul li.sel a:visited,
#section-nav ul li.expanded ul li.sel a:active,
#section-nav ul li.expanded ul li.sel a:hover {
	font-weight: bold;
	color: #fff;
}

/* = CALLOUT BLOCK
------------------------*/

.callout-block {
	padding: 2em 1.4em;
}

.callout-block h2 {
	font-weight: normal;
	color: #ff9;
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom: 10px;
}

.callout-block img {
	padding: 3px;
	display: block;
	background-color: #fff;
	border: 1px solid #eae5e3;
	margin-bottom: 10px;
}

.callout-block p {
	margin: 10px 0px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #fff;
}