body
{
    background: #ffffff;
    padding: 0;
    margin: 0;
    font: 85% Helvetica, verdana, arial, sans-serif;
    color: #000000;
    line-height: 1.75em;
}

.search-query
{
    font-size: 10px;
    background-color: #eeeeee;
    border: #666666 1px solid;
}

.pledge-content img {
    border: none;
}

.search-submit
{
    color: #ffffff;
    font-size: 10px;
    background-color: #666666;
    border: #666666 1px solid;
    margin-left: 10px;
}

a:link,
a:active,
{
    color: #0000ff;
    text-decoration: underline;
    font-size: 100%;
}

a:visited
{
    color: purple;
    text-decoration: underline;
}
a:hover,
a:focus
{
    color: #f68933;
    text-decoration: underline;
}

h1 {
    font-weight: normal;
    font-size: 180%;
    color: #000000;
    padding: 0em;
    margin: 0em 0em .25em 0em;
    font-family: "Arial";
}

h2,
h3,
h4,
h5,
h6 {
    font-family: "Arial";
    font-weight: normal;
    color: #000000;
}

h2 { font-size: 150%; }
h3 { font-size: 125%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }

#container
{
    padding: 2em 0em;
    margin: 0em auto;
    text-align: left;
    width: 950px;
    border:1px solid #99bfc0;
}

#main
{
    background: #FFF;
    padding: 1em;
}

#site-top-border {
    margin: 0em 0em 1em 0em ;
    padding: 0em 0em 1em 0em;
    border-bottom: 4px solid #99bfc0;
    width: 100%;
    height: 120px;
    background: transparent url(/files/StMonica_logo.jpg) top no-repeat;
    font-size: 12px;
}

#site-tools {
    padding: .25em 0em;
}

#site-tools a:link,
#site-tools a:visited,
#site-tools a:active {
    padding: 0em 0em 0em 0em;
}

#site-tools a:focus,
#site-tools a:hover {
    color: #000;
    text-decoration: underline;
}

#site-search {
    border: 1px solid #99bfc0;
    padding: 0em;
    margin: 0em;
    text-align: right;
}

#site-search form {
    padding: 0em;
    margin: 0em;
}

#site-search input {
    margin: 0em;
    padding: 0em;
}

#site-search .search-query {
    border: none;
    background: transparent;
    text-align: right;
    color: #b6b0a3;
    padding: 0em;
    margin: 0em;
}

#site-search .search-submit {
    background: transparent url(/files/icon_search.png) left top no-repeat;
    border: none;
    width: 16px;
    height: 16px;
}

#site-header {
    margin: 0em;
    padding: 0em;
}

#logo
{
    border-bottom: 1px solid #ccc;
}

#logo a
{
    text-decoration: none;
}

#menu
{
    width: 100%;
    text-align: left;
}

#menu a
{
    display: block;
    float: left;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    color: #000;
    background: #eeeeee;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    font-size: 12px;
}

#menu a:hover
{
    background: #cccccc;
    text-decoration: none;
}
.drop_down_menu
{
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 11px;
    visibility: hidden;
    background-color: #eeeeee;
    border-top: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    border-right: 1px #cccccc solid;
}

.drop_down_menu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.drop_down_menu a
{
    display: block;
    width: 150px;
    padding: 2px 10px 2px 10px;
    border-bottom: #cccccc 1px solid;
}

.drop_down_menu a:link {text-decoration: none; color:#333333}
.drop_down_menu a:visited {text-decoration: none; color:#333333}
.drop_down_menu a:active {text-decoration: none; color:#333333}
.drop_down_menu a:hover {text-decoration: none; background-color: #ffffff}

#site-menu-border {
	 padding: 0px;
     margin-left: auto;
     margin-right: auto;
     position: relative;
     z-index: 2;
}

/****************************************************************************
Site Menu Defaults  - defines the main site-wide common region used to display
the main menu.
*****************************************************************************/

#site-menu {
    WIDTH: 100%; /* must have this for IE */
  	PADDING-TOP: 0px; */ /*this is magic, removes margin in Mozilla */
	PADDING-RIGHT: 0px;
  	PADDING-BOTTOM: 0px;/*this is magic, removes margin in Mozilla */
	PADDING-LEFT: 0px;
	MARGIN: 0px;
    COLOR: transparent;
    background-color: transparent;
    text-align: left;
}

/****************************************************************************
Each menu region must have the following styles defined with are used by the
software's javascript that controls the menu "fly-outs" and "drop-downs" that
are invoked using the <menu></menu> tags in Page Styles.
*****************************************************************************/
/*used for all menus */
ul.software_menu, .software_menu ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
/***************************************************************************/
/* Style definition for the menu region named "main-menu". */
/***************************************************************************/
ul#software_menu_main-menu.software_menu li {
    float: left; /* necessary for IE 6 */
    position: relative;
    padding: 0;
    margin: 0;
}
ul#software_menu_main-menu.software_menu li a {
    display: block;
	/*padding: 4px 12px 4px 12px;*/
	/* margin-bottom: -1px;  required to prevent javascript menus from disappearing on hover for mozilla */
 	font-family: Arial,Verdana,sans-serif;
	font-weight: normal;
    text-decoration: none;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
    background: #eeeeee;
    color: #000;
    font-size: 11px;
}
ul#software_menu_main-menu.software_menu li.on,
ul#software_menu_main-menu.software_menu li a:hover {
 	background-color: #cccccc;
    text-decoration: none;
}
ul#software_menu_main-menu.software_menu li ul {
    position: absolute;
    visibility: hidden;
    top: 50px;
    left: 0;
    width: auto;
    background-color: #eeeeee;
    font-size: 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
ul#software_menu_main-menu.software_menu li ul li a {
    /*padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;*/
    margin: 0;
    color: #3333A8;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    text-align: left;
    width: 150px;  /* fix width of menu items */
}
/***************************************************************************/
/* 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 {
    color:#333333;
}
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 {
}

/****************************************************************************
Vertical Site Menu Defaults  - defines the main site-wide common region used to display
the main menu.
*****************************************************************************/

#vertical-menu-border {
	 padding: 0px;
     margin: 0em;
     width: 210px;
}

#vertical-menu {
    WIDTH: 100%; /* must have this for IE */
  	PADDING-TOP: 0px; */ /*this is magic, removes margin in Mozilla */
	PADDING-RIGHT: 4px;
  	PADDING-BOTTOM: 0px;/*this is magic, removes margin in Mozilla */
	PADDING-LEFT: 0px;
	MARGIN: 0px;
    COLOR: transparent;
    background-color: transparent;
    text-align: right;
    line-height: 1.0em;
}

/****************************************************************************
Each menu region must have the following styles defined with are used by the
software's javascript that controls the menu "fly-outs" and "drop-downs" that
are invoked using the <menu></menu> tags in Page Styles.
*****************************************************************************/
/*used for all menus */
#vertical-menu ul.software_menu, .software_menu ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
/***************************************************************************/
/* Style definition for the menu region named "main-menu". */
/***************************************************************************/
#vertical-menu ul#software_menu_main_menu_vertical.software_menu li {
    padding: 0;
    margin: 0em 0em .75em 0em;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu li ul li {
    padding: 0;
    margin: 0em;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu li a {
    letter-spacing: .05em;
    text-decoration: none;
    font-weight: bold;
    font-size: 85%;
    color: #5C5C5C;
    text-transform: uppercase;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu li.on,
#vertical-menu ul#software_menu_main_menu_vertical.software_menu li a:hover {
 	text-decoration: underline;
    color: #f68933;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu li ul {
    margin: 0em;
    padding: 0em;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu li ul li {
    margin: 0em;
    padding: 0em;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu li ul li a {
    font-size: 85%;
    line-height: 1em;
    font-family: "Palatino", "Garamond", serif;
    text-transform: none;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu li.current a {
    color: #f68933;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu li.current a:hover,
#vertical-menu ul#software_menu_main_menu_vertical.software_menu li.current a:focus {
    color: #5C5C5C;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu ul li.current a {
    color: #f68933;
}

#vertical-menu ul#software_menu_main_menu_vertical.software_menu ul li.current a:hover,
#vertical-menu ul#software_menu_main_menu_vertical.software_menu ul li.current a:focus {
    color: #5C5C5C;
}

#content
{
    margin: 0px auto;
}

#content .stewardship_link {
    margin: 2em 0em 0em 0em;
    text-align: right;
}

#content .stewardship_link img {
    border: none;
}

#content-left
{
    width: 70%;
    vertical-align: top;
    padding-right: 20px;
    border-right: 1px solid #ccc;
    font-size: 90%;
}

#content-right
{
    width: 80%;
    vertical-align: top;
    padding: 0em 0em 0em 2em;
    line-height: 1.4em;
    font-family: "Palatino", "Garamond", serif;
    font-size: 110%;
}

#content-right table tr td {
    line-height: 1.1em;
    vertical-align: top;
    font-family: Arial, Helvetica, verdana, sans-serif;
    font-size: 120%;
    padding: 0em 0em;
}

#content-right table tr td ul li {
    line-height: 1.25em;
}

#content-right p {
    margin: 0em 0em 1em 0em;
    font-family: Arial;
    fon-size: 120%;
    font-weight: normal;
}

#content-right h1 {
    font-weight: normal;
    color: #99bfc0;
    padding: 0em;
    margin: 0em 0em .25em 0em;
    font-family: "Times New Roman", serif;
}

#content-right h2,
#content-right h3,
#content-right h4,
#content-right h5,
#content-right h6 {
    font-family: Helvetica, Arial;
    font-weight: bold;
    color: #000000;
}

#content-right h1 { font-size: 180%; }
#content-right h2 { font-size: 130%; }
#content-right h3 { font-size: 125%; }
#content-right h4 { font-size: 100%; }
#content-right h5 { font-size: 100%; }
#content-right h6 { font-size: 90%; }

#sidebar-left
{
    width: 20%;
    vertical-align: top;
}

#sidebar-right
{
    width: 30%;
    vertical-align: top;
    padding-left: 20px;
}

#footer
{
    color: #5C5C5C;
    padding: .25em 0em;
    font-size: 70%;
}

#footer table tr td {
    vertical-align: top;
}

#footer a:link,
#footer a:visited,
#footer a:active {
    color: #5C5C5C;
}

#container.email
{
    width: 550px;
}

#email-menu
{
    width: 100%;
    text-align: right;
}

#email-menu a
{
    display: block;
    float: right;
    border: 1px solid #ccc;
    text-decoration: none;
    text-align: center;
    color: #000;
    background: #eeeeee;
    padding: 3px 10px 3px 10px;
    margin-right: 5px;
}

#email-menu a:hover
{
    background-color: #cccccc;
}

#email-left
{
    width: 50%;
    vertical-align: top;
    padding-right: 20px;
}

#email-right
{
    width: 50%;
    vertical-align: top;
    padding-left: 20px;
}

#email-top, #email-middle
{
    margin-bottom: 15px;
}

.software_input_submit_small_primary
{
    font-size: 90%;
    BORDER-RIGHT: Gray 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #e0e0e0 1px solid;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: #e0e0e0 1px solid;
    COLOR: white;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: Gray 1px solid;
    BACKGROUND-COLOR: Gray;
}

.software_legend
{
    color: gray;
    font-weight: bold;
}

.software_office_use_only
{
    background-color: #f2f2f2;
}

.software_highlight {
    COLOR: Gray; BACKGROUND-COLOR: transparent
}

#bsa-container
{
    padding: 0;
    margin: 20px auto 10px auto;
    text-align: left;
    width: 1000px;
}

#bsa-footer
{
    background: #758640;
    color: #ffffff;
}

#bsa-footer a
{
    text-decoration: none;
    color: #ffff00;
}

#bsa-footer a:hover
{
    color: #ffffff;
}

hr {
    color: #fff;
    background-color: #fff;
    border-left: none;
    border-right: none;
    border-top: 1px dotted #b6b0a3;
    border-bottom: 1px dotted #b6b0a3;
	height: 8px;
}

/****************************************************************************
"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{}
.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 #99bfc0;
	background: transparent;
	padding: 10px;
	margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
	float: left;
}
img.image-left-secondary {
    border: 1px solid #99bfc0;
	background: transparent;
	padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    float: left;
}
img.image-right-primary {
    border: 1px solid #99bfc0;
	background: transparent;
	padding: 10px;
	margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
	float: right;
}
img.image-right-secondary {
    border: 1px solid #99bfc0;
	background: transparent;
	padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 0px;
    float: right;
}
td.text-annotate, p.text-annotate, span.text-annotate {
	color: #99bfc0;
    font-size: 8pt;
	text-decoration: none;
	background-color: transparent;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	BORDER-TOP: #99bfc0 1px solid;
	BORDER-BOTTOM: #99bfc0 1px solid;
	BORDER-LEFT: #99bfc0 1px solid;
	BORDER-RIGHT: #99bfc0- 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 {
   background: #99bfc0 none repeat scroll 0%;
   border-bottom: 2px solid #f68933;
   border-top: 2px solid #f68933;
   color: #fff;
   margin: 10px 0pt;
   padding: 10px;
}
td.text-box-secondary, p.text-box-secondary, span.text-box-secondary {
   background: #eeeeee none repeat scroll 0%;
   border-bottom: 1px solid #cccccc;
   border-top: 1px solid #cccccc;
   color: #333333;
   margin: 10px 0pt;
   padding: 20px;
}
td.text-box-warning, p.text-box-warning, span.text-box-warning {
	color: red;
   background-color: white;
	line-height: 1.4em;
	text-decoration: none;
	padding: 10px;
	border: 1px dotted red;
}
td.text-box-notice, p.text-box-notice, span.text-box-notice {
    color: #666666;
    background-color: white;
    line-height: 1.4em;
    text-decoration: none;
    padding: 10px;
    border: 1px dotted #99bfc0;
}
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: #333333;
    background-color: #eeeeee;
	border-top: 1px solid #99bfc0;
    border-bottom: 1px solid #99bfc0;
	padding: 20px;
}
td.text-highlighter, p.text-highlighter, span.text-highlighter {
	color: black;
	background-color: yellow;
	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-size: 100%;
	font-family: georgia, sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	background: transparent url(/files/open-quote.gif) top left no-repeat;
	color: #fff;
	font-style: italic;
}
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-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #99bfc0;
    COLOR: #fff;
    PADDING: 4px 10px;
    font-weight: bold;
	font-size: 95%;
}
a.link-button-primary-large:hover,
a.link-button-primary-large:focus {
	BACKGROUND-COLOR: #f68933;
    COLOR: #fff;
}
a.link-button-primary-small,
a.link-button-primary-small:link,
a.link-button-primary-small:visited,
a.link-button-primary-small:active {
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #99bfc0;
    COLOR: #fff;
    PADDING: 3px 7px;
    font-weight: bold;
	font-size: 80%;
}
a.link-button-primary-small:hover,
a.link-button-primary-small:focus {
	BACKGROUND-COLOR: #f68933;
    COLOR: #fff;
}
a.link-button-secondary-large,
a.link-button-secondary-large:link,
a.link-button-secondary-large:visited,
a.link-button-secondary-large:active {
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR: #99bfc0;
    PADDING: 4px 10px;
    font-weight: bold;
	font-size: 95%;
}
a.link-button-secondary-large:hover,
a.link-button-secondary-large:focus {
	BACKGROUND-COLOR: #f68933;
    COLOR: #fff;
}
a.link-button-secondary-small,
a.link-button-secondary-small:link,
a.link-button-secondary-small:visited,
a.link-button-secondary-small:active {
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR: #99bfc0;
    PADDING: 3px 7px;
    font-weight: bold;
	font-size: 80%;
}
a.link-button-secondary-small:hover,
a.link-button-secondary-small:focus {
	BACKGROUND-COLOR: #f68933;
    COLOR: #fff;
}
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-weight: bold;
	font-size: 120%;
	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 #6a9fb6;
	padding: 1px 4px 2px 4px;
	text-decoration: none;
	color: #6a9fb6;
	background: #ffffff;
}
a.link-content-more:hover,
a.link-content-more:focus {
	border: 1px solid #f68933;
}
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 .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: #f68933;
}
.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 {
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #99bfc0;
    COLOR: #fff;
	PADDING: 4px 10px;
    font-weight: bold;
    FONT-FAMILY: Helvetica, verdana, arial, sans-serif;
}
.software_input_submit_primary,
a.software_input_submit_primary:link,
a.software_input_submit_primary:visited,
a.software_input_submit_primary:active {
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #99bfc0;
    COLOR: #fff;
	font-weight: bold;
    PADDING: 4px 10px;
	font-size: 95%;
    FONT-FAMILY: Helvetica, verdana, arial, sans-serif;
}
.software_input_submit_secondary,
a.software_input_submit_secondary:link,
a.software_input_submit_secondary:visited,
a.software_input_submit_secondary:active {
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR: #99bfc0;
	font-weight: bold;
	font-size: 95%;
    PADDING: 4px 10px;
    FONT-FAMILY: Helvetica, verdana, arial, sans-serif;
}
.software_input_submit_small_primary,
a.software_input_submit_small_primary:link,
a.software_input_submit_small_primary:visited,
a.software_input_submit_small_primary:active {
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #99bfc0;
    COLOR: #fff;
	font-weight: bold;
    PADDING: 1px 3px;
	font-size: 90%;
    FONT-FAMILY: Helvetica, verdana, arial, sans-serif;
}
.software_input_submit_secondary_small,
a.software_input_submit_secondary_small:link,
a.software_input_submit_secondary_small:visited,
a.software_input_submit_secondary_small:active {
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR: #99bfc0;
	font-weight: bold;
	PADDING: 1px 3px;
	font-size: 90%;
    FONT-FAMILY: Helvetica, verdana, arial, sans-serif;
}
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-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #99bfc0;
    COLOR: #fff;
    PADDING: 5px 10px;
	font-weight: bold;
	font-size: 100%;
    vertical-align: top;
}
a.software_button_primary:hover,
a.software_button_primary:focus {
    BACKGROUND-COLOR: #f68933;
    COLOR: #fff;
    text-decoration: none;
}
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: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR: #99bfc0;
    PADDING: 5px 10px;
	font-weight: bold;
	font-size: 100%;
    vertical-align: top;
}
a.software_button_secondary:hover,
a.software_button_secondary:focus {
    BACKGROUND-COLOR: #f68933;
    COLOR: #fff;
    text-decoration: none;
}
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;
    line-height: normal;
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #EAEAEA;
    COLOR: #99bfc0;
    PADDING: 3px 7px; /*add 1px to a button top/bottom padding to match input */
    font-size: 90%;
    vertical-align: top;
    font-weight: bold;
}
a.software_button_small_secondary:hover,
a.software_button_small_secondary:focus {
    BACKGROUND-COLOR: #f68933;
    COLOR: #fff;
}

.software_photo_gallery a:hover {
	padding: 0 !important;
	margin: 0 !important;
}

input.software_input_submit_small_secondary {
    display: inline-block;
    line-height: normal;
    border-top: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    BACKGROUND-COLOR: #99bfc0;
    COLOR: #fff;
    padding: 2px 3px;
    font-size: 90%;
    font-weight: bold;
    vertical-align: top;
    FONT-FAMILY: Helvetica, verdana, arial, sans-serif;
}
/* File upload fields use this style*/
.software_input_file {
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 1px 3px;
    COLOR: #666666;
    BACKGROUND-COLOR: white;
    font-weight: bold;
    font-size: 80%;
}
/* Legend and Fieldset are browser functions used to wrap messages like Special Offers.*/
.software_legend {
    color: #6a9fb6;
    font-weight: bold;
}
.software_fieldset {
	 border: 1px solid #6a9fb6;
}
/* Text fields on forms use this style*/
.software_input_text {
	 border: 1px solid #6a9fb6;
}
.software_input_password {
    border: 1px solid #6a9fb6;
}
/* picklists use this style*/
.software_select {
	 border: 1px solid #6a9fb6;
}
/* Text area fields on forms use this style*/
.software_textarea {
	 border: 1px solid #6a9fb6;
}
/* Custom Form Page Types */
.software_office_use_only {
    background-color: #6a9fb6;
}

.software_monthly_calendar
{
    width: 100%;
    border-collapse: collapse;
}

.software_monthly_calendar td, .software_monthly_calendar th
{
    line-height: 12px;
    padding: 2px;
    border: #666666 1px solid;
    vertical-align: top;
}

.software_monthly_calendar th
{
    width: 14%;
    background-color: #99bfc0;
    color: #fff;
    text-align: center;
}

.software_monthly_calendar td.inactive
{
    background-color: #99bfc0;
}
/* Photo Gallery Page Type uses these styles */
.software_photo_gallery
{
    text-align: center;
}
.software_photo_gallery .slideshow
{
    text-align: right;
    margin-bottom: 0.5em;
	 color: #999999;
	 font-weight: bold;
}
.software_photo_gallery span
{
	 font-weight: bold;
	 color: #999999;
 	 border: #999999 1px solid;
    PADDING: 4px 7px;
	 font-weight: bold;
    background: none;
}
.software_photo_gallery .slideshow .active
{
	font-weight: bold;
	color: #fff;
    background: #99bfc0;
    PADDING: 4px 7px;
	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-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: #808080 1px solid;
    BORDER-RIGHT: #808080 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 1px 3px;
	 COLOR: #999999	;
    BACKGROUND-COLOR: #FFF;
	 font-weight: bold;
	 color: #999999;
}
.software_photo_gallery .thumbnail
{
    border: 1px solid #cccccc;
    background: #eeeeee;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
}
.software_photo_gallery .current_thumbnail
{
    border: 1px solid #cccccc;
    background: #99bfc0;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
}
.software_photo_gallery .thumbnail_label
{
    
}
.software_photo_gallery .current_thumbnail_label
{
    font-weight: bold;
}
.software_photo_gallery .photo
{
    border: 1px solid #eeeeee;
    background: #99bfc0;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
}
.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
{
    font-weight: bold;
}
.software_pagination
{
    margin-top: 1em;
    margin-bottom: 1em;
	 text-decoration: none;
    color: #333333;
    background: white;
}
.software_pagination a,
.software_pagination span
{
    padding: 0.2em 0.4em;
    margin-left: 0.1em;
    margin-right: 0.1em;
    border: 1px solid #cccccc;
	 text-decoration: none;
	 font-style: normal;
}
.software_pagination a
{
    border: 1px solid #cccccc;
}
.software_pagination a:hover
{
    border: 1px solid #666666;
}
.software_pagination .current
{
	 font-weight: bold;
	 background: #eeeeee;
}
.software_pagination .number
{
}
.software_pagination a.previous,
.software_pagination a.next
{
    font-weight: bold;
    BACKGROUND-COLOR: #fff;
}
.software_pagination span.previous,
.software_pagination span.next
{
    border: 1px solid #99bfc0;
    color: #99bfc0;
}

.software_translation form {
    text-align: right;
    margin: 0.01em;
    padding: .25em 0em;
}

.software_catalog table {
    width: 100%;
}

.software_catalog table td {
    vertical-align: top;
    padding: 0em .5em .5em 0em;
}

.software_catalog table td .image,
.software_catalog table td .image a {
    border: none;
    text-decoration: 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).
*****************************************************************************/
/* The code below was removed because they do not appear to have images for these
and it was causing extra spacing to be added to menu items.

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;
}
*/

/* styling for the ad region container */
.software_ad_region_dynamic
{
    width: 500px; /* this should probably match the width for the ads_container selector below */
    position: relative; /* set this to relative if the ad region menu is absolutely positioned */
}

/* styling for the ads container */
.software_ad_region_dynamic .ads_container
{
    width: 500px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 250px; /* this is the height of the scrolling area */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

/*
styling for ads
The height, width, and padding below need to work with the values entered above.
For example, if these values are set too small, then the content might not take up enough space,
and if the values are too large, then the content might be cropped.
*/
.software_ad_region_dynamic .ad
{
    width: 460px;
    height: 210px;
    padding: 20px;
}

/* styling for the ad region menu */
.software_ad_region_dynamic ul.menu
{
	list-style: none;
    padding: 0em;
    margin: 0em;
    position: absolute; /* set the menu so that it is absolutely positioned on top of the ad region */
    bottom: .5em; /* set the location of the absolutely positioned menu, starting from the bottom */
    right: 0em; /* set the location of the absolutely positioned menu, starting from the right */
    z-index: 1; /* you might need to set this so that the menu items are clickable in Firefox */
}

/* styling for the menu items */
.software_ad_region_dynamic ul.menu li
{
	list-style-type: none;
    display: inline; /* set the menu items so they appear horizontally */
    margin-right: .5em;
}

/* styling for the menu item links */
.software_ad_region_dynamic ul.menu a
{
    padding: .25em;
}

/* styling for the current menu item */
.software_ad_region_dynamic ul.menu a.current
{
    background-color: #dddddd;
}
.software_rss_link
{
    text-align: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_icalendar_link
{
    margin-top: 1em;
    margin-bottom: 1em;
}