/****************************************************************************

Theme Name: corporate

You are free to modify this theme file to change the appearance of your website.
If you need help customizing this theme or creating a brand new theme for your
website, please let us know and we can send you an estimate.

****************************************************************************/

/****************************************************************************
Customized for HME Associates by Peter Souza 9/09
Light text				- #BCBEC4
Dark Text				- #313236	(Same as Header/footer)
White Text				- #F5F5F5
Colored/Highlight text
	Blue				- #2A3BB9
	Red					- #C72C26
normal Links			- #595961
Header/footer(Dark)		- #313236
Background(left/right)	- #DFE0E3
Right Sidebar			- #313436	(same as Header/Footer)
Medium background		- #6A6A6A
	(site tools buttons)

VTech Color				- #04A38D
****************************************************************************/

/****************************************************************************
HTML tag styling for custom sidebar-page
*****************************************************************************/
.sidebar-page-HTML{
	/*min-height: 95%; 
	height: 95%;*/



}

/****************************************************************************
BODY wraps the entire browser window and defines the "master" defaults for 
background image or color as well as the default fonts, colors, links, and hover
behavior for all content.

These values will be inherited by the content areas but overridden by the 
"default format" classes used for each content area as well as the 
"custom format" classes used by website content editors. 
*****************************************************************************/
BODY {
/* browser background */
	 PADDING: 0px;
	 MARGIN: 0px;
	 
/* set the color for the entire browser window */
	 BACKGROUND-COLOR: #DFE0E3;					/*This is the flat color on each side of the content area(middle*/

/* Set the base font for all content all areas will be relative. */
/* All BODY defaults should work with the site's main content areas */
	 FONT-FAMILY: Arial, Verdana, sans-serif;
	 FONT-SIZE: medium;  /* approx. 16px on most browsers */
	 color: #525f65;							/*the main color for the header/footer? <no effect>*/
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

.sidebar-page-body {
	/*min-height: 95%;
	height: 95%;*/

}

/****************************************************************************
Set all the HTML tags to their default values as necessary.

WARNING: Setting an HTML tag at this level means that it will be displayed
this way in the WYSIWYG Editor (example <h1> tag).  Also, don't define
defaults for <a> tags here if you want to change the font color, size, etc, 
within each content area.
****************************************************************************/

h1,h2,h3,h4,h5,h6 {}

/* PRE seems to be smaller than all other font faces so make it larger across all content areas */
pre {
font-size: larger;
}
/* default input field styles */
input {
	 border: 1px solid #cccccc;
 	 FONT-FAMILY: Arial, Verdana, sans-serif;
}
select {
	 border: 1px solid #cccccc;
}
ul {
	list-style-type: square; 
	list-style-position: inside;
}
ol {
	list-style-type: decimal; 
	list-style-position: inside;
}
hr {
	background-color: #eeeeee; /* used by Mozilla and Opera */			/*horizontal line, dunno where it gets used*/
	color: #eeeeee; /* used by IE */
	border: 1px;  /* define border and height for Opera */
	height: 1px;  /* define border and height for Opera */
}
blockquote {
	background:#F5F5F5 none repeat scroll 0%;
   border: 1px solid #eeeeee;
   margin: 10px 0pt;
   padding: 5px 15px;
}


/****************************************************************************
Remove all extra line breaks from all tags throughout all content.  This will
match the edit behavior and layout in the WYSIWYG Editor. No colors here please.
*****************************************************************************/

address,pre {}

p {
	padding-top: 0px;
	margin-top: 0px;
}

h1,h2,h3,h4,h5,h6 { 
	margin: 0px !important;
}
blockquote,ul,ol {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/****************************************************************************
Site Border wraps all content containers for the document ans shoudl be the
only container that specifies an exact WIDTH in pixels.  All other child
containers should be defined in the software's Page Style, or as a percentage.
(Do not remove any selectors from this container or add colors and styles.)
*****************************************************************************/

#site-border {
/* uncomment for fluid site look */
/*   WIDTH: 100%; */
/* uncomment for fixed site look */
    WIDTH: 760px;
	 
    MARGIN-TOP: 0px;
	 MARGIN-RIGHT: auto;
	 MARGIN-BOTTOM: 25px;
	 MARGIN-LEFT: auto;

/* define web page background */
 	 BACKGROUND-COLOR: transparent;
	 
	 border-left: 1px solid #888B82;
	 border-right: 1px solid #868C7E;
}
#sidebar-page-border {
/* uncomment for fluid site look */
/*   WIDTH: 100%; */
/* uncomment for fixed site look */
    WIDTH: 215px;
	/*min-height: 100%;
	height: 100%; */
	 
    MARGIN-TOP: 0px;
	 MARGIN-RIGHT: auto;
	 MARGIN-BOTTOM: 25px;
	 MARGIN-LEFT: auto;

/* define web page background */
 	 BACKGROUND-COLOR: transparent;
	 
	 border-left: 1px solid #888B82;
	 border-right: 1px solid #868C7E;
}

/****************************************************************************
Mailer Border wraps all content containers for emailed documents and be the
only container that specifies an exact WIDTH in pixels.  All other child
containers should be defined in the software's Page Style, or as a percentage.

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.
*****************************************************************************/

#mailer-border {
/* set presenation of all pages to a fixed width - essential for emailed pages */
	 WIDTH: 550px;
    MARGIN-TOP: 10px;
	 MARGIN-RIGHT: auto;
	 MARGIN-BOTTOM: 15px;
	 MARGIN-LEFT: auto;
	 PADDING-TOP: 10px;
	 
/* define emailer web pages' background */
 	 BACKGROUND-COLOR: transparent;
}

#site-top-border {	
 	 BACKGROUND-COLOR: #313236;						/*this changes the background of the site tools section(or there abouts)*/
	 background-image: url('/files/header_left_background.png');			/*attempting to make this a mask rather than solid*/
	 background-repeat: repeat-y;
	 background-position: left;
}

/****************************************************************************
Site Tools Border wraps the site tools ans site search containers for right
and left floating in the document.

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-tools-border {
	 WIDTH: 100%;
	 MARGIN: 0px;
	 PADDING: 0px;
 	 BACKGROUND-COLOR: transparent;
	 background-image: url('/files/header_right_background.png');
	 background-repeat: repeat-y;
	 background-position: right;
}

/****************************************************************************
Site Tools define the background image, colors, fonts, heading styles, input
fields, buttons, and link and hover behavior of the content in this area.

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-tools {
    BACKGROUND-COLOR: transparent;
	 
/* define size and structure */
	 PADDING-TOP: 10px;
	 PADDING-RIGHT : 0px;
	 PADDING-BOTTOM: 0px;
	 PADDING-LEFT: 15px; 
/* define relative font size, color, and area's background */
    FONT-SIZE: 55%;
	 COLOR: #BCBEC4;													/*site tools non-link text color*/
	 width: 65% !important;
}

/* default HTML link and color behavior for "anchor tags" */
.site-tools-content a,
.site-tools-content a:link,
.site-tools-content a:visited,
.site-tools-content a:active
 {
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	 COLOR: #BCBEC4;													/*site tools link text */ 
	 background-color: #313236;											/*5E6E74 this changes the color of the site tools buttons */ /*changed*/
	 padding: 1px 4px;	
 	 margin-right: 5px;
  	 margin-left: 5px;
}
.site-tools-content a:hover {
    color: #F5F5F5;														/*site tools text, on hover*/	/*changed*/				
	 background-color: #6A6A6A;											/*color of site tools buttons background, on hover*/ /*changed*/
}

/****************************************************************************
Site Search Form

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-search {
    BACKGROUND-COLOR: transparent;
	 
/* define size and structure */
 	 PADDING-TOP: 8px;
	 PADDING-BOTTOM: 5px;
	 PADDING-RIGHT: 17px;
	 
 /* define relative font size, color, and area's background */
	 FONT-SIZE: 100%;
	 COLOR: transparent;
}
/* define buttons and input fields required for search */
.submit_search {
	 COLOR: gray;												/*gray <<No Effect>>*/ 
	 BACKGROUND-COLOR: white;										/*white<<no effect>>*/		
}
.search-query {
	 FONT-SIZE: 60%;
}
.search-submit {
    PADDING: 0px;
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    COLOR: #313236;													/*gray search submit button text?*/
    BACKGROUND-COLOR: white;
    font-size: 65%;
}


/****************************************************************************
Site Header Defaults - defines site-wide common header 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-header {
    /* define size and structure */
  	 PADDING-TOP: 1px; /*this is magic, removes margin in Mozilla */
	 PADDING-RIGHT: 17px; /*this is magic, removes margin in Mozilla */
  	 PADDING-BOTTOM: 1px; /*this is magic, removes margin in Mozilla */
	 PADDING-LEFT: 17px; /*this is magic, removes margin in Mozilla */
	 
    /* define relative font size, color, and area's background */
  	 BACKGROUND-COLOR: transparent;
	 background-image: url('/files/header_right_background.png');
	 background-repeat: repeat-y;
	 background-position: right;
    FONT-SIZE: 80%;
 	 color: #95A4AB;											/*No Effect*/
}
#site-header {
    /* define size and structure */
  	 PADDING-TOP: 1px; /*this is magic, removes margin in Mozilla */
	 PADDING-RIGHT: 17px; /*this is magic, removes margin in Mozilla */
  	 PADDING-BOTTOM: 1px; /*this is magic, removes margin in Mozilla */
	 PADDING-LEFT: 17px; /*this is magic, removes margin in Mozilla */
	 
    /* define relative font size, color, and area's background */
  	 BACKGROUND-COLOR: transparent;
	 background-image: url('/files/header_right_background.png');
	 background-repeat: repeat-y;
	 background-position: right;
    FONT-SIZE: 80%;
 	 color: #95A4AB;											/*No Effect*/
}

#site-header-border {
  	 BACKGROUND-COLOR: #313236;									/*#525F65 second component of the header*/
	 background-image: url('/files/header_left_background.png');
	 background-repeat: repeat-y;
	 background-position: left; 
}
#sidebar-page-site-header-border {
  	 BACKGROUND-COLOR: #313236;									/*#525F65 second component of the header*/
	 background-image: url('/files/header_left_background.png');
	 background-repeat: repeat-y;
	 background-position: left; 
	 /*height: 10%;*/
}

/* default HTML link and color behavior for "anchor tags" */
.site-header-content a,
.site-header-content a:link,
.site-header-content a:visited,
.site-header-content a:active
 {
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	 BORDER-BOTTOM: 1px solid;
	 COLOR: #222222;
}
.site-header-content a:hover {BORDER-BOTTOM: 1px solid;}

/* fine tune the "default formats" for all HTML tags for this content area. */
.site-header-content h1,
.site-header-content h2,
.site-header-content h3,
.site-header-content h4,
.site-header-content h5,
.site-header-content h6 { 
	font-family: "Trebuchet MS",verdana,sans-serif;
	color: #FEFEFE;
   font-weight: normal;
   display: block !important;
    letter-spacing: -1px;
}
/*make the headings slightly larger than the content areas */
.site-header-content h1 {
    font-size: 325%;
}
.site-header-content h2 {font-size: 275%;}
.site-header-content h3 {font-size: 225%;}
.site-header-content h4 {font-size: 175%;}
.site-header-content h5 {font-size: 125%;}
.site-header-content h6 {font-size: 90%;}
 
#site-menu-border {
	 background-image: url('/files/header_left_background.png');
	 background-repeat: repeat-y;
	 background-position: left;
    background-color: #313236;								/*#525F65 third section of the header */
	 padding-left: 10px;
}
 
/****************************************************************************
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;
	 background-image: url('/files/header_right_background.png');
	 background-repeat: repeat-y;
	 background-position: right;
	 font-size: 90%;
}

/****************************************************************************
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 */
 	color: #BCBEC4;															/*AAB8C4  color of the top menu item Text (un-hovered)*/ 
	font-family: Arial,Verdana,sans-serif;
	font-weight: normal;
   text-decoration: none;
}
ul#software_menu_main-menu.software_menu li.on,
ul#software_menu_main-menu.software_menu li a:hover {
 	background-color: #6a6a6a;												/*525F65 color of hovered menu item*/	
	/*	background-image: url('/files/menu_hover_background.gif');*/		/*tiles over ^ if uncommented*/
	/*  background-repeat: repeat;*/
	color: #f5f5f5 !important;												/*FFFFFF lighter color for menu text when hovering*/
}
ul#software_menu_main-menu.software_menu li ul {
    position: absolute;
    visibility: hidden;
    top: 50px;
    left: 0;
    width: auto;
    z-index: 2;
}
ul#software_menu_main-menu.software_menu li ul li a {
    padding-top: 0px;
	 padding-left: 5px;
	 padding-right: 5px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    margin: 0;
    background-image: none;
    background-color: #6a6a6a;												/*Color of expanded menu -baseline*/ 
 	 color: #BCBEC4;														/*color of expanded menu item text*/
	 font-size: 70%;
	 font-family: Trebuchet MS, sans-serif;
	 font-weight: bold;
    text-decoration: none;
    width: 155px;  /* fix width of menu items */							/*100px expanded so they look better*/ 
}
/***************************************************************************/
/* 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 {
}

/***************************************************************************/
/* Style definition for the menu region named "accordion_menu". */
/***************************************************************************/

#software_menu_accordion_menu {
    padding: 1em 0em;
}

#software_menu_accordion_menu.software_menu li {
    list-style-type: none;
}

#software_menu_accordion_menu.software_menu li ul li {
    margin-left: 1em;
}

/****************************************************************************
Area Header Defaults - defines the area header 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.
*****************************************************************************/

.one-column #area-border,
#mailer-border #area-border {
    margin: 0em;
    padding: .5em 0em; /* Removes margins in IE */
}
#sidebar-page-area-border {
    margin: 0em;
    padding: .5em 0em; /* Removes margins in IE */
	/*height: 70%; */										
}

#area-header {
/* define size and structure */
 	 PADDING-TOP: 0px; /*this is magic, removes margin in Mozilla */
	 PADDING-RIGHT: 20px;
  	 PADDING-BOTTOM: 0px; /*this is magic, removes margin in Mozilla */
	 PADDING-LEFT: 20px;
	 MARGIN: 0px;
 /* define relative font size, color, and area's background */
    FONT-SIZE: 75%;
	 text-decoration: none;
	 color: #333333;																/*333333 no noticable effect*/
}

/* fine tune the "default formats" for all HTML tags for this content area. */
.area-header-content a,
.area-header-content a:link,
.area-header-content a:visited,
.area-header-content a:active {
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	 BORDER-BOTTOM: 1px solid;
	 COLOR: #222222;
}
.area-header-content a:hover {BORDER-BOTTOM: 1px solid;}

.area-header-content h1,
.area-header-content h2,
.area-header-content h3,
.area-header-content h4,
.area-header-content h5,
.area-header-content h6 { 
	font-family: "Trebuchet MS",verdana,sans-serif;
	color: #525F65;																	/*525F65possibly a standard text color<<no effect>>*/
	font-style: italic;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*make the headings slightly smaller than the site header */
.area-header-content h1 {
    font-size: 155%;
	 border-bottom: 1px solid #BDC5C8;
}
.area-header-content h2 {font-size: 140%;}
.area-header-content h3 {font-size: 130%;}
.area-header-content h4 {font-size: 100%;}
.area-header-content h5 {font-size: 85%;}
.area-header-content h6 {font-size: 75%;}

.area-header-content hr {
	background-color: #333333; /* used by Mozilla and Opera */
	color: #333333; /* used by IE */
	border: 2px;  /* define border and height for Opera */
	height: 2px;  /* define border and height for Opera */
	width: 100%;
}


/****************************************************************************
Page Border Defaults - defines the border around all content areas.
*****************************************************************************/

#page-border {
/* define size and structure */
    PADDING: 0px;
 	 MARGIN: 0px;
/* define relative font size, color, and area's background */
    BACKGROUND-COLOR: transparent;
	 background-image: url('/files/page_border_background_2_column_sidebar_right.gif');
	 background-repeat: repeat-y;
	 background-position: top right;
}
#sidebar-page-page-border {
/* define size and structure */
    PADDING: 0px;
 	 MARGIN: 0px;
/*	 height: 100%;*/
/* define relative font size, color, and area's background */
    BACKGROUND-COLOR: transparent;
	 background-image: url('/files/page_border_background_2_column_sidebar_right.gif');
	 background-repeat: repeat-y;
	 background-position: top right;
}

.email-one-column #page-border {
	 background-image: url('/files/email_border_background_1_column.gif') !important;
	 background-repeat: repeat-y;
	 background-position: top left;
}

.email-two-column-sidebar-right #page-border {
	 background-image: url('/files/email_border_background_2_column.gif') !important;
	 background-repeat: repeat-y;
	 background-position: top left;
}

.one-column #page-border {
	 background-image: url('/files/area-border-background.gif') !important;
	 background-repeat: repeat-y;
	 background-position: top left;
}

.two-column-sidebar-left #page-border {
	 background-image: url('/files/page_border_background_2_column_sidebar_left.gif') !important;
	 background-repeat: repeat-y;
	 background-position: top left;
}

.three-column-sidebar-left #page-border {
	 background-image: url('/files/page_border_background_3_column_sidebar_left.gif') !important;
	 background-repeat: repeat-y;
	 background-position: top left;
}

.two-column-sidebar-right #page-border {
	 background-image: url('/files/page_border_background_2_column_sidebar_right.gif') !important;
	 background-repeat: repeat-y;
	 background-position: top left;
}

/****************************************************************************
Page Header Defaults - defines the the top-most 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-header {
/* define size and structure */
	PADDING: 0px 20px;
	MARGIN: 0px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 65%;
   line-height: 18px;
	COLOR: #313236;																		/*525F65 possible font color*/ /*changed*/
   BACKGROUND-COLOR: transparent;
}
/* fine tune the "default formats" for all HTML tags for this content area. */
.page-header-content a,
.page-header-content a:link,
.page-header-content a:visited,
.page-header-content a:active {
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	 COLOR: #595961;															/*996600 some set of links*/ /*changed*/
}
.page-header-content a:hover {
    background-color: transparent;												/*FFEFCE some set of links*/ /*changed*/
	 padding-top: 1px;
 	 padding-bottom: 1px;
}

.page-header-content h1,
.page-header-content h2,
.page-header-content h3,
.page-header-content h4,
.page-header-content h5,
.page-header-content h6 { 
	font-family: "Trebuchet MS",verdana,sans-serif;
	color: #525F65;						
	font-style: italic;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*make the headings slightly smaller than the site header */
.page-header-content h1 {
    font-size: 155%;
	 border-bottom: 1px solid #BDC5C8;
}
.page-header-content h2 {
    font-size: 140%;
}
.page-header-content h3 {
    font-size: 130%;
}
.page-header-content h4 {
    font-size: 100%;
}
.page-header-content h5 {
    font-size: 85%;
}
.page-header-content h6 {
    font-size: 75%;
}

/* 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 :( */
.page-header-content ul {
}
/* Set color here to be inherited by custom formats that create link menus */
#page-header li.link-menu-item,
#page-header a.link-menu-item,
#page-header a:link.link-menu-item,
#page-header a:visited.link-menu-item,
#page-header a:active.link-menu-item {
	color: #FF0000;															/*BBAF8E some set of links*/ /*changed*/
	background-color: transparent;
	padding: 1px 4px;
}
#page-header a:hover.link-menu-item,
#page-header a:focus.link-menu-item {
	color: #ff0000;															/*996600 some set of links*/ /*changed*/
	background-color: transparent;												/*FFEFCE some set of links*/ /*changed*/
	padding: 1px 4px;
}


/****************************************************************************
Content Border - defines the page's main content area.
*****************************************************************************/

#content-border {
/* define size and structure */
	PADDING: 0px;	
	MARGIN: 0px;
/* define relative font size, color, and area's background */
	BACKGROUND-COLOR: transparent;
}
#sidebar-page-content-border {
/* define size and structure */
	PADDING: 0px;	
	MARGIN: 0px;
	height: 100%;
/* define relative font size, color, and area's background */
	BACKGROUND-COLOR: transparent;
}

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

#sidebar-border {
/* define size and structure */
	PADDING: 0px; 
	MARGIN: 0px;
/* define relative font size, color, and area's background */
   BACKGROUND-COLOR: transparent;													/*No effect*/
}


/****************************************************************************
Page Content - defines the structure around the main content and system areas.
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-content {
/* define size and structure */
	PADDING: 15px 20px 15px 20px;	
	MARGIN: 0px;
/* define relative font size, color, spacing, and area's background */
	FONT-SIZE: 75%; 
	COLOR: #313236;													/*525F65 main text color, any non-H# flagged text*/	
   BACKGROUND-COLOR: transparent;									/*will change the background color of the main body content*/
	line-height: 18px;												/*Controls how tightly the paragraph lines are packed*/
   word-spacing: 1px;                                                                                             
}
	
/* fine tune the "default formats" for all HTML tags for this content area. */
.main-content a,
.main-content a:link,
.main-content a:visited,
.main-content a:active {
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline;										/* adds underline back into main content links */ 
	 COLOR: #595961;												/* 996600 link text color*/		
}
.main-content a:hover {
    background-color: transparent;										/*FFEFCE text background for links when hovering*/
	 COLOR: #313236;												/* hovered link text color*/
	 /* padding-top: 1px;	*/
 	 /* padding-bottom: 1px; */
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 { 
	font-family: "Trebuchet MS",verdana,sans-serif;
	color: #525F65;													/*default text color for all H#-tagged text*/
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*make the headings slightly smaller than the site header */			/*this should be the area to set H(#)-specific formatting site-wide*/
.main-content h1 {
    font-size: 155%;
	border-bottom: 1px solid #BDC5C8;									/*colord line that goes under any H1 text*/
	font-style: italic;
	font-weight: bold;
	color: #C72C26;														/*added, color of H1 text */ 
}
.main-content h2 {
    font-size: 180%;
	color: #C72C26;														/*added, color of H2 text */ 
	font-style: normal;
}

.main-content h3 {
    font-size: 130%;
	font-style: italic;
	font-weight: bold;
	color: #2A3BB9;														/*added, color of H3 text */ 
}
.main-content h4 {
    font-size: 100%;
}
.main-content h5 {
    font-size: 100%;
	color: #C72C26;
}
.main-content h6 {
    font-size: 100%;
	color: #2A3BB9;
}
/* 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 :( */
.main-content ul {
}
/* 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: #BBAF8E;
	background-color: transparent;
	padding: 1px 4px;
}
#page-content a:hover.link-menu-item,
#page-content a:focus.link-menu-item {
	color: #595961;															/*996600 some set of links*/ /*changed*/
	background-color: transparent;												/*FFEFCE some set of links*/ /*changed*/
	padding: 1px 4px;
}


/****************************************************************************
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: #BCBEC4;														/*96A3A9 sidebar login text color*/ 
   BACKGROUND-COLOR: transparent;										/*transparent Solid-colors all of the Sidebar section of the page*/
	line-height: 1.7em;
}

.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: #595961;														/*AFAF8E sidebar login links */ 
}
.area-sidebar-content a:hover {
    background-color: transparent;												/*FFEFCE some set of links*/ 
    color: #313236;															/*996600 some set of links*/ 
}

.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: Arial,Helvetica,sans-serif;
    color: #96A3A9;
	 padding: 0px;
	 font-weight: bold;
 	 line-height: normal;
}
/*make the headings slightly smaller than the content areas */
.area-sidebar-content h1 {font-size: 155%;}
.area-sidebar-content h2 {font-size: 135%;}
.area-sidebar-content h3 {font-size: 120%;}
.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 {
}
/* 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: #BBAF8E;
	background-color: transparent;
}
#area-sidebar a:hover.link-menu-item,
#area-sidebar a:focus.link-menu-item {
	color: #595961;															/*996600 some set of links*/ /*changed*/
	background-color: transparent;												/*FFEFCE some set of links*/ /*changed*/
}


/****************************************************************************
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: #96A3A9;									
   BACKGROUND-COLOR: transparent;									/*changes the color of the lower-sidebar area*/
	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: #AFAF8E;
}
.page-sidebar-content a:hover {
    background-color: transparent;												/*FFEFCE some set of links*/ /*changed*/
    color: #996600;
}

.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: Arial,Helvetica,sans-serif;
    color: #96A3A9;
	 padding: 0px;
	 font-weight: bold;
	 line-height: normal;
}
/*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 {
}
/* 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 {
    background-color: transparent;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	 COLOR: #BBAF8E;
}
#page-sidebar a:hover.link-menu-item,
#page-sidebar a:focus.link-menu-item {
	color: #595961;															/*996600 some set of links*/ /*changed*/
	background-color: transparent;												/*FFEFCE some set of links*/ /*changed*/
}


/****************************************************************************
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 {
/* define size and structure */
	PADDING: 0px 20px;
	MARGIN: 0px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 75%;
   line-height: 25px;
	COLOR: #525F65;
   BACKGROUND-COLOR: transparent;
}
/* 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 {
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	 COLOR: #595961;															/*996600 some set of links*/ /*changed*/
}
.page-footer-content a:hover {
    background-color: transparent;												/*FFEFCE some set of links*/ /*changed*/
	 padding-top: 1px;
 	 padding-bottom: 1px;
}

.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: "Trebuchet MS",verdana,sans-serif;
	color: #525F65;
	font-style: italic;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*make the headings slightly smaller than the site header */
.page-footer-content h1 {
    font-size: 155%;
	 border-bottom: 1px solid #BDC5C8;
}
.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: 75%;
}

/* 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 :( */
.page-footer-content ul {
}
/* 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: #BBAF8E;
	background-color: transparent;
	padding: 1px 4px;
}
#page-footer a:hover.link-menu-item,
#page-footer a:focus.link-menu-item {
	color: #595961;															/*996600 some set of links*/ /*changed*/
	background-color: transparent;												/*FFEFCE some set of links*/ /*changed*/
	padding: 1px 4px;
}

.email-two-column-sidebar-right #page-footer {
	background-image: url('/files/email-border-background-sidebar-right.gif');
	background-repeat: repeat-y;	
}

#area-border,
#sidebar-page-area-border,
.one-column #area-border {
	background-image: url('/files/area-border-background.gif');
	background-repeat: repeat-y;
}

.email-two-column-sidebar-right #area-border {
	background-image: url('/files/email-border-background-sidebar-right.gif');
	background-repeat: repeat-y;	
}

.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 {
	background-image: url('/files/area-border-background-sidebar-left.gif');
	background-repeat: repeat-y;
}

.two-column-sidebar-right #area-border,
.two-column-sidebar-right #page-header,
.two-column-sidebar-right #page-footer {
	background-image: url('/files/area-border-background-sidebar-right.gif') !important;
	background-repeat: repeat-y;
}

/****************************************************************************
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-TOP: 0px; /*this is magic, removes margin in Mozilla */
	 PADDING-RIGHT: 20px;
  	 PADDING-BOTTOM: 0px; /*this is magic, removes margin in Mozilla */
	 PADDING-LEFT: 20px;
	 MARGIN: 0px;
/* define relative font size, color, and area's background */
	 FONT-SIZE: 75%;
	 line-height: 1.6em;
	 COLOR: #BCBEC4;											/*333333 non-link text color of home|about us| etc*/
	 BACKGROUND-COLOR: transparent;							/*colors the background of the "home|About us|Products etc bar*/
	 border-bottom: 1px solid #546060;
}

.one-column #area-footer {
    border: none;
}

/* 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;
	 BORDER-BOTTOM: 1px solid;
	 COLOR: #BCBEC4;											/*222222 link text color of home|about us| etc*/
}
.area-footer-content a:hover {
	BORDER-BOTTOM: 1px solid;
	COLOR: #313236;												/*hovered link text color of home|about us| etc*/
}
.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",verdana,sans-serif;
	color: #525F65;
	font-style: italic;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*make the headings slightly smaller than the site header */
.area-footer-content h1 {
    font-size: 155%;
 	 border-bottom: 1px solid #BDC5C8;
}
.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: 75%;}

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

.area-footer-content hr {
	background-color: white; /* used by Mozilla and Opera */
	color: white; /* used by IE */
	border: 2px;  /* define border and height for Opera */
	height: 2px;  /* define border and height for Opera */
	width: 100%;
}
/* 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 :( */
.area-footer-content ul {
}
/* 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: #222222;											
	background-color: transparent;
}
#area-footer a:hover.link-menu-item,
#area-footer a:focus.link-menu-item {
	color: #222222;
	background-color: #eeeeee;
}


/****************************************************************************
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 {
/* define size and structure */
 	 PADDING-TOP: 15px; /*this is magic, removes margin in Mozilla */
	 PADDING-RIGHT: 0px;
  	 PADDING-BOTTOM: 15px; /*this is magic, removes margin in Mozilla */
	 PADDING-LEFT: 0px;	 
	 MARGIN: 0px;
/* define relative font size, color, and area's background */
	 FONT-SIZE: 75%;
	 line-height: 1.6em;
    BACKGROUND-COLOR: transparent;									/*Colors over the Left 3rd of the footer*/
	 color:#bcbec4;													/*ABB9C5 footer standard text color*/ 
	 background-image: url('/files/footer_right_background.png');
	 background-repeat: no-repeat;
	 background-position: bottom right;
}
#sidebar-page-site-footer {
/* define size and structure */
 	 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;
	 /*height: 100%;*/
	 min-height: 40px;
/* define relative font size, color, and area's background */
	 FONT-SIZE: 75%;
	 line-height: 1.6em;
    BACKGROUND-COLOR: transparent;									/*Colors over the Left 3rd of the footer*/
	 color:#bcbec4;													/*ABB9C5 footer standard text color*/ 
	 background-image: url('/files/footer_right_background.png');
	 background-repeat: no-repeat;
	 background-position: bottom right;
}


#site-footer-border {
    background-image: url('/files/footer_left_background.png');
	 background-repeat: no-repeat;
	 background-position: bottom left;
    BACKGROUND-COLOR: #313236;										/*525F65  Footer color, behind png shading masks*/
}
#sidebar-page-site-footer-border {
    background-image: url('/files/footer_left_background.png');
	 background-repeat: no-repeat;
	 background-position: bottom left;
    BACKGROUND-COLOR: #313236;										/*525F65  Footer color, behind png shading masks*/
	/*height: 15%;*/
}

/* 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;
    TEXT-DECORATION: none;
	 BORDER-BOTTOM: 1px solid;
	 COLOR: #bcbec4;												/*ABB9C5 footer link text color*/ 
}
.site-footer-content a:hover {
    BORDER-BOTTOM: 1px solid;
    color: #f5f5f5;													/*96A3A9 slightly lighter footer link hover color*/ 
}

.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",verdana,sans-serif;
	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 {
}
/* 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;
	background-color: transparent;
}
#site-footer a:hover.link-menu-item,
#site-footer a:focus.link-menu-item {
	color: #222222;
	background-color: #eeeeee;
}


/****************************************************************************
"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> */
.orderedList-alpha{}
.orderedList-upper{}
.orderedList-roman{}
.orderedList-upperRoman{}
.image-left-primary{}
.image-left-secondary{}
.image-left-nopad{}
.image-right-primary{}
.image-right-secondary{}
.link-Homepage{}
.link-Sidebar-std{}
.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-Red-Highlight{}
.text-Blue-Highlight{}
.text-annotate{}
.text-box-example{}
.text-box-notice{}
.text-box-primary{}
.text-box-secondary{}
.text-box-warning{}
.text-fine-print{}
.text-highlighter{}
.text-quote{}
.text-VTech{}
/*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!)*/

ol.orderedList-alpha {
	list-style-type: lower-alpha;
}
ol.orderedList-upper {
	list-style-type: upper-alpha;
}
ol.orderedList-roman {
	list-style-type: lower-roman;
}
ol.orderedList-upperRoman {
	list-style-type: upper-roman;
}
img.image-left-primary {
    border: 1px solid #cccccc;
	 background: #BFC6C9;
	 padding: 10px;
	 margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
	 float: left;
}
img.image-left-secondary {
    border: 1px solid #cccccc;
	 background: #BFC6C9;
	 padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    float: left;
}
img.image-left-nopad {																/*used for the About us page image, to have no boarder on the logo*/
    border: 0px solid #cccccc;
	 background: #BFC6C9;
	 padding: 0px;
	 margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
	 float: left;
}
img.image-right-primary {
    border: 1px solid #cccccc;
	 background: #BFC6C9;
	 padding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 0px;
    float: right;
}
img.image-right-secondary {
    border: 1px solid #cccccc;
	 background: #BFC6C9;
	 padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 0px;
    float: right;
}
td.text-Red-Highlight, p.text-Red-Highlight, span.text-Red-Highlight {
	color: #c72c26 !important;
}
td.text-Blue-Highlight, p.text-Blue-Highlight, span.text-Blue-Highlight {
	color: #2A3BB9 !important;
}
td.text-VTech, p.text-VTech, span.text-VTech {
	color: #04A38D !important;
	text-decoration: none !important;
	font-size: 130%;
	font-style: Bold;
}
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 {
   background: #BFC6C9 none repeat scroll 0%;
   border-bottom: 2px solid #5D6C73;
   border-top: 2px solid #5F6E75;
   color: #65747D;
   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 solid 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 solid;
}
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 #5F6E75;
   border-bottom: 1px solid #5F6E75;
	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: 150%;
	font-family: georgia, sans-serif;
	margin: 0px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
   border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background: transparent url(/files/open-quote.gif) top left no-repeat;
   color: #96A3A9;
}
td.paragraph-indent, p.paragraph-indent {
	text-indent: 5%;	
}
a.link-Homepage,
a.link-Homepage:link,
a.link-Homepage:visited,
a.link-Homepage:active,
a.link-Homepage:hover {
	font-family: "Trebuchet MS",verdana,sans-serif;
	display: block;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	font-size: 130%;
	font-style: italic;
	font-weight: bold;
	color: #2a3bb9;
	text-decoration: none !important;
}
a.link-Sidebar-std{
color: #bcbec4 !important;
text-decoration: underline !important;
}
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: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 4px 10px;
	 COLOR: #BFC6C9;
    BACKGROUND-COLOR: #65747D;
	 font-weight: bold;
	 font-size: 95%;
}
a.link-button-primary-large:hover,
a.link-button-primary-large:focus {
	 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.link-button-primary-small,
a.link-button-primary-small:link,
a.link-button-primary-small:visited,
a.link-button-primary-small:active {
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 3px 7px;
	 COLOR: #313236;													/*#BFC6C9 */
    BACKGROUND-COLOR: #F5F5F5;											/*65747D*/
	 font-weight: bold;
	 font-size: 80%;
}
a.link-button-primary-small:hover,
a.link-button-primary-small:focus {
	 BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    COLOR: #BCBEC4;														/*65747D*/
    BACKGROUND-COLOR: #313236;											/*BFC6C9*/
    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-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.link-button-secondary-large:hover,
a.link-button-secondary-large:focus {
	 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.link-button-secondary-small,
a.link-button-secondary-small:link,
a.link-button-secondary-small:visited,
a.link-button-secondary-small:active {
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 3px 7px;
	 COLOR: #65747D;
    BACKGROUND-COLOR: white;
	 font-weight: bold;
	 font-size: 80%;
}
a.link-button-secondary-small:hover,
a.link-button-secondary-small:focus {
	 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;
}
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: #525F65;
	background: #ffffff;
}
a.link-content-more:hover,
a.link-content-more:focus {
	border: 1px solid #666666;
}
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: 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 {
    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;
     FONT-FAMILY: Arial, Verdana, sans-serif;
}
.software_input_submit_primary {											/*used on the "Register" page, as well as others*/
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 4px 10px;
	 COLOR: #313236;														/*BFC6C9*/
    BACKGROUND-COLOR: #BCBEC4;												/*65747D*/
	 font-weight: bold;
	 font-size: 95%;
     FONT-FAMILY: Arial, Verdana, sans-serif;
}
.software_input_submit_secondary {
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 4px 10px;
	 COLOR: #595961;										/*65747D*/
    BACKGROUND-COLOR: white;
	 font-weight: bold;
	 font-size: 95%;
     FONT-FAMILY: Arial, Verdana, sans-serif;
}
.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%;
     FONT-FAMILY: Arial, Verdana, 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: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 5px 10px;
	 COLOR: #313236;									/*BFC6C9 normal text color for system-generated buttons*/ /*changed*/
    BACKGROUND-COLOR: #BCBEC4;							/*65747D background color for system-generated buttons*/ /*changed*/
	 font-weight: bold;
	 font-size: 95%;
     vertical-align: top;
}
a.software_button_primary:hover,
a.software_button_primary:focus {
    line-height: normal;
    display: inline-block;
	 BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    COLOR: #BCBEC4;										/*65747D same as above, when moused over */ /*changed*/
    BACKGROUND-COLOR: #313236;							/*BFC6C9 same as above, when moused over */ /*changed*/
    font-weight: bold;
}
a.software_button_secondary,
a.software_button_secondary:link,
a.software_button_secondary:visited,
a.software_button_secondary:active {					/*<not yet>changed this same as Primary button above*/
    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: 5px 10px;
    COLOR: #595961;										/*65747D*/
    BACKGROUND-COLOR: white;
    font-weight: bold;
    font-size: 95%;
    vertical-align: top;
}
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: #BCBEC4;										/*65747D*/
    BACKGROUND-COLOR: #313236;							/*BFC6C9 same as above, when moused over */ /*changed*/
    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;
    line-height: normal;
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 3px 7px; /*add 1px to a button top/bottom padding to match input */
 	 color: #595961;										/*65747D*/
    background: white;
    font-size: 90%;
	 font-weight: bold;
     vertical-align: top;
}
a.software_button_small_secondary:hover,
a.software_button_small_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: #BCBEC4;										/*65747D same as above, when moused over */ /*changed*/
    BACKGROUND-COLOR: #313236;							/*BFC6C9 same as above, when moused over */ /*changed*/
	 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-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
	 background-color: white;
 	 COLOR: #595961;										/*65747D*/
	 padding: 2px 3px;
	 font-size: 90%;
	 font-weight: bold;
     FONT-FAMILY: Arial, Verdana, sans-serif;
     vertical-align: top;
}
/* 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: gray;
    font-weight: bold;
}
.software_fieldset {
	 border: 1px solid #cccccc;
}
/* Text fields on forms use this style*/
.software_input_text {
	 border: 1px solid #cccccc;
}
/* picklists use this style*/
.software_select {
	 border: 1px solid #cccccc;
}
/* Text area fields on forms use this style*/
.software_textarea {
	 border: 1px solid #cccccc;
}
/* Custom Form Page Types */
.software_office_use_only {
    background-color: #cccccc;
}
/* Calendar (Page Types) use these styles */
.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: #dbdbdb;
}
.software_monthly_calendar td.inactive {
    background-color: #f2f2f2;
}
.software_monthly_calendar a:hover {
    padding-top: 0px;
	 padding-bottom: 0px;
}
.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: white;
    padding: 0.25em;
}

.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 #5D6C73;
    background: #BFC6C9;
    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 #5D6C73;
    background: #BFC6C9;
    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
{
    
}
.software_pagination
{
    margin-top: 1em;
    margin-bottom: 1em;
	 text-decoration: none;
    color: #525F65;
    background: white;
}
.software_pagination a,
.software_pagination span
{
    padding: 0.2em 0.4em !important;
    margin-left: 0.1em;
    margin-right: 0.1em;
    color: #525F65 !important;
    border: 1px solid #525F65;
	 text-decoration: none;
	 font-style: normal;
}
.software_pagination a
{
    border: 1px solid #525F65;
}
.software_pagination a:hover
{
    border: 1px solid #525F65;
	 background-color: #BFC6C9;
}
.software_pagination .current
{
	 font-weight: bold;
}
.software_pagination .number
{
}
.software_pagination a.previous,
.software_pagination a.next
{
    font-weight: bold;
}
.software_pagination span.previous,
.software_pagination span.next
{
    border: 1px solid #525F65;
    color: #999999;
}

.software_translation form {
    text-align: right;
    margin: 0.01em 0em 0.01em 0em;
    padding: .01em 1em .01em 0em;
}

.software_catalog table,
.software_catalog table .featured_and_new_item_table,
.software_catalog table .item_table {
    width: 100%;
    border-collapse;
}

.software_catalog table td {
    vertical-align: top;
    padding: 0.5em;
}

.software_catalog table td .image,
.software_catalog table td .image a {
    border: none;
    text-decoration: none;
}

.software_catalog .full_description {
    margin-bottom: 1em;
}

.software_catalog .top_item {
    margin-bottom: 1em;
}

.software_catalog .heading,
.software_catalog .search_heading {
    font-weight: bold;
    font-size: 125%;
}

.software_catalog .top_item .full_description {
    margin: 0em 0em;
}

.software_catalog .top_item .more_detail a {
    font-weight: normal;
}

.software_catalog .featured_and_new_item_table .item {
    margin-top: .25em;
    margin-bottom: .75em;
}

.software_catalog .featured_and_new_item_table .item .image img {
    text-align: left;
}

.software_catalog table.item_table td {
    padding: .5em 0em;
}

.software_catalog table td .item .short_description,
.software_catalog table td .item .price {
    width: 100%;
    text-align: left;
}

.software_catalog_search_results
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.software_catalog_search_results .item
{
    margin-bottom: 1.5em;
}

.software_catalog_search_results .item .image
{
    margin-bottom: .25em;
}

.software_catalog_search_results .item .short_description
{
    margin-bottom: .25em;
}

.software_catalog_search_results .item .short_description a
{
    font-weight: bold;
}

/* styling for the ad region container */
.software_ad_region_dynamic
{
    width: 485px; /* 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: 485px; /* 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: 484px;
    height: 250px;
    padding-left: 1px;
}

/* styling for the ad region menu */
.software_ad_region_dynamic ul.menu
{
	list-style: none;
    padding: .25em 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
{
    border: 1px solid;
}

/* styling for the comments and add comment form headers */
.comments_heading,
.add_comment_heading
{
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0em .5em 0em;
}

/* styling for the comment container */
.comment
{
    margin: 0em 0em 1em 0em;
    padding: 1em;
    border: 1px solid;
}

/* styling for the comment name */
.comment .name
{
    font-weight: bold;
}

/* styling for the comment date and time */
.comment .date_and_time
{
    font-size: .75em;
    font-style: italic;
}

/* styling for the comment notice */
.comment .notice
{
    color: red;
}

.software_cart_region {
    padding: 0em;
    text-align: left;
    display: inline;
}

.software_cart_region .items {
    display: inline;
    padding: 0em;
}

.software_cart_region .subtotal {
    display: inline;
    padding: 0em 0em 0em 0.5em;
}

.software_rss_link
{
    text-align: right;
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_icalendar_link
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.software_tag_cloud a
{
    margin-right: .75em;
}

.software_discounted_price
{
    color: #990000;
    font-weight: bold;
}

.watcher_container
{
    margin: 2em 0em .5em 0em;
}

.watcher_count
{
    font-size: 1em;
    font-weight: bold;
    margin: 0em 0em .5em 0em;
}

.watcher_question
{
    margin: 0em 0em .5em 0em;
}