/****** temp for dev ******/
.main-content .todo{
	background-color: #FF6699;
}




/****** Style Reset ******/

* {
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

/* Body styles */
body {
	background: #566423;
	font: normal normal normal 13px "Arial","Helvetica",sans-serif;
}

/* Link styles */
a {
	color: #d0d35f;
	text-decoration: none;
	}
	
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

/* Form styles */
input {

}

select {

}

/* List styles */
ul {
	list-style-type: square; 
	list-style-position: inside;
}
ol {
	list-style-type: decimal; 
	list-style-position: inside;
}

/* HR styles */
hr {

}

/* Blockquote styles */
blockquote {
   margin: 0em;
   padding: 0.5em 3em;
   font-size: 0.85em;
}

th{
	font-weight: bold;
	background-color: #ccc;
}




/****** Site Wrapper ******/

#site-border {
    width: 770px;
	margin: 0px auto 25px;
	background: url('wrapper-bg.gif') repeat-y;
}

/****** Header Area ******/

#site-header {
	padding: 0px 17px;
	height: 217px;
	background: url('header-bg.gif') top left no-repeat; 
	position: relative;
}
#site-header #home-link{
	position: absolute;
	top: 50px;
	left: 0px;
	display:block;
	float: left;
	width: 350px;
	height: 150px; 
	text-decoration: none;
}
#site-header #home-link:hover{
	text-decoration: none;
}

#mailer-border #site-header {
	background: url('mailer-header.jpg') no-repeat -4px 0px;
	height: 218px;
	width: 600px;
	}

/****** Site Tools Area ******/


/* Site tools wrapper */ 
#site-tools-border {
	float: right;
	width: 380px;
	margin-top: 35px;
}

#site-tools {
    font: normal normal normal 11px "Arial","Helvetica",sans-serif;
}

.site-tools-content a,
.site-tools-content a:link,
.site-tools-content a:visited,
.site-tools-content a:active {
    text-decoration: none;
	color: #492b17;
	padding: 2px 4px;
}

.site-tools-content a:hover {
    color: #ffffff;
}

#site-search {
	padding-top: 5px;
	float: right;
}

.search-query {
	padding: 2px;
	height: 16px;
	width: 98px;
	font: 11px;
	border: 1px solid #4a2b17;
	background-color: #ffffff;
	color: #959595;
	vertical-align: middle;
}

.search-submit {
	height: 22px;
	width: 40px;
	border: 1px solid #4a2b17;
	color: #4a2b17;
	background: #d0d35f;
	text-transform: uppercase;
	vertical-align: middle;
}

/****** Menu Area ******/

/* Menu wrapper */ 
#site-menu-border {
	width: 100%;
}

#site-menu {
	border-top: 1px solid #fdd08d;
	border-bottom: 1px solid #fdd08d;
	background: #130c06 url('vnhrt-menu-background.gif') center repeat-x;
	height: 47px;
	width: 760px;
}

ul#software_menu_main-menu.software_menu li {
	padding: 0px;
	margin: 0px;
	float: left;
    position: relative;
	z-index: 1; 
	
}

ul#software_menu_main-menu.software_menu li a {
	display: block;
	text-align: center;
	padding: 15px 14px 14px 14px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #facc8e;
 	color: #ffffff;
	font: normal normal normal 16px  "Georgia", "Times", sans-serif;
   	text-decoration: none;  
}

ul#software_menu_main-menu.software_menu li a[href $='pages/about-us'] { 
   padding-right: 16px;
   margin-right: -2px;
   border-right: none;
}

ul#software_menu_main-menu.software_menu li.on,
ul#software_menu_main-menu.software_menu li a:hover {
	color: #ffd18a;
	/*background: url('vnhrt-menu-background-over.gif') left repeat-x;*/
}

ul#software_menu_main-menu.software_menu li ul {
    position: absolute;
    visibility: hidden;
    top: 50px;
    left: 0px;
    width: auto;
    border: 1px solid #fdd08d;
	border-right: none;
	border-bottom: none;
}

ul#software_menu_main-menu.software_menu li ul li a.last {
	border-right: none;
	}

ul#software_menu_main-menu.software_menu li ul li a,
ul#software_menu_main-menu.software_menu li.on ul li a {
    padding: 7px;
    border-bottom: 1px solid #fdd08d;
	border-left: 1px solid #fdd08d;
	margin-left: -2px;
    background: #482a16 none;
 	color: #ffffff;
	font: normal normal normal 12px "Arial","Helvetica",sans-serif;
    text-decoration: none;
	text-align: left;
    width: 150px;  /* fix width of menu items */
}

ul#software_menu_main-menu.software_menu li ul li.on,
ul#software_menu_main-menu.software_menu li.on ul li a:hover {
    background: #e78f1a none;
 	color: #33230f;
}


#mailer-border {
	 width: 600px;
	 margin: 10px auto 15px;
	 background: url('skyblue-mailer-background.gif') repeat-y 6px 0px;
}

/****** Top Bar Area ******/
#top-bar-border {
	width: 756px;
	margin-left: 7px;
	margin-right: 7px;
	text-align: center;
}

	#calendar-widget {
		background: #d0d35f;
		width: 198px;
		height: 192px;
		margin-left: 5px;
		padding: 10px 5px;
		border-left: 5px solid #e68e1a;
		border-right: 5px solid #e68e1a;
		border-bottom: 5px solid #e68e1a;
		float: left;
	}

	#calendar-widget h3 {
		color: #33230f;
		font: normal normal normal 18px "Georgia", "Times", sans-serif;
		border-bottom: 1px solid #33230f;
		margin: 0px auto 10px;
	}

	#events-widget {
	float: right;
	margin-right: 5px; 
	border: 8px solid #33230f;
	border-top: 5px solid #33230f;
	border-bottom: 5px solid #33230f;
	xmargin-top: 5px;
	}

/****** Page Area ******/
#page-border {
	padding-left: 7px;
	padding-right: 9px;
	padding-top: 10px;
	margin: 0px;
}

	/* Column background-images*/
	.one-column #page-border {
	}
	.two-column-sidebar-left #page-border {
	}
	.three-column-sidebar-left #page-border {
	}
	.two-column-sidebar-right #page-border {
	}

/****** Content Area ******/

/* Content Wrapper*/
#content-border {
	border: 1px solid #884f2a;
	background: #f9f4ea;
	margin: 0px 3px 10px 0px;
}

#page-content {
	padding: 10px;
	color: #33230f;
	line-height: 1.4;
}
	
	/* Content links */
	.main-content a,
	.main-content a:link,
	.main-content a:visited,
	.main-content a:active {
		text-decoration: none;
		color: #e68e1a;
	}
	
	.main-content a:hover {
		color: #432715;
	}

	/* Content headers */
	.main-content h1,
	.main-content h2,
	.main-content h3,
	.main-content h4,
	.main-content h5,
	.main-content h6 {
		font-family:"Georgia", "Times", sans-serif; 
		display: block;
		margin: 0px 0px 2px 0px;
		PADDING: 0;
	}
	
	.main-content h1 { 
		font-size: 190%;
		padding-bottom: 5px;
		border-bottom: 1px solid #9ea036;
		color: #33230f;
		}
		
	.main-content h2 { 
		font-size: 160%;
		color: #e68e1a;
		margin: 0;
		}
		 
		
		
	.main-content h3 {font-size: 125%;}
	.main-content h4 {font-size: 100%;}
	.main-content h5 {font-size: 85%;}
	.main-content h6 {font-size: 70%;}
	
	/* Remove xtra space on subheaders & linked subheaders */
	.main-content h2+p, .main-content a+p { margin-top: 0px; }
	.main-content h3+p, .main-content a+p { margin-top: 0px; }
	.main-content h4+p, .main-content a+p { margin-top: 0px; }
	.main-content h5+p, .main-content a+p { margin-top: 0px; }
	.main-content h6+p, .main-content a+p { margin-top: 0px; }
	
	.main-content p{
		margin: 1em 0; 
	}
	.main-content em{
		font-style: italic;
		color: #402617;
		background-color:#FFFF99;
	}
	
	.main-content strong,
	.main-content b {
		font-weight: bold;
	}
	
	
	.main-content img.client-image-left{
		    border: 1px solid #cccccc;
			 padding: 5px;
			 margin-top: 0px;
			 margin-bottom: 5px;
			 margin-left: 0px;
			 margin-right: 10px;
			 float: left;
			 width: 120px;
			 height: 120px;
			 display: block;
			 background: url('headshot-picture.jpg') top center no-repeat;  
			 

	}
	
	 
	
	/* bulletted lists */
	.main-content ul, 
	.main-content ol{
		padding-left: 2.75em; 
		list-style-position:outside;

	} 
	.main-content ul li, 
	.main-content ol li{ 
		padding-bottom: 5px;
	} 
	
	/* defenition lists */
	.main-content dl{
		margin: 1.5em;  
		padding: 10px 10px 0 10px; 
		background-color: #ddd;
		border: 1px solid #ccc;
	}
	.main-content dl dt{
		font-weight: bolder;
		padding: 0px;
		margin: 0px;
	}
	.main-content dl dd{ 
		margin-bottom: 10px; 
		padding-bottom: 10px;
		border-bottom: 3px solid #ccc;
	}
	
	.main-content blockquote{
		font-size: 105%;
		margin: 1.5em;
		padding: 1.5em;
		color: #444;
		font-family:"Times New Roman", Times, serif;
		background-color: #ddd;
		border: 1px solid #999; 
	}
	
	
	/* STAFF DIRECTORY TABLE */
	.main-content #StaffDirectoryTable { 
		width: 475px;
		margin-left; 5px;
	}
	.main-content #StaffDirectoryTable tr{
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		background-color: #ccc;
	}
	.main-content #StaffDirectoryTable tr th{
	
	}
	.main-content #StaffDirectoryTable tr td{
		padding: 3px;
	
	}
	
	
	/* BECOME A FRIEND TABLE */
	
	.main-content #FriendsOfTheFortTable { 
		width: 475px;
		margin-left; 5px;
	}
	.main-content #FriendsOfTheFortTable tr{
		border-bottom: 1px solid #fff;
		border-left: 1px solid #999;
		background-color: #ccc;
	}
	.main-content #FriendsOfTheFortTable tr th{
	
	}
	.main-content #FriendsOfTheFortTable tr td{
		padding: 5px; 
	}

/* Set color here to be inherited by custom formats that create link menus */
#page-content li.link-menu-item,
#page-content a.link-menu-item,
#page-content a:link.link-menu-item,
#page-content a:visited.link-menu-item,
#page-content a:active.link-menu-item {
    
	color: #2B88AA;
	background-color: transparent;
	border-bottom: 1px solid;
	padding: 1px 4px;
}
#page-content a:hover.link-menu-item,
#page-content a:focus.link-menu-item {
	color: #DE1F2D;
	background-color: transparent;
   border-bottom: 1px solid;
	padding: 1px 4px;
}

/****** Software Area ******/

ul.software_menu, .software_menu ul {
    padding: 0px;
    margin: 0;
    list-style-type: none;
}

/* Calendar view */
.software_monthly_calendar {
    width: 100%;
    border-collapse: collapse;
}
.software_monthly_calendar td, .software_monthly_calendar th {
    line-height: 12px;
    padding: 2px;
    border: #aaa 1px solid;
    vertical-align: top;
}
.software_monthly_calendar th {
    width: 14%;
    background-color: #EFEFEF;
	 padding: 0.3em;
}
.software_monthly_calendar strong {
    font-size: 80%;
}
.software_monthly_calendar a strong {
    font-size: 90%;
}
.software_monthly_calendar td.inactive {
    background-color: #F9F9F9;
}
.software_monthly_calendar a:hover {
    padding-top: 0px;
	 padding-bottom: 0px;
}


/***************************************************************************/
/* Style definition for the menu region named "site-map". */
/***************************************************************************/
ul#software_menu_site-map.software_menu li {
}
ul#software_menu_site-map.software_menu li a {
}
ul#software_menu_site-map.software_menu li.on,
ul#software_menu_site-map.software_menu li a:hover {
}
ul#software_menu_site-map.software_menu li ul {
    padding-left: 20px;
}
ul#software_menu_site-map.software_menu li ul li a {
}



/****************************************************************************
Sidebar - defines the page's sidebar area.
*****************************************************************************/

#sidebar-border {
/* define size and structure */
	padding: 0px;
	
/* define relative font size, color, and area's background */
   background: #000000;
}


/****************************************************************************
Area Sidebar - defines the page's common area menus and content.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/

#area-sidebar {
/* define size and structure */
	padding: 17px 20px 17px 15px;
/* define relative font size, color, and area's background */
	font-size: 70%;
	color: #323232;
	line-height: 1.7em;
	width: 200px;
}

.two-column-sidebar-left #area-sidebar {
    padding: 17px 20px 17px 20px;
}

.three-column-sidebar-left #area-sidebar {
	padding: 17px 20px 17px 20px;
}

/* fine tune the "default formats" for all HTML tags for this content area. */
.area-sidebar-content a,
.area-sidebar-content a:link,
.area-sidebar-content a:visited,
.area-sidebar-content a:active {
    font-weight: bold;
    text-decoration: none;
	color: #2B88AA;
}
.area-sidebar-content a:hover {
    color: #DE1F2D;
}

.area-sidebar-content p {}
.area-sidebar-content span {}
.area-sidebar-content address {}
.area-sidebar-content pre {}
.area-sidebar-content blockquote {
    background-color: #FFFFFF;
}

.area-sidebar-content h1,
.area-sidebar-content h2,
.area-sidebar-content h3,
.area-sidebar-content h4,
.area-sidebar-content h5,
.area-sidebar-content h6 { 
    display: block !important;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #e5e86a;
	padding: 0px 0px 5px 0px;
	line-height: normal;
	letter-spacing: 1px;
	border-bottom: 1px #e68e1a solid;
	width: 192px;
	margin-left: 1px;
}
/*make the headings slightly smaller than the content areas */
.area-sidebar-content h1 {font-size: 235%;}
.area-sidebar-content h2 {font-size: 135%;}
.area-sidebar-content h3 {font-size: 250%;}
.area-sidebar-content h4 {font-size: 100%;}
.area-sidebar-content h5 {font-size: 85%;}
.area-sidebar-content h6 {font-size: 75%;}
/* Turn unordered list of links into hovering menu. Must use DIV's class due
 to WYSIWYG Editor not allowing for custom format styling of <ul> tags */
.area-sidebar-content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
/* Set color here to be inherited by custom formats that create link menus */
#area-sidebar li.link-menu-item,
#area-sidebar a.link-menu-item,
#area-sidebar a:link.link-menu-item,
#area-sidebar a:visited.link-menu-item,
#area-sidebar a:active.link-menu-item {
	color: #d0d35f;
	border-bottom: 1px #333333 solid;
	padding: 6px 4px 4px 20px;
	font-size: 16px;
	display: block;
	height: 15px;
	width: 200px;
	font-weight: normal;
	background: url('bullet.gif') no-repeat 5px 10px;
}
#area-sidebar a:hover.link-menu-item,
#area-sidebar a:focus.link-menu-item {
	color: #FFFFFF;
	border-color: #404040;
	background: url('bullet-over.gif') no-repeat 5px 10px;
}


/****************************************************************************
Page Sidebar - defines the page specific menus and content.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/

#page-sidebar {
/* define size and structure */
	padding: 17px 20px 17px 15px;
/* define relative font size, color, and area's background */
	font-size: 70%;
	color: #323232;
	line-height: 1.7em;
}
/* fine tune the "default formats" for all HTML tags for this content area. */
.page-sidebar-content a,
.page-sidebar-content a:link,
.page-sidebar-content a:visited,
.page-sidebar-content a:active {
    font-weight: bold;
    text-decoration: none;
	color: #2B88AA;
}
.page-sidebar-content a:hover {
    background-color: transparent;
    color: #DE1F2D;
}

.page-sidebar-content blockquote {
    background-color: #FFFFFF;
}

/*make the headings slightly smaller than the content areas */
.page-sidebar-content h1,
.page-sidebar-content h2,
.page-sidebar-content h3,
.page-sidebar-content h4,
.page-sidebar-content h5,
.page-sidebar-content h6 { 
    display: block !important;
    font-family: "Trebuchet MS","Arial","Helvetica",sans-serif,"Verdana";
    color: #323232;
	padding: 0px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 1px;
}
/*make the headings slightly smaller than the content areas */
.page-sidebar-content h1 {font-size: 155%;}
.page-sidebar-content h2 {font-size: 135%;}
.page-sidebar-content h3 {font-size: 120%;}
.page-sidebar-content h4 {font-size: 100%;}
.page-sidebar-content h5 {font-size: 85%;}
.page-sidebar-content h6 {font-size: 75%;}

.page-sidebar-content blockquote {}
.page-sidebar-content ol {}
.page-sidebar-content li {}
.page-sidebar-content hr {
	background-color: white; /* used by Mozilla and Opera */
	color: white; /* used by IE */
	border: 1px;  /* define border and height for Opera */
	height: 1px;  /* define border and height for Opera */
	width: 100%;
}
/* Turn unordered list of links into hovering menu. Must use DIV's class due
 to WYSIWYG Editor not allowing for custom format styling of <ul> tags */
.page-sidebar-content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
/* Set color here to be inherited by custom formats that create link menus */
#page-sidebar li.link-menu-item,
#page-sidebar a.link-menu-item,
#page-sidebar a:link.link-menu-item,
#page-sidebar a:visited.link-menu-item,
#page-sidebar a:active.link-menu-item {
	color: #2B88AA;
	background-color: transparent;
	border-bottom: 1px solid;
	padding: 1px 4px;
}
#page-sidebar a:hover.link-menu-item,
#page-sidebar a:focus.link-menu-item {
	color: #DE1F2D;
	background-color: transparent;
    border-bottom: 1px solid;
	padding: 1px 4px;
}


/****************************************************************************
Page Content Footer Defaults - defines the the bottom page content region.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/

#page-footer {color: #ffffff;}

.email-two-column-sidebar-right #page-footer {
	color: #ffffff;
	background-color: #ffffff;
}

.page-footer-content li ul, .page-footer-content li {list-style-type: none;}

/* fine tune the "default formats" for all HTML tags for this content area. */
.page-footer-content a,
.page-footer-content a:link,
.page-footer-content a:visited,
.page-footer-content a:active {
	display: block;
	height: 20px;
	padding: 5px 0px 0px 20px;
	margin-top: 5px;
	width: 208px;
	background: url('bullet.gif') no-repeat 5px 7px;
	border-bottom: 1px #e68e1a solid;
}

.page-footer-content a:hover {
	display: block;
	background: url('bullet-over.gif') no-repeat 5px 7px;
}

.page-footer-content h1,
.page-footer-content h2,
.page-footer-content h3,
.page-footer-content h4,
.page-footer-content h5,
.page-footer-content h6 { 
		font-family:"Georgia", "Times", sans-serif; 
		display: block;
		margin: 0px 0px 6px 0px;
		color: #d2e594;
}

/*make the headings slightly smaller than the site header */
.page-footer-content h1 {font-size: 155%;}
.page-footer-content h2 {font-size: 140%;}
.page-footer-content h3 {font-size: 130%;}
.page-footer-content h4 {font-size: 100%;}
.page-footer-content h5 {font-size: 85%;}
.page-footer-content h6 {font-size: 70%;}

/* Set color here to be inherited by custom formats that create link menus */
#page-footer li.link-menu-item,
#page-footer a.link-menu-item,
#page-footer a:link.link-menu-item,
#page-footer a:visited.link-menu-item,
#page-footer a:active.link-menu-item {
	color: #ffffff;
	border-bottom: 1px solid;
	padding: 1px 4px;
}
#page-footer a:hover.link-menu-item,
#page-footer a:focus.link-menu-item {
	color: #DE1F2D;
    border-bottom: 1px solid;
	padding: 1px 4px;
}

#area-border {
	 margin-left: 8px;
	 margin-right: 8px;
}

.email-two-column-sidebar-right #area-border {
	/*background: url('skyblue-mailer-2-column-sidebar-right-background.gif') repeat-y 0px 0px;*/
	}

#mailer-border #area-border {
    width: 600px;
}

.two-column-sidebar-left #area-border,
.two-column-sidebar-left #page-header,
.two-column-sidebar-left #page-footer,
.three-column-sidebar-left #area-border,
.three-column-sidebar-left #page-header,
.three-column-sidebar-left #page-footer {

}

.two-column-sidebar-right #area-border,
.two-column-sidebar-right #page-header,
.two-column-sidebar-right #page-footer {

}

	
/****************************************************************************
Area Footer Defaults - defines the the bottom common content region.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/

#area-footer {
/* define size and structure */
	 padding: 0px 20px 0px 20px; /*this is magic, removes margin in Mozilla */
	 margin: 0px;
/* define relative font size, color, and area's background */
	 font-size: 90%;
	 line-height: 1.35em;
	 color: #323232;
	 word-spacing: 1px;
}

.page-footer-corners .rtop {
  	 background: url('skyblue-site-horizontal-line.gif') repeat-x 0px 0px;
	 height: 1px;
}

.page-footer-corners {
	background: #ffffff;
}

.email-two-column-sidebar-right .page-footer-corners {
}

/* fine tune the "default formats" for all HTML tags for this content area. */
.area-footer-content a,
.area-footer-content a:link,
.area-footer-content a:visited,
.area-footer-content a:active {
    font-weight: normal;
    text-decoration: none;
	color: #2B88AA;
}
.area-footer-content a:hover {color: #DE1F2D}

.area-footer-content h1,
.area-footer-content h2,
.area-footer-content h3,
.area-footer-content h4,
.area-footer-content h5,
.area-footer-content h6 { 
	font-family: "Trebuchet MS","Arial","Helvetica",sans-serif,"Verdana";
	color: #2B88AA;
    font-weight: bold;
    display: block !important;
    padding-bottom: 0px;
    margin-bottom: 0px;
	letter-spacing: 2px;
}
/*make the headings slightly smaller than the site header */
.area-footer-content h1 {font-size: 155%;}
.area-footer-content h2 {font-size: 140%;}
.area-footer-content h3 {font-size: 130%;}
.area-footer-content h4 {font-size: 100%;}
.area-footer-content h5 {font-size: 85%;}
.area-footer-content h6 {font-size: 70%;}

.area-footer-content p {}
.area-footer-content span {}
.area-footer-content address {}
.area-footer-content pre {}
.area-footer-content blockquote {}
.area-footer-content ol {}
.area-footer-content ul {}
.area-footer-content li {}

/* Set color here to be inherited by custom formats that create link menus */
#area-footer li.link-menu-item,
#area-footer a.link-menu-item,
#area-footer a:link.link-menu-item,
#area-footer a:visited.link-menu-item,
#area-footer a:active.link-menu-item {
	color: #2B88AA;
	border-bottom: 1px solid;
	padding: 1px 4px;
}
#area-footer a:hover.link-menu-item,
#area-footer a:focus.link-menu-item {
	color: #DE1F2D;
}


/****************************************************************************
Site Footer Defaults - defines the bottom site-wide common content region.

You can define the area's size, relative font size, font color, borders, margins,
ans background color.  DO NOT style specific selectors using the ID values like:
    #id-name selector{property: value;}
because they will prevent the "default format" and "custom format" classes from
overriding them.
*****************************************************************************/


#site-footer-border {
	padding: 20px 10px;
	background: #000000;
	border: 1px solid #e5c696;
	height: 105px;
}

#site-footer {
	color: #b0aba4;
	font: normal 12px/1.75 "Arial","Helvetica",sans-serif;
	height: 58px;
}
#site-footer a
{color: #b0aba4;}


#mailer-border #site-footer-border {
    width: 572px;
}

#site-footer-border .rtop {
    background: url('site-background-footer.gif') no-repeat 0px 0px;
    height: 8px;
}

#mailer-border #site-footer-border .rtop {
 	background-image: url('skyblue-mailer-background-footer.gif') no-repeat top;
}


#site-footer-corners {
	 margin-left: 8px;
	 margin-right: 8px;
	 width: 759px;
}

.email-one-column #mailer-border .site-footer-corners {
}

/* fine tune the "default formats" for all HTML tags for this content area. */
.site-footer-content a,
.site-footer-content a:link,
.site-footer-content a:visited,
.site-footer-content a:active {
    font-weight: normal;
	 color: #b0aba4;  
	 text-decoration:underline;
}
.site-footer-content a:hover {
    color: #fff;
}

.site-footer-content h1,
.site-footer-content h2,
.site-footer-content h3,
.site-footer-content h4,
.site-footer-content h5,
.site-footer-content h6 { 
	font-family: "Trebuchet MS","Arial","Helvetica",sans-serif,"Verdana";
	color: #FEFEFE;
	letter-spacing: -1px;
    font-weight: normal;
    display: block !important;
}
/*make the headings slightly smaller than the site header */
.site-footer-content h1 {
    font-size: 325%;
}
.site-footer-content h2 {font-size: 275%;}
.site-footer-content h3 {font-size: 225%;}
.site-footer-content h4 {font-size: 175%;}
.site-footer-content h5 {font-size: 125%;}
.site-footer-content h6 {font-size: 90%;}
/* turn bulleted links into a hovering menu. must use DIV and not class
 due to WYSIWYG Editor not allowing for class styling of <ul> tags :( */
.site-footer-content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
/* Set color here to be inherited by custom formats that create link menus */
#site-footer li.link-menu-item,
#site-footer a.link-menu-item,
#site-footer a:link.link-menu-item,
#site-footer a:visited.link-menu-item,
#site-footer a:active.link-menu-item {
	color: #222222;
	border-bottom: 1px solid #eeeeee;
}
#site-footer a:hover.link-menu-item,
#site-footer a:focus.link-menu-item {
	background-color: #eeeeee;
    border-bottom: 1px solid #cccccc;
}


/****************************************************************************
"Custom Formats" are selected by site editors wne creating content using the
software's WYSIWYG Editor and will override the default styles defined in the
content area's class (above).

The <custom_format> (comment) tags below is read by the software to create
the styles that will appear in the "Custom Formats" drop down menu
in the WYSIWYG Editor, ans made available to Site Editors.
WARNING: Be sure that the <custom format> and </custom_format> comments are
spelled correctly and appear around the styles you want to make available
to the WYSIWYG Editor or they will be ignored.
*****************************************************************************/
/*Step 1, define the class names and make them visible to the WYSIWYG pick list*/
/*DO NOT REMOVE OR ALTER THE NEXT COMMENT LINE */
/* <custom_formats> */
.image-left-primary{}
.image-left-secondary{}
.image-right-primary{}
.image-right-secondary{}
.image-full-width{}
.image-full-width-top-section{}
.link-button-primary-large{}
.link-button-primary-small{}
.link-button-secondary-large{}
.link-button-secondary-small{}
.link-content-more{}
.link-menu-item{}
.paragraph-indent{}
.paragraph-no-margins{}
.paragraph-no-top-margin{}
.paragraph-no-bottom-margin{}
.text-annotate{}
.text-box-example{}
.text-box-notice{}
.text-box-primary{}
.text-box-secondary{}
.text-box-warning{}
.text-fine-print{}
.text-highlighter{}
.text-quote{}
/*DO NOT REMOVE OR ALTER THE NEXT COMMENT LINE */
/* </custom_formats> */

/* Step 2, now actually override the default styles by referencing the HTML tags
 directly (wildcarding won't do!)*/

img.image-left-primary {
    border: 1px solid #666666;
	 padding: 5px;
	 margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
	 float: left;
	 background-color: #fff;
}
img.image-left-secondary {
    border: 1px solid #cccccc;
	 padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    float: left;
	 background-color: #fff;
}
img.image-right-primary {
    border: 1px solid #666666;
	padding: 5px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 0px;
    float: right; 
	 background-color: #fff;
}
img.image-right-secondary {
    border: 1px solid #cccccc;
	 padding: 5px;
	 margin: 0px 0px 5px 10px;
    float: right;
	 background-color: #fff;
}
img.image-full-width{
	border: 1px solid #999;
	 padding: 0px;
	 margin: 0;
	 margin-bottom: 7px; 
	 width: 491px; 
	 /*border-top: 15px solid #9b9c62;
	 border-bottom: 15px solid #9b9c62;*/
}
.image-full-width-top-section{ 
	border: 1px solid #999;
	 padding: 0px;
	 margin: 0;
	 margin-bottom: 7px; 
	 width: 716px; 
	 height: 250px;
	 border-top: 15px solid #9b9c62;
	 border-bottom: 15px solid #9b9c62;
	 }

td.text-annotate, p.text-annotate, span.text-annotate {
	color: #525F65;
    font-size: 8pt;
	text-decoration: none;
	background-color: white;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border: #3C4549 1px solid;
    line-height: 1.4em;
}
td.text-fine-print, p.text-fine-print, span.text-fine-print{
    font-size: 75%;
	text-decoration: none;
	line-height: 100%;
}
td.text-box-primary, p.text-box-primary, span.text-box-primary {
   /*border-bottom: 1px solid #E5E5E5;
   border-top: 1px solid #E5E5E5;*/
   color: #FFFFFF;
   margin: 0px 0pt;
   padding: 10px;
   font-size: 100%;
}

p.text-box-primary
td.text-box-secondary, p.text-box-secondary, span.text-box-secondary {
   background: #f5f5f5 none repeat scroll 0%;
   border-bottom: 1px solid #E6E6E6;
   border-top: 1px solid #E6E6E6;
   color: #323232;
   margin: 10px 0pt;
   padding: 10px;
   font-size: 90%;
}
td.text-box-warning, p.text-box-warning, span.text-box-warning {
	color: red;
    background-color: #FFFFFF;
	line-height: 1.4em;
	text-decoration: none;
	padding: 10px;
	border: 1px solid red;
	font-size: 90%;
}
td.text-box-notice, p.text-box-notice, span.text-box-notice {
	color: #787878;
    background-color: #FFFFFF;
	line-height: 1.4em;
	text-decoration: none;
	padding: 10px;
	border: 1px solid;
	font-size: 90%;
}
td.text-box-example, p.text-box-example, span.text-box-example {
	font-family: courier;
	line-height: 1.4em;
	word-spacing: normal;
   text-decoration: none;
	color: #323232;
   background-color: #F5F5F5;
	border-top: 1px solid #323232;
   border-bottom: 1px solid #323232;
	padding: 10px;
}
td.text-highlighter, p.text-highlighter, span.text-highlighter {
	color: #000000;
	background-color: #FFF000;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
td.text-quote, p.text-quote, span.text-quote {
	font-family: georgia, sans-serif;
	margin: 0px 0px 0px 2em;
	padding: 0.2em 0.7em;
    border-left: 1px solid #787878;
    color: #787878;
}

#page-sidebar td.text-quote, 
#page-sidebar p.text-quote, 
#page-sidebar span.text-quote,
#area-sidebar td.text-quote, 
#area-sidebar p.text-quote, 
#area-sidebar span.text-quote {
	margin: 0px 0px 0px 1em;
}

td.paragraph-indent, p.paragraph-indent {
	text-indent: 5%;	
}
a.link-button-primary-large,
a.link-button-primary-large:link,
a.link-button-primary-large:visited,
a.link-button-primary-large:active {
    border: #cccccc 1px solid;
    padding: 4px 10px;
	color: #2B88AA;
    background: #f5f5f5;
	font-weight: bold;
	font-size: 95%;
}
a.link-button-primary-large:hover,
a.link-button-primary-large:focus {
	border: #cccccc 1px solid;
	color: #DE1F2D;
    background: white;
	font-weight: bold;
}
a.link-button-primary-small,
a.link-button-primary-small:link,
a.link-button-primary-small:visited,
a.link-button-primary-small:active {
    border: #cccccc 1px solid;
    padding: 3px 7px;
	color: #2B88AA;
    background: #f5f5f5;
	font-weight: bold;
	font-size: 80%;
}
a.link-button-primary-small:hover,
a.link-button-primary-small:focus {
	border: #CCCCCC 1px solid;
    color: #DE1F2D;
    background: #FFFFFF;
    font-weight: bold;
}
a.link-button-secondary-large,
a.link-button-secondary-large:link,
a.link-button-secondary-large:visited,
a.link-button-secondary-large:active {
    border: #cccccc 1px solid;
    padding: 4px 10px;
	color: #65747D;
    background: #FFFFFF;
	font-weight: bold;
	font-size: 95%;
}
a.link-button-secondary-large:hover,
a.link-button-secondary-large:focus {
	border: #cccccc 1px solid;
    color: #DE1F2D;
    backgorund: #f5f5f5;
    font-weight: bold;
}
a.link-button-secondary-small,
a.link-button-secondary-small:link,
a.link-button-secondary-small:visited,
a.link-button-secondary-small:active {
    border: #cccccc 1px solid;
    padding: 3px 7px;
	color: #65747D;
    background: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
}
a.link-button-secondary-small:hover,
a.link-button-secondary-small:focus {
    border: #cccccc 1px solid;
	color: #DE1F2D;
    background: #f5f5f5;
	font-weight: bold;
}
li.link-menu-item,
p.link-menu-item,
a.link-menu-item {
	margin: 0px; /* nullify this tag of editor wraps menu <a> tags with span tags */
	padding: 0px;
	font-size: 100%;
	display: block;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	line-height: 1.6 em; /* fixed for <a> tag to prevent IE 6 from adding extra line */
	width: 90%; /* 100% won't allow all floating areas to fit correctly */
	/* note: colors and background need to be set in the class.div tags in each content area */
}
a.link-content-more,
a.link-content-more:link,
a.link-content-more:visited,
a.link-content-more:active {
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	border: 1px solid #cccccc;
	padding: 1px 4px 1px 4px;
	text-decoration: none;
	color: #323232;
	background: #ffffff;
}
a.link-content-more:hover,
a.link-content-more:focus {
	border: 1px solid #323232;
}
p.paragraph-no-margins{
   margin-top: 0px;
   margin-bottom: 0px;
}
p.paragraph-no-top-margin{
  margin-top: 0px;
}
p.paragraph-no-bottom-margin{
  margin-bottom: 0px;
}

/****************************************************************************
/* WYSIWYG Editor Defaults - In order to keep page editing consistent across
themes, these values "override" the theme's colors so that editing is always
in black on white.  This section should not be edited.
*****************************************************************************/
.mceContentBody,
.mceContentBody .image-left-primary,
.mceContentBody .image-left-secondary,
.mceContentBody .image-right-primary,
.mceContentBody .image-right-secondary,
.mceContentBody .image-full-width,
.mceContentBody .image-full-width-top-section,
.mceContentBody .link-button-primary-large,
.mceContentBody .link-button-primary-small,
.mceContentBody .link-button-secondary-large,
.mceContentBody .link-button-secondary-small,
.mceContentBody .link-content-more,
.mceContentBody .link-menu-item,
.mceContentBody .paragraph-indent,
.mceContentBody .paragraph-no-margins,
.mceContentBody .paragraph-no-top-margin,
.mceContentBody .paragraph-no-bottom-margin,
.mceContentBody .text-annotate,
.mceContentBody .text-box-example,
.mceContentBody .text-box-notice,
.mceContentBody .text-box-primary,
.mceContentBody .text-box-secondary,
.mceContentBody .text-box-warning,
.mceContentBody .text-fine-print,
.mceContentBody .text-highlighter,
.mceContentBody .text-quote
 {
    font-size: 90% !important;
    font-family: arial, sans-serif !important;
    background: none !important;
    background-color: white !important;
    border-color: black !important;
	 color: black !important;
}
/****************************************************************************
*****************************************************************************
*****************************************************************************
Internal Software Defaults - these styles are referenced within the software
and exposed here so you can contol the look and feel of the database 
information displayed by the software based on the specific needs of the 
different Page Types.

WARNING: Do not change the declared names below or an internal software
default will be used that may not look good with your design.
*****************************************************************************/

.software_highlight {
    color: black;
}
.software_hr {
    border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	color: #eeeeee;
	height: 1px;
	background-color: #eeeeee;
	border-right-width: 0px;
}
.software_input_radio {
    border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}
.software_input_checkbox {
    border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
}
.software_input_submit {
	padding: 2px;
	color: #2B88AA;
	padding-top: 2px;
    background-color: #f5f5f5;
    border: #cccccc 1px solid;
}
.software_input_submit_primary {
    border: #cccccc 1px solid;
	padding: 4px 10px;
	color: #2B88AA;
    background: #F5F5F5;
	font-weight: bold;
	font-size: 95%;
}
.software_input_submit_secondary {
    border: #cccccc 1px solid;
	padding: 4px 10px;
	color: #65747D;
    background-color: #ffffff;
	font-weight: bold;
	font-size: 95%;
}
.software_input_submit_small_primary {
    border-TOP: #e0e0e0 1px solid;
    border-BOTTOM: gray 1px solid;
    border-RIGHT: gray 1px solid;
    border-LEFT: #e0e0e0 1px solid;
    padding: 1px 3px;
	color: #BFC6C9;
    background-color: #65747D;
	font-weight: bold;
	font-size: 90%;
}
a.software_button_primary,
a.software_button_primary:link,
a.software_button_primary:visited,
a.software_button_primary:active {
    line-height: normal;
    display: inline-block;
    border: #cccccc 1px solid;
    padding: 4px 10px;
	color: #2B88AA;
    background-color: #f5f5f5;
	font-weight: bold;
	font-size: 95%;
}
a.software_button_primary:hover,
a.software_button_primary:focus {
    line-height: normal;
    display: inline-block;
	border: #cccccc 1px solid;
	color: #DE1F2D;
    background-color: white;
	font-weight: bold;
}
a.software_button_secondary,
a.software_button_secondary:link,
a.software_button_secondary:visited,
a.software_button_secondary:active {
    display: inline-block;
    line-height: normal;
    border-TOP: #e0e0e0 1px solid;
    border-BOTTOM: gray 1px solid;
    border-RIGHT: gray 1px solid;
    border-LEFT: #e0e0e0 1px solid;
    padding: 4px 10px;
    color: #65747D;
    background-color: white;
    font-weight: bold;
    font-size: 95%;
}
a.software_button_secondary:hover,
a.software_button_secondary:focus {
    display: inline-block;
    line-height: normal;
    border-TOP: #e0e0e0 1px solid;
    border-BOTTOM: gray 1px solid;
    border-RIGHT: gray 1px solid;
    border-LEFT: #e0e0e0 1px solid;
    color: #65747D;
    background-color: #BFC6C9;
    font-weight: bold;
}
a.software_button_small_secondary,
a.software_button_small_secondary:link,
a.software_button_small_secondary:visited,
a.software_button_small_secondary:active {
    display: inline-block;
    border: #cccccc 1px solid;
    padding: 3px 7px;

	color: #65747D;
    background-color: white;
	font-weight: bold;
	font-size: 75%;
	line-height: normal;
}
a.software_button_small_secondary:hover,
a.software_button_small_secondary:focus {
    display: inline-block;
	border: #cccccc 1px solid;
	color: #DE1F2D;
    background-color: #f5f5f5;
	font-weight: bold;
}

.software_photo_gallery a:hover {
	padding: 0 !important;
	margin: 0 !important;
}

input.software_input_submit_small_secondary {
    display: inline-block;
    line-height: normal;
    border: #cccccc 1px solid;
	_background-color: #FF0000;
	background-color: #FFFFFF;
 	color: #65747D;
	padding: 1.5px 3px;
	font-size: 75%;
	font-weight: bold;
}
/* File upload fields use this style*/
.software_input_file {
    border: #cccccc 1px solid;
    padding: 1px 3px;
    color: #323232;
    background-color: #FAFAFA;
    font-weight: bold;
    font-size: 80%;
}
/* Legend and Fieldset are browser functions used to wrap messages like Special Offers.*/
.software_legend {
    color: gray;
    font-weight: bold;
}
.software_fieldset {
	 border: 1px solid #cccccc;
}
/* Text fields on forms use this style*/
.software_input_text {
	 border: 1px solid #cccccc;
	 background-color: #FAFAFA;
}
/* picklists use this style*/
.software_select {
	 border: 1px solid #cccccc;
    background-color: #FAFAFA;
}
/* Text area fields on forms use this style*/
.software_textarea {
	 background-color: #FAFAFA;
	 border: 1px solid #cccccc;
}
/* Custom Form Page Types */
.software_office_use_only {
    background-color: #cccccc;
}
.software_photo_gallery
{
    text-align: center;
}

.software_photo_gallery .slideshow
{
    text-align: right;
    margin-bottom: 0.5em;
}

.software_photo_gallery span
{
    border: 1px solid #cccccc;
    background: #eeeeee;
    padding: 0.25em;
}

.software_photo_gallery .slideshow .active
{
    border: none;
    background: none;
    padding: 0;
    font-weight: bold;
}

.software_photo_gallery table
{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.software_photo_gallery td
{
    padding: .5em;
    text-align: center;
}

.software_photo_gallery .previous, .software_photo_gallery .next
{
    border: 1px solid #cccccc;
    background: #FFFFFF;
    padding: 0.25em;
}

.software_photo_gallery .thumbnail
{
    border: 1px solid #cccccc;
    background: #ececec;
    padding: 5px;
	margin: 0px 5px 5px 5px;
}

.software_photo_gallery .current_thumbnail
{
    border: 1px solid #323232;
    background: #efefef;
    padding: 5px;
	margin: 0px 5px 5px 5px;
}

.software_photo_gallery .thumbnail_label
{
    
}

.software_photo_gallery .current_thumbnail_label
{
    font-weight: bold;
}

.software_photo_gallery .photo
{
    border: 1px solid #323232;
    background: #EFEFEF;
    padding: 10px;
	margin: 0px 0px 15px 0px;
}

.software_photo_gallery a,
.software_photo_gallery a:link,
.software_photo_gallery a:visited,
.software_photo_gallery a:active
{
    border: none;
}
.software_photo_gallery a[target ="_blank"] {
   padding-right: 0;
   background: none;
}
.software_photo_gallery .caption
{
    
}
.software_pagination
{
    margin-top: 1em;
    margin-bottom: 1em;
	text-decoration: none;
    color: #2B88AA;
    background: #FFFFFF;
}
.software_pagination a,
.software_pagination span
{
    padding: 0.2em 0.4em !important;
    margin-left: 0.1em;
    margin-right: 0.1em;
    color: #2B88AA;
    border: 1px solid #323232;
	text-decoration: none;
	font-style: normal;
}
.software_pagination a
{
    border: #cccccc 1px solid;
	 color: #2B88AA;
}
.software_pagination a:hover
{
	 color: #DE1F2D;
}

.software_pagination .number
{
}
.software_pagination a.previous,
.software_pagination a.next,
.software_pagination .current
{
    font-weight: bold;
}
.software_pagination span.previous,
.software_pagination span.next
{
    border: #cccccc 1px solid;
    color: #65747D;
	 display: none;
}