/* Each subpage (subpages are pages that can generate content) of the site can contain links to their
own external style sheet to help in customizing page specific content */


/* all text height on the page is controlled by the body tag unless otherwise noted */
body {
	margin: 0;
	text-align: center;
	background-color: #cdc092;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
}
/* The Wrap Div Wraps the whole site so that a background shadow can be displayed. */
#wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/main-page-bk.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: visible;
	visibility: visible;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

/* The headbar is at the top of the site */
#headbar {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #b0171f;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
	padding: 0px;
	font-size: 12px;
	color: #FFFFFF;
}
#headbar P {
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
}
#headbar a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
#headbar a:hover {
	color: #F0CD32;
	text-decoration: none;
}

/* The site head contains either a img file or a flash file */
#sitehead {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

/* The top menu is below the sitehead but above the content sections including the sidebar */
#top_menu {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	padding: 0px;
	padding-bottom: 7px;
}
#top_menu a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding-right: 11px;
	padding-left: 11px;
}
#top_menu a:hover {
	color: #b0171f;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#top_menu ul {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
#top_menu li {
	/*display: inline; */
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#top_menu ul li ul {
	text-align: left;
	position: absolute;
	left: -999em;
	width: 180px;
	background-color: #CCCCCC;
	border: 2px solid #000;
}
#top_menu>ul>li ul {
	width: 175px;
}
#top_menu li ul a {
	color: #000099;
}
#top_menu li ul a:hover {
	color: #b0171f;
	display: block;
}
#top_menu ul li:hover ul, #top_menu ul li.bcfhover ul {
	left: auto;
}

/* top menu links color and decoration defined below */

#top_menu img {
	border-width: 0px;
}

/* Info request links defined below */
#info_req a{
	color: #b0171f;
}
#info_req a:hover {
	color: #F0CD32;
}

/* content section - This section wraps all content below the top menu and above the footer */
#content {
	width: 920px;
	height: auto;
	margin: 0 auto 0 auto;
	text-align: left;
}

/* Header 1 default styles defined below */
#content h1 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
}

/* side bar - This is the black bar that contains menu items on the left of the page */
#side_bar {
	text-align: left;
	width: 255px;
	color: #FFFFFF;
	float: left;
}

/* Header 1 for the side bar is defined below */
#side_bar h2 {
	margin: 0px;
	color: #FFFFFF;
	padding-top: 5px;

}
#side_bar h3 {
	margin: 0px;
	color: #FFFFFF;
	padding-top: 5px;
}
/* All side bar link color and decoration are defined below */
#side_bar a {
	color: #F0CD32;
	text-decoration: none;
}
#side_bar a:hover {
	color: #AEC4D9;
}

/* side menu front page - This is a common menu on every page */
#side_menu {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-left: 9px;
	margin-right: 9px;
}
#side_menu ul {
	list-style-type: none;
	padding-top: 5px;
	padding-left: 3px;
	margin: 0px;
}
#side_menu li {
	padding-bottom: 5px;
}

/* side menu (MENU LINKS ONLY) link text height and font weight defined below */
#side_menu a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
	font-weight: bold;
}

/* side submenu - this will style the submenus on all sections */
.side_hits {
	margin-right: 9px;
	margin-left: 9px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-bottom: 8px;
}
.side_hits ul {
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
	list-style-image: url(/images/side_menu_bullet.jpg);
	list-style-position: inside;
}
.side_hits ul ul {
	padding-left: 10px;
}
#side_bar > .side_hits ul ul {
	padding-left: 17px;
}
.side_hits p {
	margin: 0px 0px 10px;
	padding: 0px;
}
/* the following defines how apply now flagged links look in the side hits section */
#apply a{
	font-weight: bold;
	color: #CF0018;
}
#apply a:hover {
	color: #AEC4D9;
}

/* main content - this is the main section of content on the page, the big white area */
#main_content {
	float: right;
	width: 665px;
}

/* All heading 1, heading 2, paragraphe, and link tags located in the main_content div are styled below. Custom heading 1 used in the main_content div can be
customized in one of two ways - #main_content h1 can be redefined with local (page level) CSS or it can be defined inside of
a custom page ID or Class Div that should be contained in that subsections custom external style sheet */
#main_content h1 {
	font-size: 20px;
	font-weight: bold;
	color: #CF0018;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
#main_content h2 {
	margin: 0px 0px 4px;
	font-size: 15px;
	color: #FFFFFF;
	padding-left: 5px;
	background-color: #F42A41;
	background-image: url(/images/heading_bg_red.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#main_content #important h2 {
	background-image: url(/images/heading_bg_red.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#main_content h3 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #b0171f;
}
#main_content h4 {
	font-size: 12px;
	font-weight: normal;
	color: #b0171f;
	margin: 0px;
	padding: 0px;
}
#main_content h5 {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}
#main_content p{
	margin: 0px;
	padding: 0px 0px 10px;
}
#main_content a {
	color: #0000FF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0000FF;
	text-decoration: none;
}
#main_content a:hover{
	color: #000000;
}

/* Page content padding defined below */
.section {
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 8px;
}

/* the following CSS allows an image to be used as a link with any boarders for a:hover effects */
.none img {
	border-width: 0px;
}
#main_content .none a {
	text-decoration: none;
	border-width: 0px;
}

/* Floats a non-captioned image left or right in text */
.img_lt {
	float: left;
	padding: 0px;
	margin-top: 8px;
	margin-right: 8px;
}
.img_rg {
	float: right;
	padding: 0px;
	margin-top: 8px;
	margin-left: 8px;

}

/* The section below allows for floating various images with captions in text. Size of the div are defined in the div on the page */
#cap_img_lt_one {
	padding: 0px; 
	margin-top: 5px; 
	margin-right: 10px; 
	margin-bottom: 0px;
	float:left;
}
#cap_img_lt_one p {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 11px;
}
#cap_img_lt_two {
	padding: 0px; 
	margin-top: 5px; 
	margin-right: 10px; 
	margin-bottom: 0px;
	float:left;
}
#cap_img_lt_two p {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 11px;
}
#cap_img_lt_three {
	padding: 0px; 
	margin-top: 5px; 
	margin-right: 10px; 
	margin-bottom: 0px;
	float:left;
}
#cap_img_lt_three p {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 11px;
}
#cap_img_rt_one {
	padding: 0px; 
	margin-top: 5px; 
	margin-left: 10px; 
	margin-bottom: 0px;
	float:right;
}
#cap_img_rt_one p{
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#cap_img_rt_two {
	padding: 0px; 
	margin-top: 5px; 
	margin-left: 10px; 
	margin-bottom: 0px;
	float:right;
}
#cap_img_rt_two p{
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#cap_img_rt_three {
	padding: 0px; 
	margin-top: 5px; 
	margin-left: 5px; 
	margin-bottom: 0px;
	float:right;
}
#cap_img_rt_three p{
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
/* The columns for mulit column pages are defined below */
#colone {
	width: 375px;
	float: left;	
	margin: 0px;
	padding: 0px;

}
#coltwo {
	width: 290px;
	float: right;
}

/* sections with the footer for more content link defined below */
.more {
	margin: 0px;
	background-color: #F0CD32;
	background-image: url(/images/heading_bottom.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 2px;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

/* more content link defined below */
#main_content .more a {
	color: #000000;
	border-bottom-color: #000000;
}
#main_content .more a:hover {
	color: #0000FF;
}
/* the following CSS will styles user list on the site */
.two_col_list {
}
.two_col_list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
 }
.two_col_list li {
 	width: 324px;
	float: left;
 	display: inline;
}
.list_no_style {
	list-style-type: none;
	padding: 0px;
	margin: 5px 0px 15px;
}
.list_flat {
	list-style-type: disc;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding: 0px;
}
.ord_list_flat {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 24px;
	padding: 0px;
}
.ordered_list {
	margin-top: 0px;
	margin-bottom: 10px;
}
.list_no_style_flat {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 15px;
}

#foundations ul {
	margin-top: 10px;	
}
#foundations li a {
	font-weight: bold;
}

/* The following Controls the styles of the event pages */

#event_info {
	color: #CF0018;
	float: right;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px dotted #000000;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
}
#event_info h3 {
	font-weight: bold;
	color: #000000;
	font-size: 17px;
}
#event_info h4 {
	font-weight: bold;
	color: #0000FF;
	font-size: 15px;
}

#event_info ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
img.event_pic  {
	width: 250px;
	margin-top: 5px;
}
#event_items {
	float: left;
	color: #0033FF;
	list-style-type: disc;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-left: 15px;
}
.clear_all {
	clear: both;
}


/* image that seperates the main content from the footer defined below */
#footertopper {
	height: 25px;
	width: 920px;
	background-image: url(/images/footer_topper.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/* footer section and links defined below */
#footer {
	width: 920px;
	background-color: #F0CD32;
	color: #000000;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	font-weight: bold;
}
#footer p {
	margin: 0px;
	padding: 0px;
}
#footer a {
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}
#footer a:hover {
	color: #b0171f;
}

/* The sub menu is below the top menu but above the content sections including the sidebar */
#sub_menu {
	width: 665px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F0CD32;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	padding: 0px;
	padding-bottom: 7px;
	border-bottom: 1px solid #000;
}
#sub_menu a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding-right: 13px;
	padding-left: 13px;
	border-bottom-style: none;
}
#sub_menu a:hover {
	color: #b0171f;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#sub_menu ul {
	margin: 0px;
	padding: 5px 0px 5px 0px;
}
#sub_menu li {
	/*display: inline; */
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sub_menu ul li ul {
	text-align: left;
	position: absolute;
	left: -999em;
	width: 180px;
	background-color: #CCCCCC;
	border: 2px solid #000;
}
#sub_menu>ul>li ul {
	width: 175px;
}
#sub_menu li ul a {
	color: #000099;
}
#sub_menu li ul a:hover {
	color: #b0171f;
	display: block;
}
#sub_menu ul li:hover ul, #sub_menu ul li.bcfhover ul {
	left: auto;
}

/* sub menu links color and decoration defined below */

#sub_menu img {
	border-width: 0px;
}