@charset "utf-8";
/* CSS Document */

/* ------------------GLOBAL STYLES FOR SITE-----------------------  */
/* remove all default margins and padding */
* {
	margin:0;
	padding:0;
}
/* set default font and background */
body {
	background-color:#333333;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:small;
	behavior:url("csshover.htc");
}
/* make h1 headings larger and grey with a solid bottom border */
h1 {
	color:#666666;
	font-size:120%;
	margin:.7em 0 1em 0;
	padding-bottom:.2em;
	border-bottom:2px solid #666;
}
/* make h2 headings black with a dotted bottom border */
h2 {
	color:#000;
	font-size:100%;
	border-bottom:2px dotted #666;
	margin-top:.2em;
	margin-bottom:.5em;
}
/* make h3 headings smaller and grey and in all-caps */
h3 {
	color:#666;
	font-size:90%;
	font-variant:small-caps;
	margin-top:.4em;
}
/* make h4 headings smaller and red */
h4 {
	color:#b5121b;
	font-size:85%;
	margin-bottom:.75em;
}
/* add spacing between paragraphs */
p {
	margin-bottom:.75em;
}
/* make all unvisited links red */
a:link {
	color:#b5121b;
}
/* make all visited, hover and active links grey */
a:visited, a:hover, a:active {
	color:#666;
}
/* make select text red */
.bold {
	font-weight:bold;
}


/* -----------------------  LAYOUT STYLES ------------------------  */
/* wrapper contains the entire site layout */
#wrapper {
	background-color:#FFFFFF; 
	margin:2em auto 1em;
	width:64em;
}
/* middle contains all content except footer */
#middle {
	padding:0 .9em;
	margin-bottom:1em;
}
/* set width for left column and float it to the left */
#content {
	float:left;
	width:41.5em; 
	padding:0 .6em 0 .4em;
	color:000;	
}
/* set width for right column and float it to the right */
#sidebar {
	float:right;
	width:18.5em; 
	margin-top:1.3em;
	padding-right:.5em;
	padding-left:.3em;
	padding-bottom:.5em;
}
/* styling of the footer */
#footer {
	clear:both;
	background-color:#999;
	margin-top:.5em;
}


/* ------------------------- HEADER STYLES -------------------------  */
/* make sizes of images 100% and remove image gap */
#branding img {
	float:left;
	display:block;
	padding:.4em 0 .3em;
}
/* add tagline to the right of logo on all page */
#tagline {
	float:left;
	margin:5em 6em 0 4em;
}
/* set font size for tagline */
#tagline h3 {
	font-size:100%;
}
/* add phone number at right of header on all pages */
#contact {
	float:left;
	margin:5.3em .8em 0 0;
} 
/* set font size for phone number */
#contact h4 {
	font-size:14px;
}


/* --------------------------- NAVIGATION BAR AND DROP-DOWN STYLES ------------------------  */
/* basic styling of navigation bar */
#navbar {
	height:1.75em;
	clear:both;
}
/* remove bullets from ul in the navbar */
#navbar ul {
	list-style-type:none;
}
/* make navbar items appear side by side */
#navbar li {
	float:left;
	position:relative; /* needed for drop-down menus */
}
/* applies to navbar links, visited and unvisited */
#navbar a, navbar a:link, #navbar a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, Arial, sans-serif;
	/* font-size:90%; */
	color:#fff;
	background-color:#999;
	display:block;
	height:1.75em;
	width:10.25em;
	border-right:solid 1px #ddd;
	text-align:center;
	line-height:1.75em;
	outline-style:none;
}
/* navbar hover, active, and current page links */
#navbar a:hover, #navbar a:active, #navbar li.selected a:link, #navbar li.selected a:visited {
	background-color:#b5121b;
	color:#fff;
}
/* drop-down menu styles */
#navbar li ul {
	position:absolute;
	z-index:100;
	visibility:hidden;
}
/* make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul { /* IE6 hack */
	visibility:visible;
	top:1.75em;
	left:0;
}
/* style drop-down menu links */
#navbar li:hover ul li a,
#navbar li a:hover ul li a { /* IE6 hack */ 
	background:#999;
	color:#fff;
	border-top:1px solid #fff;
	text-align:center;
	display:block;
	width:10.25em;
	height:auto;
}
/* hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover { /* IE6 hack */ 
	background:#b5121b;
	color:#fff;
}
/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}


/* ------------------------- STYLES FOR LEFT COLUMN ----------------------------- */
/* remove bottom border from h2 in content div */
#content h2 {
	border-bottom:none;
	color:#b5121b;
}
/* make text smaller in floated content areas */
#content .floatLft p {
	font-size:90%;
}
/* increase spacing below floated images */
#content .floatLft>img {
	margin:.2em .5em 1.5em 0;
}
/* make text smaller in floated content areas */
#content .floatRt p {
	font-size:90%;
}
/* increase spacing below floated images */
#content .floatRt>img {
	margin:.2em .5em 1.8em 0;
}
/* applies to lists in the content division */
#content ul {
	/* text-align:left; */
	font-size:90%; 
	line-height:1.5em;
	padding: 5px 0px 5px 30px;
}


/* --------------------------- FOOTER STYLES ------------------------- */
/* styling of text within the footer */
.footerTxt {
	margin:auto;
	padding:.2em .75em .4em 0;
	color:#fff;
	font-family:Geneva, Tahoma, sans-serif;
	font-size:85%;
	font-style:italic;
	text-align:right;
}
/* make links within the footer white */
.footerTxt a {
	color:#fff;
}
/* add space at bottom on longer pages */
#bottom {
	background-color:#333;
	height:2em;
}


/*  ---------------------------- SPECIAL HOME PAGE STYLES ----------------------------------- */
/* set width of left content sub-column and float it left */
#contentLft {
	float:left;
	width:49%;
	font-size:90%;
	font-family:Geneva, Tahoma, sans-serif;
}
/* set a top margin for images in left and right content sub-columns */
#contentLft img, #contentRt img {
	margin-top:.7em;
}
/* no top margin for h3 headings in left and right content sub-columns */
#contentLft h3, #contentRt h3 {
	margin-top:0;
}
/* smaller bottom margin for h4 headings and paragraphs in content sub-columns */
#contentLft h4, #contentLft p, #contentRt h4, #contentRt p {
	margin-bottom:.2em;
}
/* set width of right content sub-column and float it left */
#contentRt {
	float:left;
	width:49%;
	font-size:90%;
	font-family:Geneva, Tahoma, sans-serif;
	margin-left:.5em;
	padding-bottom:8.5em;
}


/* ---------------------------- STYLES FOR CONTENT SECTIONS ------------------------------- */
/* add extra margins below sections in content sections */
.contentSect {
	margin-bottom:2.2em;
}
/* add extra space above headings in content sections */
.contentSect h3 {
	padding-top:1em;
	font-size:90%;
}
/* set font size for h4 headings in content sections */
.contentSect h4 {
	font-size:90%;
}
/* set font size for general text in content sections */
.contentSect p {
	font-size:11px;
}
/* remove underline on links in content and sidebar sections */
.contentSect a, .sideSection a, .sideSectHm a {
	text-decoration:none;
}
/* retain red color for visited links in content, sidebar, and resources sections */
.contentSect a:visited, .sideSection a:visited, .sideSectHm a:visited, .resourceSect a:visited {
	color:#b5121b;
}
/* restore underline and grey color for hover and active links in content, sidebar, and resources sections */
.contentSect a:hover, .contentSect a:active, .sideSection a:hover, .sideSection a:active, .sideSectHm a:hover, .sideSectHm a:active, .resourceSect a:hover, .resourceSect a:active {
	text-decoration:underline;
	color:#666;
}
/* float content section images left and add padding */
.contentSect img {
	float:left;
	padding:0 .5em .5em 0;
} 
/* clear all floats in select sections */
.section {
	clear:both;
} 


/* ---------------------------- STYLES FOR ABOUT PAGE ----------------------------------- */
.aboutSect img {
	float:left;
	margin-left:.7em;
	margin-bottom:1.2em;
}
.normal {
	font-size:small;
	line-height:normal;
}
.links {
	margin-top:.7em;
	margin-bottom:1em;
}
.aboutSect hr {
	clear:both;
	margin:.5em 0;
	color:#666666;
}
.desc {
	color:#000;
	font-weight:bold;
	font-variant:small-caps;
	font-size:110%;
}


/* ------------------------- STYLES FOR RESOURCE & PACKAGES PAGES SECTIONS --------------------------- */
/* add extra space below sections on Resources & Packages pages */
.resourceSect {
	margin-bottom:.8em;
}
/* add extra padding above h2 headings on Resources & Packages pages */
.resourceSect h2 {
	padding-top:.3em;
}
/* add extra space below bullet lists on Resources & Packages pages */
.resourceSect ul {
	margin-bottom:.8em;
}
/* restore font size for list items on Resources & Packages pages */
.resourceSect li {
	font-size:100%;
}


/* ----------------------------------- STYLES FOR EVENTS PAGE ----------------------------------- */
/* add extra space below sections on Events page */
#content .eventSect {
	padding-bottom:1em;
}
/* make h2 headings on Events page grey */
#content .eventSect>h2 {
	color:#666;
}
/* make h3 headings on Events page red and restore to normal font */
#content .eventSect>h3 {
	color:#b5121b;
	font-variant:normal;
	margin-bottom:1em;
}


/* --------------------------------- SIDEBAR SECTION STYLES ---------------------------------- */
/* set top border and margins for sidebar sections and clear all floats */
.sideSection, .sideSectHm {
	border-top:2px solid #666;
	margin-top:1.25em;
	clear:both;
}
/* set bottom margin for sidebar sections on home page only */
.sideSectHm {
	padding-bottom:.5em;
}
/* float images in sidebar sections left and set margins */
.sideSection img, .sideSectHm img {
	float:left;
	margin:0 .5em .5em 0;
}
/* set size and margin for text in sidebar sections */
.sideSection p, .sideSectHm p {
	font-size:11px;
	margin-bottom:.5em;
}
/* set top and bottom margins for h2 headings in sidebar sections */
.sideSection h2, .sideSectHm h2 {
	margin-top:.6em;
	margin-bottom:.75em;
}
/* set top and bottom margins for h4 headings in sidebar sections */
.sideSection h4 {
	margin-top:.3em;
	margin-bottom:1.2em;
}
/* set top and bottom margins for h4 headings in sidebar sections */
.sideSectHm h4 {
	margin-top:.4em;
	margin-bottom:.4em;
}


/* ----------------------------- FLOAT STYLES ------------------------------- */
/* float images left and add top and right margins */
.floatLft img {
	float:left;
	margin:.5em .5em 0 0;
}
/* make sure inherited extra space is NOT added below select images in the content area */
.floatLft2 img {
	float:left;
	margin:.5em .5em 0 0;
}
/* float image on Contact page left and set margins */
.floatLft3 img {
	float:left;
	margin:1.3em 3em 15em 6em;
}


/* ----------------------------------- STYLES RELATED TO SPACING ---------------------------------------- */
/* add a larger margin above select images */
.topSpace img {
	margin-top:.6em;
}
/* add a slightly less large margin above select images */
.topSpace2 img {
	margin-top:.4em;
}
/* make select font smaller */
.smaller {
	font-size:85%;
}
/* add more spacing between lines in select areas */
.spacing {
	line-height:1.4em;
	margin-bottom:1em;
}
/* add spacing and indent text on Contact page */
.spacing2 {
	line-height:1.4em;
	margin-left:4em;
	margin-top:3em;
}
/* normal font on links */
.spacing2 a {
	font-variant:normal;
}
/* add even more spacing between lines on Portfolio sidebar */
.spacing3 {
	line-height:1.75em;
}
/* add extra padding above select sections of text */
.spacingTop {
	padding-top:.8em;
}
/* add a bit less extra padding above select sections of text */
.spacingTop2 {
	padding-top:.4em;
}
/* add more extra padding above select sections of text */
.spacingTop3 {
	padding-top:1.5em;
}