/* --- body default values --- */

body {
	margin:0;
	padding:0;
	background:#1a7ec6 url(../images/bg-pattern.gif) center top repeat-y;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#333333;
}

h1 {
	margin:0;
	padding:0 15px 15px 15px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:3em;
	font-weight:normal;
	font-style:italic;
	color:#f66600;
}

h2 {
	margin:0;
	padding:0 15px 15px 15px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:2.4em;
	font-weight:normal;
	color:#f66600;
}

h3 {
	margin:0;
	padding:0 15px 15px 15px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.8em;
	font-weight:normal;
	color:#333333;
}

h4 {
	margin:0;
	padding:0 15px 15px 15px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.6em;
	font-weight:normal;
	color:#333333;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.italicize {
	font-style:italic;
}

.boldAndUnderline {
	font-weight:bold;
	text-decoration:underline;
}

.italicizeAndUnderline {
	font-style:italic;
	text-decoration:underline;
}

.boldAndItalicize {
	font-weight:bold;
	font-style:italic;
}

.boldUnderlineAndItalicize {
	font-weight:bold;
	text-decoration:underline;
	font-style:italic;
}

a:link, a:visited {
	color:#0068b3;
	text-decoration:none;
}

a:hover, a:active {
	color:#0068b3;
	text-decoration:underline;
}

ul {
	margin:0 20px 15px 45px;
	padding:0;
	list-style-type:disc;
	font-size:1.3em;
}

ul li {
	padding:3px 0 0 0;
	line-height:150%;
}

ul li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

ul li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol {
	margin:0 20px 15px 48px;
	padding:0;
	font-size:1.3em;
}

ol li {
	padding:3px 0 0 0;
	line-height:150%;
}

ol li ol {
	margin:3px 0 5px 20px;
	padding:0;
	font-size:1em;
}

ol li ul {
	margin:3px 0 5px 20px;
	padding:0;
	list-style-type:disc;
	font-size:1em;
}

.centerItem {
	text-align:center;
}

.leftAlignItem {
	text-align:left;
}

.rightAlignItem {
	text-align:right;
}

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

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

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clearFloat {
	clear:both;
	height:0;
}

/* this hides navigation / sitemap link so that it only displays in mobile devices */
#navHandheld {
	display:none;
}

/* this hides footer info that only displays when printing */
#contactInfoForPrint {
	display:none;
}

/* puts a PDF icon in front of links to PDF files */
a[href$=".pdf"] {
 background: url(../images/PDF-icon.gif) no-repeat left center;
 padding-left: 20px;
}

/* puts a Word document icon in front of links to Word document files */
a[href$=".doc"] {
 background: url(../images/Word-icon.gif) no-repeat left center;
 padding-left: 20px;
}

/* puts a PowerPoint icon in front of links to PowerPoint files */
a[href$=".ppt"] {
 background: url(../images/PPT-icon.gif) no-repeat left center;
 padding-left: 20px;
}

/* eliminates extra bottom margin pixels added to images by Firefox and Safari; also gets rid of border on linked images */
img {
	vertical-align:bottom;
	border:none;
}

/* acronyms, abbreviations -- changes cursor -- be sure to have a title attribute that provides the meaning of the acronym or abbreviation */
acronym {
	border-bottom:1px dotted #666666;
	cursor:help;
}

/* -------------------------------------------------- */

/* REMINDER:the total width of a <div> will include the padding and border in addition to the width specified in the CSS so adjust the width attribute if adjusting the padding and border attributes -- i.e. reduce width if increasing padding and/or border width sizes and vice versa */

/* main container that contains all other elements below */
#wrapper {
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	width:970px;
	background-color:#0068b3;
}

/* --- masthead section contains logo, bridge image, social media, search box, main nav, etc. --- */

#masthead {
	position:relative;
	margin:0;
	padding:0;
	width:970px;
	height:186px;
	background:url(../images/masthead-bg.jpg) left top no-repeat;
	z-index:99;
}

#otherChaptersLink {
	position:absolute;
	top:40px;
	right:25px;
	width:400px;
	text-align:right;
	font-size:1.3em;
	color:#FFFFFF;
}

#otherChaptersLink a:link, #otherChaptersLink a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}

#otherChaptersLink a:hover, #otherChaptersLink a:active {
	color:#FFFFFF;
	text-decoration:none;
}

#mastheadSocialMediaIcons {
	position:absolute;
	top:70px;
	right:250px;
	width:270px;
}

#searchBox {
	position:absolute;
	top:75px;
	right:25px;
	width:196px;
	height:27px;
	background:url(../images/search-box.gif) no-repeat;
}

#searchBoxForm {
	margin:0;
	padding:0;
	vertical-align:middle;
}

#searchBoxFormField {
	float:left;
	margin:0 0 0 12px;
	padding:3px 0 0 0;
	width:135px;
	height:22px;
	border:0;
}

#searchBoxSubmitButton {
	float:right;
	margin:0 10px 0 0;
	padding:0;
	width:30px;
	height:27px;
}

#mainMenu {
	position:absolute;
	top:120px;
	right:25px;
	width:617px;
}

/* -------------------------- */

/* --- main body section --- */

#mainBodyContainer {
	margin:0 10px;
	padding:0 15px 30px 15px;
	width:920px;
	background-color:#FFFFFF;
}

#mainBodyContainer p {
	margin:0;
	padding:0 15px 15px 15px;
	font-size:1.3em;
	line-height:140%;
}

/* -------------------------- */

/* --- featured content rotator --- */

#featuredContentRotator {
	width:916px;
	height:350px;
	border:2px solid #f66600;
	
}

#featuredContentRotator .main_image a:link, #featuredContentRotator .main_image a:visited {
	color:#f66600; 
	text-decoration:none;

}

#featuredContentRotator .main_image a:hover, #featuredContentRotator .main_image a:active {
	color:#f66600; 
	text-decoration:underline;

}

#featuredContentRotator .image_thumb a {
	color:#0068b3; 
	text-decoration:none;

}


.main_image {
	width:580px;
	height:350px;
	float:left;
	background:#333333;
	position:relative;
	overflow:hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color:#ffffff;
}

.main_image p {
	font-size:1em;
	line-height:1.6em;
}

.main_image .slideHeading {
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:2.1em;
	font-style:italic;
	font-weight:normal;
	color:#f66600;
	margin:10px 15px;

}

.main_image .desc {
	position:absolute;
	bottom:0;
	left:0; /*--Stick the desc class to the bottom of our main image container--*/
	width:100%;
	display:none; /*--Hide description by default, if js is enabled, we will show this--*/
}

.main_image .block {
	width:100%;
	background:#111111;
	border-top:1px solid #000000;
	padding-top:10px;
}

.main_image a.show {
	background-position:left bottom;
}

.image_thumb {
	float:left;
	width:336px;
	background:#f0f0f0;
}

.image_thumb img {
	border:1px solid #CCCCCC;
	padding:3px;
	background:#ffffff;
	float:left;
}

.image_thumb ul {
	margin:0;
	padding:0;
	list-style:none;
}

.image_thumb ul li {
	margin:0;
	padding:5px;
	background:#f0f0f0 url(../images/featured-content-rotator/nav_a.gif) repeat-x;
	width:326px;
	float:left;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #ffffff;
}

.image_thumb ul li.hover { /*--Hover State--*/
	background:#dddddd;
	cursor:pointer;
}

.image_thumb ul li.active { /*--Active State--*/
	background:#dddddd;
	cursor:default;
}

html .image_thumb ul li .slideHeading {
	font-size:1em;
	color:#0068b3;
	margin:5px 0;
	padding:0;
	
}

.image_thumb ul li .block {
	float:left;
	margin-left:10px;
	padding:0;
	width:225px;
}

.image_thumb ul li p {
	display:none; /*--Hide the description on the list items--*/
}

/* -------------------------- */

/* --- homepage boxes --- */

#homepageBoxesContainer {
	margin:15px 0;
	width:920px;
	background:url(../images/homepage-boxes-bg.gif) repeat-y;
}

#homepageBoxesContainer .homepageBox {
	float:left;
	margin:0 12px 0 0;
	width:221px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#homepageBoxesContainer .homepageBoxLast {
	float:left;
	margin:0;
	width:221px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#homepageBoxesContainer .homepageBox h1, #homepageBoxesContainer .homepageBoxLast h1 {
	margin:0;
	padding:8px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	font-style:normal;
	line-height:130%;
	color:#0068b3;
}

/* -------------------------- */

/* --- internal custom page boxes --- */

#internalPageBoxesContainer {
	margin:15px 0;
	width:920px;
	background:url(../images/homepage-boxes-bg.gif) repeat-y;
}

#internalPageBoxesContainer .internalPageBox {
	float:left;
	margin:0 12px 0 0;
	width:221px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#internalPageBoxesContainer .internalPageBoxLast {
	float:left;
	margin:0;
	width:221px;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

#internalPageBoxesContainer .internalPageBox h1, #internalPageBoxesContainer .internalPageBoxLast h1 {
	margin:0;
	padding:8px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:normal;
	font-style:normal;
	line-height:130%;
	color:#0068b3;
}

/* -------------------------- */

/* --- homepage Learn More buttons --- */

.learnMoreButton {
	float:left;
	margin:10px 27px 10px 109px;
	width:97px;
	height:23px;
	background:url(../images/learn-more-button.gif) no-repeat left;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

.learnMoreButton a:link, .learnMoreButton a:visited {
	display:block;
	width:97px;
	height:23px;
	text-decoration:none;
	background:url(../images/learn-more-button.gif) no-repeat left;
}

.learnMoreButton a:hover, .learnMoreButton a:active {
	background:url(../images/learn-more-button.gif) no-repeat right;
}

.learnMoreButtonLast {
	float:left;
	margin:10px 0 10px 109px;
	width:97px;
	height:23px;
	background:url(../images/learn-more-button.gif) no-repeat left;
	_display:inline; /* this is an IE6 hack to fix the floated double-margin problem */
}

.learnMoreButtonLast a:link, .learnMoreButtonLast a:visited {
	display:block;
	width:97px;
	height:23px;
	text-decoration:none;
	background:url(../images/learn-more-button.gif) no-repeat left;
}

.learnMoreButtonLast a:hover, .learnMoreButtonLast a:active {
	background:url(../images/learn-more-button.gif) no-repeat right;
}

/* -------------------------- */

/* --- internal page Learn More buttons --- */

.learnMoreButton2 {
	width:97px;
	height:23px;
	margin-left:15px;
	background:url(../images/learn-more-button.gif) no-repeat left;
}

.learnMoreButton2 a:link, .learnMoreButton2 a:visited {
	display:block;
	width:97px;
	height:23px;
	text-decoration:none;
	background:url(../images/learn-more-button.gif) no-repeat left;
}

.learnMoreButton2 a:hover, .learnMoreButton2 a:active {
	background:url(../images/learn-more-button.gif) no-repeat right;
}

/* -------------------------- */

/* --- homepage social media curvy boxes --- */

.curvyBox300px {
	width:300px;
	background:#FFFFFF url(../images/curvy-box-300px-sides.gif) repeat-y;
}

.curvyBox300pxOuterTop {
	background:#e7e7e8 url(../images/curvy-box-300px-top-outer.gif) center top no-repeat;
}

.curvyBoxHeading {
	display:block;
	margin:0;
	padding:3px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	line-height:130%;
	color:#0068b3;
}

.curvyBoxSubheading {
	margin:0;
	padding:0 15px 10px 15px;
	font-family:Georgia, "Palatino Linotype", Palatino, serif;
	font-size:1.8em;
	font-weight:normal;
	font-style:italic;
	color:#f66600;
}

/* -------------------------- */

/* --- flickr photostream --- */

#flickrbox {
	width:260px;
	margin-top:15px;
	padding:3px 15px 3px 15px;
	background-color:#333333;
}

.whiteTextHeading {
	margin:3px 0 8px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	line-height:130%;
	color:#FFFFFF;
}

#flickrbox a:link img, #flickrbox a:visited img {
	border: 1px solid #999999;
}

#flickrbox a:active img, #flickrbox a:hover img {
	border: 1px solid #FFFFFF;
}

.flickrimg {
	margin-bottom: 15px;
	width:55px;
	height:55px;
}

#flickrimg1, #flickrimg2, #flickrimg3, #flickrimg5, #flickrimg6, #flickrimg7 {
	margin-right: 10px;
}

/* -------------------------- */

/* --- newsletter signup --- */

#newsletterSignupForm form {
	margin:0 15px;
	padding:0;
}

#newsletterSignupForm form input {
	margin:0;
	padding:0;
	vertical-align:middle;
}

/* -------------------------- */

/* --- blog feed --- */

#blogFeed p a:link, #blogFeed p a:visited {
	color:#0068b3;
	text-decoration:none;
}

#blogFeed p a {
	color:#0068b3;
	text-decoration:none;
}

#blogFeed p a:hover, #blogFeed p a:active {
	color:#0068b3;
	text-decoration:underline;

}

#blogFeed h3 {
	padding-bottom:0;
}

#blogFeed h2 {
	font-size:1.5em;
	font-style:italic;
	color:#333333;

}

#blogFeed h2 a:link, #blogFeed h2 a:visited {
	color:#333333;
	text-decoration:none;
}

#blogFeed h2 a:hover, #blogFeed h2 a:active {
	color:#333333;
	text-decoration:underline;
	
}

#blogFeedScrollArea {
	width:280px;
	height:700px;
	margin-left: 10px;
	overflow-y:scroll;
}

#blogFeedScrollArea img {
	display: none;
	
}

/* -------------------------- */

/* --- twitter feed --- */

#twitterFeed {
	margin:0 15px;
}

#twitter_update_list {
	margin:0;
	padding: 0;
	overflow: hidden;
}

#twitter_update_list li {
	margin:0;
	padding: 0;
	list-style: none;
}

#twitter_update_list li span {
	display:block;
}

/* -------------------------- */

/* internal page tabs nav container */
#tabs {
	margin:0 0 0 10px;
	padding:0;
	width:950px;
	height:31px;
	background:url(../images/tab-menu-bg.jpg);
}

/* main image container on internal pages */
#mainImage {
	position:relative;
	padding:15px 0 30px 0;
	background-color:#FFFFFF;
}



/* --- internal page main column social media icon group and facebook 'Like' button --- */

#socialMediaIconGroup {
	position:absolute;
	bottom:0;
	left:0;
	width:100px;
	height:20px;
}

a.stbar.chicklet img {
	border:0;
	height:16px;
	width:16px;
	margin-right:3px;
	vertical-align:middle;
}

a.stbar.chicklet {
	height:16px;
	line-height:16px;
}

#facebookLikeButton {
	position:absolute;
	bottom:0;
	left:100px;
	width:100px;
	height:20px;
	display: none;
}

#facebookLikeButtonInternal {
	position:absolute;
	bottom:0;
	left:100px;
	width:100px;
	height:20px;
}

#facebookLikeBoxHome {
	margin-left: 10px;
	margin-bottom: 10px;
	width: 280px;
}

#facebookActivityHome {
	margin-left: 10px;
	width: 280px;
}

/* -------------------------- */

/* --- internal page main column --- */

#mainColumn {
	float:left;
	width:540px;
	margin-top:20px;
}

#mainColumn540Center {
	width:540px;
	margin-top:20px;
	margin-left: 190px;
}
#mainColumn700 {
	width:700px;
	margin-top:20px;
	margin-left: 110px;
}
#mainColumn920 {
	width:920px;
	margin-top:20px;
}

#mainColumn460 {
	width:460px;
	margin-top:20px;
	margin-left: 230px;
}


#mainColumn580 {
	width:580px;
	margin-top:20px;
	margin-left: 170px;
	background-color: #ffffff;
}

.curvyBox540px {
	margin-bottom:15px;
	width:540px;
	background:#FFFFFF url(../images/curvy-box-540px-sides.gif) repeat-y;
}

.curvyBox540pxOuterTop {
	background:#e7e7e8 url(../images/curvy-box-540px-top-outer.gif) center top no-repeat;
}

#mainColumn p.footnote {
	font-size:1.1em;
}


/* -------------------------- */

/* --- internal page side column --- */

#sideColumn {
	float:right;
	width:350px;
}

#sideColumnMarginTop {
	float:right;
	width:350px;
	margin-top: 20px;
}

.curvyBox350px {
	margin-bottom:15px;
	width:350px;
	background:#FFFFFF url(../images/curvy-box-350px-sides.gif) repeat-y;
}

.curvyBox350px-topMargin {
	margin-bottom:15px;
	margin-top:15px;
	width:350px;
	background:#FFFFFF url(../images/curvy-box-350px-sides.gif) repeat-y;
}

.curvyBox350pxOuterTop {
	background:#e7e7e8 url(../images/curvy-box-350px-top-outer.gif) center top no-repeat;
}

.sideColumnButton {
	float:right;
	margin:5px 15px 15px 15px;
	padding:0;
	height:19px;
	background:#009ada url(../images/side-column-button-curve1.gif) left top no-repeat;
}

.sideColumnButtonInnerDiv {
	margin:0;
	padding:3px 8px;
	height:19px;
	text-align:right;
	background:url(../images/side-column-button-curve2.gif) right top no-repeat;
}

.sideColumnButtonInnerDiv a:link, .sideColumnButtonInnerDiv a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.sideColumnButtonInnerDiv a:hover, .sideColumnButtonInnerDiv a:active {
	color:#000000;
	text-decoration:none;
}

.sideColumnBanner {
	margin-bottom:15px;
}

#sideColumnVIDEO {
	background-color: #f66600;
	width: 346px;
	margin-bottom: 15px;
	padding: 2px;
	height: 220px;
}

#sideColumnVIDEOtall {
	background-color: #f66600;
	width: 346px;
	margin-bottom: 15px;
	padding: 2px;
	height: 285px;
}
#facebookLikeContainerSide {
	background-color: #ffffff;
	padding: 15px;
	width: 318px;
	border: 1px solid #0068b3;
	margin-bottom: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	line-height:130%;
	color:#0068b3;
}

/* -------------------------- */

/* --- internal custom page columns --- */

.curvyBox454px {
	margin-bottom:15px;
	width:454px;
	background:#FFFFFF url(../images/curvy-box-454px-sides.gif) repeat-y;
}

.curvyBox454pxOuterTop {
	background:#e7e7e8 url(../images/curvy-box-454px-top-outer.gif) center top no-repeat;
}

/* -------------------------- */

/* --- footer section --- */

#footer {
	margin:0 10px 10px 10px;
	padding:0 15px;
	width:920px;
	background:#002d4d url(../images/footer-bg.gif) center bottom no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#FFFFFF;
}

#footer .footerHeading {
	margin:0;
	padding:0 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	line-height:130%;
	color:#FFFFFF;
}

#footerSocialMedia {
	float:left;
	margin:20px 15px;
	width:169px;
	border-right:1px dotted #777777;
}

#footerSocialMedia img {
	margin:5px 20px 5px 0;
}

#footerQuickLinks {
	float:right;
	margin:20px 15px;
	width:690px;
}

#footerQuickLinks ul {
	float:left;
	margin:0 15px 0 0;
	padding:0;
	width:123px;
	list-style:none;
}

#footerQuickLinks ul li {
	padding:0 0 3px 0;
	font-size:0.85em;
}

#footer a:link, #footer a:visited {
	color:#009ada;
	text-decoration:none;
}

#footer a:hover, #footer a:active {
	color:#009ada;
	text-decoration:underline;
}

/* -------------------------- */

/* --- credits section --- */

#credits {
	margin:0 10px 0 10px;
	padding:0 30px 30px 30px;
	width:890px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFFFFF;
}

#credits a:link, #credits a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#credits a:hover, #credits a:active {
	color:#FFFFFF;
	text-decoration:underline;
}

/* -------------------------- */
.sideFbWrapper {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
#animation-simplified {
	float: left;
	height: 285px;
	width: 200px;
	border: 2px solid #f66600;
	margin-right: 15px;
	margin-left: 15px;
}

#facebookLikeButtonWrapperSide {
	width: 318px;
	margin-top: 5px;
}
#email-icon-100 {
	float: left;
	height: 100px;
	width: 100px;
	margin-left: 15px;
	margin-right: 5px;
}
#event-badges-o11 {
	width: 510px;
	margin-left: 15px;
}
#shareThisSide {
	width: 340px;
	padding-right: 10px;
	margin-bottom: 10px;
	text-align: right;
}
/* Styles related to the Social Hub Locaslist event platform wrapper */
#mainImage_socialhub {
	position:relative;
	margin-top: 15px;
	padding:15px 0 30px 0;
	background-color:#FFFFFF;
}

#localist_static {display: none; }