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

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

* {
	vertical-align: baseline;
	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('/files/wrapper-bg.gif') repeat-y;
}

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

#site-header {
	padding: 0px 17px;
	height: 217px;
	background: url('/files/header-bg.gif') top left no-repeat; /* ORIG */
	/* background: url('/files/header-bg-fourth.jpg?breakcache') top left no-repeat; /* DURING THE FOURTH */ 
	position: relative;
}
#site-header #fourthlink{
	position: absolute;
	top: 70px;
	right: 0px;
	/* display:block;  /* HIDING DURING NON 4TH OF JULY DAYS */  
	display: none;
	width: 223px;
	height: 129px; 
	text-decoration: none;  
	background-image: none; 
	color: transparent;  
}

#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('/files/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 {
	float: left;
	padding: 10px 0px 0px 0px;
    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 ******/

/* ------------- BEGIN MAIN MENU -------------------- */


/* Menu wrapper */ 
#site-menu-border {
	width: 756px;
	margin-left: 7px;
	margin-right: 7px; 
}

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


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('/files/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;
}

/* ------------- END MAIN MENU -------------------- */




/* ------------- BEGIN FOURTH MENU -------------------- */
/* ....FOR FOURTH OF JULY SUB SITE */

/* Menu wrapper */ 
#site-fourth-menu-border {
	width: 960px; 
}

#site-fourth-menu-border #site-menu {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: red url("/fourth/images/fourth-red.gif") left repeat-x;
	height: 43px;
} 
 

ul#software_menu_fourth-menu.software_menu li { 
	background: transparent url("/fourth/images/fourth-red.gif") repeat-x top left;
	padding: 0px;
	margin: 0px;
	float: left;
    position: relative;
	z-index: 1; 
	
}

ul#software_menu_fourth-menu.software_menu li a {
	display: block;
	text-align: center;
	padding: 15px 22px 13px 22px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #fff;
 	color: #ffffff;
	font: normal normal normal 12px  "Georgia", "Times", sans-serif;
	font-family:Arial, Helvetica, sans-serif;
   	text-decoration: none;  
}

ul#software_menu_fourth-menu.software_menu li a[href $='pages/fourth-media'] { 
   Xpadding: 15px 24px 13px 22px;
   padding: 15px 27px 13px 26px;
   border-right: none;
}


ul#software_menu_fourth-menu.software_menu li a:hover { 
	background: transparent url("/fourth/images/fourth-blue.gif") repeat-x top left !important;
}

ul#software_menu_fourth-menu.software_menu li a:active { 
	color: red;
	background: transparent url("/fourth/images/fourth-white.gif") repeat-x top left;
}

ul#software_menu_fourth-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_fourth-menu.software_menu li ul li a.last {
	border-right: none;
	}

ul#software_menu_fourth-menu.software_menu li ul li a,
ul#software_menu_fourth-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_fourth-menu.software_menu li ul li.on,
ul#software_menu_fourth-menu.software_menu li.on ul li a:hover {
    background: #e78f1a none;
 	color: #33230f;
}


/* ------------- END FOURTH MENU -------------------- */

 


#mailer-border {
	 width: 600px;
	 margin: 10px auto 15px;
	 background: url('/files/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: #33230f;
	}
	
	.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('/files/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;
	margin: 0px 0px 4px 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-weght: 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: 12px;
	display: block;
	height: 15px;
	width: 168px;
	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;
	padding: 5px 0px 5px 20px;
	margin-top: 5px;
	background: url('/files/bullet.gif') no-repeat 5px 7px;
	border-bottom: 1px #e68e1a solid;
}

.page-footer-b a,
.page-footer-b a:link,
.page-footer-b a:visited,
.page-footer-b a:active {
	display: inline;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	background: none;
	border-bottom: 0px;
	text-decoration: underline;
}

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

.page-footer a.img,
.page-footer a:link.img,
.page-footer a:visited.img,
.page-footer a:active.img,
.page-footer a:hover.img,
.page-footer-content a.img,
.page-footer-content a:link.img,
.page-footer-content a:visited.img,
.page-footer-content a:active.img,
.page-footer-content a:hover.img,
.page-footer-a a.img,
.page-footer-a a:link.img,
.page-footer-a a:visited.img,
.page-footer-a a:active.img,
.page-footer-content a.img {
	border: 0px;  !important;
	background-image: none !important;
	padding: 0px  !important;
	margin: 0px  !important;
}

.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;
}

#site-credits {
	clear: both;
	font-size: 9px;
	width: 759px;
	margin: 0px auto 5px;
	text-align: right;
}

#site-credits a {
background:none;
}

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

.email-two-column-sidebar-right #area-border {
	/*background: url('/files/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('/files/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 {
	margin-left: 6px;
	margin-right: 6px;
	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;
}


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

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

#mailer-border #site-footer-border .rtop {
 	background-image: url('/files/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;
}


/**************************************************************************** 
*****************************************************************************
*****************************************************************************
Hyperlink Cues add images next to links in all content areas to help the reader
quickly understand what will happen when the link is clicked.
These are not required by the software and can be commented out if you like.
Does not display in IE (unsupported).
*****************************************************************************/

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(/files/icon_pdf.gif) no-repeat center right;
}
a[href $='.xls'] { 
   padding-right: 18px;
   background: transparent url(/files/icon_xls.gif) no-repeat center right;
}
a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(/files/icon_doc.gif) no-repeat center right;
}
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(/files/icon_mail.gif) no-repeat center right;
}
a[href ^="http://www"] {
   padding-right: 20px;
   background: transparent url(/files/icon_external.gif) no-repeat center right;
}
a[target ="_blank"] {
   padding-right: 18px;
   background: transparent url(/files/icon_popup.gif) no-repeat center right;
}
a[target ="_blank"].link-button-primary-large,
a[target ="_blank"].link-button-primary-small,
a[target ="_blank"].link-button-secondary-large,
a[target ="_blank"].link-button-secondary-small,
#site-footer a[target ="_blank"] {
   padding-right: 0px;
   background-image: none !important;
}

a[target ="_blank"].link-menu-item {
    padding-right: 0px;
}

a.no-link-icon{
 background-image: none !important;
 padding-right: 0px !important;
}

/* Calendar widget */

div.calendar {
	position: relative;
	width: 196px;
	border: 1px solid #884f2a;
}

.calendar, .calendar table {
  font-size: 11px;
  color: #000;
  cursor: default;
  background-color: #f9f4ea;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  color: #e68e1a;
}

.calendar .button:hover { /* "<<", "<", ">", ">>" buttons have this class */
  color: #ffffff;
}

div.calendar thead{
	width: 100%;
  	color: #33230f;
	padding: 10px 2px;
}

.calendar .nav {}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #33230f;
  color: #ffffff;
  padding: 2px;

}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #33230f;
  color: #000;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #655;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #884f2a;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #e68e1a;
  color: #432715;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #c77;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #d0d35f;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #fed;
}

.calendar tbody .rowhilite td {
  background: #e68e1a;
}

.calendar tbody .rowhilite td.wn {
  background: #efe;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
/* JM - Remove day hilite */
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #ddc;
}

.calendar tbody td.selected { /* Cell showing today date */
  /*background: #d0d35f;*/
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #884f2a;
}

.calendar tbody td.today { font-weight: bold; background: #d0d35f }

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	display: none;
/*
  text-align: center;
  background: #988;
  color: #000;
*/
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-top: 1px solid #655;
  background: #dcb;
  color: #840; 
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #faa;
  border: 1px solid #f40;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #c77;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #ffe;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #fc8;
}

.calendar .combo .active {
  border-top: 1px solid #a64;
  border-bottom: 1px solid #a64;
  background: #fee;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #a88;
  padding: 1px 0px;
  text-align: center;
  background-color: #fed;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #988;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #866;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}



/* FOURTH OF JULY SITE */

/* Added to force 4th of July links to stay red on mouse over */
#FourthMainContent A{ 
	text-decoration: underline;
	background-image:none;
	margin: 0;
	padding: 0;
	color: blue !important;
}
#FourthMainContent A:HOVER{
	color: #FF0000 !important;
	text-decoration: underline !important;
}