body 
{
	background-color:#ffffff;
	background-image:url('/files/BG.jpg');
	background-repeat:repeat-x;
	margin: 0px 0px 0px 0px;
}

p + p 
{
    margin-top:.5em;
}

img 
{
	padding:0px;
	margin:0px;
	border:none;
}

input, select, textarea
{
	font-family:Arial;
	font-size: 12px;
	color:#415b5f;
}

ul 
{
	margin:0px 0px 0px 10px;
	padding:0px;
}

li
{
	list-style-type:disc;
	list-style-position: outside;
	font-family:Arial;	
	margin:10px 0px 10px 0px;
}

ol li 
{
	list-style-type:decimal;
}

table 
{
    margin-left:auto;
    margin-right:auto;
}

#HomeImage 
{
	margin: 0;
	padding:5px 5px 0 10px;
	background-color:#c2c2a8;
	width:100%;
	height:460px;

}

#HomeImageCaption
{
	font-family:Arial;
	font-size: 10px;
	text-align: right;
	color:#2c3d40;
	padding: 0px 5px 0px 0px;
}

.PageHeading 
{
	font-family:Arial;
	font-size: 14px;
	color:#c64737;
	padding:0px 5px 10px 15px;
	font-weight: bold;
}

.SubHeading
{
	font-family:Arial;
	font-size: 12px;
	color:#61888e;
	font-style:italic;
	padding:0px 5px 0px 15px;
	font-weight: bold;
}

.Text, .software_rss_link
{
	font-family:Arial;
	font-size: 12px;
	/*color:#39565a;*/
	color: #415b5f;
	padding: 5px 5px 10px 10px;
	margin:0px;
	text-decoration:none;
	word-spacing:1px;
	letter-spacing:1px;
}

.Text a:link, .Text a:visited, .Text:link, .software_rss_link a:link, .software_rss_link a:visited, .software_rss_link:link
{
	font-family:Arial;
	font-size: 12px;
	color: #00ace4;
	padding:0px;
	margin:0px;	
	text-decoration:none;
}

.Text a:hover, .software_rss_link a:hover
{
	padding:0px;
	margin:0px;
	color:#c64737;
}

.Text li {
    margin-left:20px;
    }
	
.software_tag_cloud {
	font-family:Arial;
	font-size: 12px;
	color: #415b5f;
	margin:0 0 10px 10px;
	word-spacing:1px;
	letter-spacing:1px;
}

.software_tag_cloud a:link, .software_tag_cloud a:visited, .softare_tag_cloud:link {
	color: #00ace4;
	text-decoration:none;
}

.software_tag_cloud a:hover {
	color:#c64737;
}

.ContentHeader
{
	font-family:Arial;
	font-size: 13px;
	color:#c64737;
	padding:10px 5px 10px 15px;
	font-weight: bold;
}

.ContentText
{
	font-family:Arial;
	font-size: 12px;
	color:#39565a;
	padding: 5px 5px 10px 10px;
	margin:0px;
	text-decoration:none;
	word-spacing:1px;
	letter-spacing:1px;
}

.ContentText a:link, .ContentText a:visited, .ContentText:link
{
	font-family:Arial;
	font-size: 12px;
	color: #00ace4;
	padding:0px;
	margin:0px;	
	text-decoration:none;
}

.ContentText a:hover
{
	padding:0px;
	margin:0px;
	color:#c64737;
}

.MusicHeader 
{
    font-family:Arial;
	font-size: 13px;
	color:#c64737;
	padding:10px 2px 10px 0px;
	font-weight: bold;
	display:inline;
}

.MusicText
{
    font-family:Arial;
	font-size: 12px;
	color:#39565a;
	padding: 0px;
	margin:0px;
	text-decoration:none;
	word-spacing:1px;
	letter-spacing:1px;
	display:inline;
}

.WeddingText {
    font-family:Vivaldi;
    font-size:20px;
    font-weight:bold;
    color:#c64737;
    padding:0px;
    margin:0px;
}

.Login, .Login a:link, .Login a:visited
{
    font-family:Arial;
	font-size: 11px;
	color: #dedec4;
	padding: 0px 5px 0px 5px;
	margin:0px;
	text-decoration:none;
	word-spacing:1px;
	letter-spacing:1px;
	text-transform:uppercase;
}

.Login a:hover
{
	font-family:Arial;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
	margin:0px;
	color:#c64737;
	word-spacing:1px;
	letter-spacing:1px;
	text-decoration:none;
	text-transform:uppercase;
}

.MainBG 
{
	background-color:#dedec4;
	border:solid 5px #eaecdf;
	}

.FullMainBG
{
	background-image:url('/files/FullMain_BG.jpg');
	background-repeat:no-repeat;
	background-position:top;
	background-color:#dedec4;
	height:350px;	
	margin:0px;
	padding:0px;
}

.MainContentBG 
{
    background:#dedec4 url('/files/Page_BG.jpg') no-repeat 0 0;    
    padding:0px;
    margin:0px;
	height:350px;  
}

.MissionArea 
{
	
	vertical-align:bottom;
}

.MissionText
{
	font-family:Arial;
	font-size: 12px;
	color:#415b5f;
	padding:15px 10px 10px 10px;
	letter-spacing: 1px;
	text-transform: none;
	word-spacing: 2px;
	height: 100px;	
}

.footer
{
	font-family: Arial;
	font-size: 10px;
	font-weight:bold;
	color:#dedec4;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-left:30px;
	margin-top:2px;
	margin-bottom:2px;	
}

.footer a:link, .footer a:visited
{
    font-family: Arial;
	font-size: 10px;
	font-weight:bold;
	color:#dedec4;
	letter-spacing: 1px;
	text-transform: uppercase;
    text-decoration:none;
    }

.footer a:hover
{
	color: #ffffff;
}


.NewsArea 
{	
	width:270px;
	/*min-height:300px;*/
}

.NewHereImg
{
	display:block;	
	background:url('/files/NewHere.gif') no-repeat 0 0;
	height:59px;
	width:156px;
	padding:0px;
	margin:0px;
}

.NewHereImg:hover
{
	background-position:0 -59px;
}

.NewHereImg span
{
	display:none;
}

.PraiseImg
{
	display:block;	
	background:url('/files/PraiseinthePark.jpg') no-repeat 0 0;
	height:40px;	
	padding:0px;
	margin:0px;
}

.PraiseImg:hover
{
	background-position:0 -40px;
}

.PraiseImg span
{
	display:none;
}


.AnnouncementImg
{
	display:block;	
	background:url('/files/Announcement.jpg') no-repeat 0 0;
	height:40px;
	padding:0px;
	margin:0px;
}

.AnnouncementImg:hover
{
	background-position:0 -40px;
}

.AnnouncementImg span
{
	display:none;
}

.FacebookImg
{
	display:block;	
	background:url('/files/Facebook.jpg') no-repeat 0 0;
	height:22px;
	padding:0px;	
	margin:0px;
	width:89px;
}

.FacebookImg:hover
{
	background-position:0 -22px;
}

.FacebookImg span
{
	display:none;
}

.tooltip_pro, .tooltip_pro a:link, .tooltip_pro a:visited
{
    color: white;
    padding: 3px 3px 3px 3px;
    white-space: nowrap;
    font-size: 11px;
    background: #282828;
    position: relative;
    text-decoration:none;
}
.tooltip_pointer
{
    height: 4px;
    width: 7px;
    font-size: 1px;
    margin: 3px auto 0px;
    padding: 0px 0px 0px 30px;
    background: url(//files/dark-pointer.gif) top center no-repeat;
    text-align:right;
    
}

.ImageRight {
	
	float:right;
	margin:5px;
	padding:0px;
	border:solid white 3px;
	-moz-box-shadow: 3px 3px 3px #a1a1a1;
	-webkit-box-shadow: 3px 3px 3px #a1a1a1;
	box-shadow: 3px 3px 3px #a1a1a1;
}

.ImageLeft {
	float:left;
	margin:5px;
	padding:0px;
	border:solid white 3px;
	-moz-box-shadow: 3px 3px 3px #a1a1a1;
	-webkit-box-shadow: 3px 3px 3px #a1a1a1;
	box-shadow: 3px 3px 3px #a1a1a1;
}

.StandardTable td{
	background:#eeedd9;
	border-spacing:4px;
	padding:4px;
	vertical-align:top;
}

/******* Drop Down Menu *******/
#menu 
{
    padding:0; 
    margin:0; 
    list-style:none; 
    height:40px; 
    position:relative; 
    z-index:15;
    width:900px;
    font-family:Perpetua, Times New Roman, sans-serif;
    background-image:url('/files/Nav_BG.jpg');
}
    
#menu li 
{
    float:left; 
    margin:0;
    font-family:Perpetua, Times New Roman, sans-serif;    
    font-size:1.15em;    
    list-style:none;
    width:180px;
	text-align:center;
}
    
#menu li a 
{
    display:block;
    line-height:34px;
    color:#dedec4; 
    text-decoration:none; 
    margin:0;
    padding:0;
}


#menu table 
{
    border-collapse:collapse; 
    width:0; 
    height:0; 
    position:absolute; 
    top:0; 
    left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover 
{
    /*z-index:200; */
    position:relative;
    color:#fff;     
}
    
#menu li:hover 
{
    position:relative; 
    /*z-index:200;*/
}

#menu li:hover > a 
{
    color:#fff; 
    background:transparent;
}
    
#menu li:hover > a.sub 
{
    color:#fff; 
    background-color:#668d93;
    padding:0;
}

#menu li.current a 
{
    color:#fff; 
    background: transparent;
}

#menu li a.sub
{    
    text-transform: uppercase;
    background: url('/files/MenuDivider.gif') no-repeat left top;
}
 /**** Not Used ****/   
#menu li.current a.sub 
{
    color:#fff; 
    background:#840 url(down-arrow.gif) no-repeat right center;
}
/******************/

#menu :hover ul 
{
    left:0;
    top:34px;
}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, #menu :hover ul ul 
{
    position:absolute; 
    left:-9999px; 
    top:-9999px; 
    width:0; 
    height:0; 
    margin:0; 
    padding:0; 
    list-style:none;
}

#menu :hover ul :hover ul
{
    left:180px; 
    top:0px;     
    white-space:normal; 
    width:auto; 
    /*z-index:900; */
    height:auto;    
}

#menu :hover ul li 
{
    margin:0;
    background: transparent url('/files/DropDownBG.gif') repeat-x bottom;
}
    
#menu :hover ul li a
{
    display: block;
    margin: 0px -1px 0px 0px;
    padding: 3px 5px 5px 20px;   
    background: #668d93 url('/files/DropDownBG.gif') repeat-x bottom;
    font-family: Arial, sans serif;
    font-size: 13px;    
    color: #fff;
    width:155px;
    line-height:20px;
    text-align:left;
}
    
#menu :hover ul li a.fly 
{
    background:#668d93 url('/files/DropDownBG_Fly.gif') repeat-x left bottom;
    width:155px;
}

#menu :hover ul :hover 
{
    background-color:#eaecdf; 
    color:#b74233;
}

#menu :hover ul :hover a.fly 
{
    color:#b74233;
    background:#eaecdf url('/files/DropDownBG_FlyHover.gif') repeat-x left bottom;
}

#menu :hover ul li.currentsub a 
{
     color:#fff;
}
    
#menu :hover ul li.currentsub a.fly 
{
    background:#840 url(right-arrow.gif) no-repeat right center; 
    color:#fff;
}

#menu :hover ul :hover ul li a 
{
    width:155px;
    padding: 3px 5px 5px 20px;
    color:#fff;
    height:auto;
    display:block;    
}
    
#menu :hover ul :hover ul :hover 
{
    background-color:#eaecdf; 
    color:#b74233;
}

#menu :hover ul :hover ul li.currentfly a, #menu :hover ul :hover ul li.currentfly a:hover 
{
    background:#840; 
    color:#fff;
}

	
/********** Tab Styles ***********/
/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=ffffff&bgTextureHeader=01_flat.png&bgImgOpacityHeader=15&borderColorHeader=ffffff&fcHeader=453821&iconColorHeader=b83400&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=10&borderColorContent=d9d6c4&fcContent=1f1f1f&iconColorContent=222222&bgColorDefault=dbd3c0&bgTextureDefault=01_flat.png&bgImgOpacityDefault=10&borderColorDefault=cbc7bd&fcDefault=654b24&iconColorDefault=b83400&bgColorHover=beb7a7&bgTextureHover=01_flat.png&bgImgOpacityHover=65&borderColorHover=aba596&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=15&borderColorActive=d9d6c4&fcActive=140f06&iconColorActive=8c291d&bgColorHighlight=f7f3de&bgTextureHighlight=23_fine_grain.png&bgImgOpacityHighlight=15&borderColorHighlight=b2a266&fcHighlight=3a3427&iconColorHighlight=3572ac&bgColorError=b83400&bgTextureError=23_fine_grain.png&bgImgOpacityError=68&borderColorError=681818&fcError=ffffff&iconColorError=fbdb93&bgColorOverlay=6e4f1c&bgTextureOverlay=16_diagonal_maze.png&bgImgOpacityOverlay=20&opacityOverlay=60&bgColorShadow=000000&bgTextureShadow=16_diagonal_maze.png&bgImgOpacityShadow=40&opacityShadow=60&thicknessShadow=5px&offsetTopShadow=0&offsetLeftShadow=-10px&cornerRadiusShadow=18px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content {  color: #1f1f1f; }
.ui-widget-content a { color: #1f1f1f; }
.ui-widget-header { color: #453821; font-weight: bold; }
.ui-widget-header a { color: #453821; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: none; background: #dbd3c0 url('/files/KFUMCtab.jpg') 50% 50% repeat-x; color:#fafaed; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #c64737; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: none; background: #dcd4c2 url(/files/ui-bg_flat_65_beb7a7_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #c64737; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #d9d6c4; background: #ffffff url(/files/ui-bg_flat_15_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #140f06; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #140f06; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #b2a266; background: #f7f3de url(/files/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #3a3427; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #681818; background: #b83400 url(/files/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/*----------------------------------*/
.ui-tabs 
{ 
    padding: .2em; 
    zoom: 1;
    width:98%;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
    }
.ui-tabs .ui-tabs-nav 
{ 
    list-style: none; 
    position: relative; 
    padding: .2em .2em 0; 
    }
    
.ui-tabs .ui-tabs-nav li
{
    position: relative;
    float: left;
    border-bottom-width: 0 !important;
    margin: 0px 5px -1px -3px; 
    padding: 0px 0px 0px 0px;
    height: 19px;
    list-style-type: none;
}
    
.ui-tabs .ui-tabs-nav li a 
{ 
    float: left; 
    text-decoration: none; 
    font-family:Arial;
	font-size:10px;
	font-weight:normal;
	color:#fafaed;
	height:19px;	
	text-transform:uppercase;  
	padding:3px 6px 0px 6px;  
    }
    
    .ui-tabs .ui-tabs-nav li a:hover
{ 
    float: left; 
    text-decoration: none; 
    font-family:Arial;
	font-size:10px;
	font-weight:normal;
	color:#c64737;
	height:19px;    
	background-color:#fffff3;
	padding:3px 6px 0px 6px;
    }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected 
{ 
    padding-bottom: 1px; 
    border-bottom-width: 0;    
    background-color:#fffff3;
    border:none;
    }
    
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a 
{ 
    cursor: text; 
    color:#c64737;    
    }
    
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a 
{ 
    cursor: pointer;
     } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
     
.ui-tabs .ui-tabs-panel 
{ 
    font-family:Arial;
	font-size:12px;
	color:#454545;
    padding: 1em 1.4em; 
    display: block; 
    min-height:250px;
    background:#eeedd9 url('/files/TabPanelTopBG.jpg') repeat-x top;
    }
    
.ui-tabs .ui-tabs-hide 
{ 
    display: none !important;
     }

form 
{ 
    text-align:left;
}

/****************************************************************************
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: 5px;/*this is magic, removes margin in Mozilla */
	 PADDING-LEFT: 0px;
	 MARGIN: 0px;
    COLOR: transparent;
    background-color: transparent;
	 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 */
	 list-style-type: none; 
    position: relative;
    padding: 0;
    margin: 0;
}
ul#software_menu_main-menu.software_menu li a {
   display: block;
	padding: 4px 7px 4px 7px;
	margin-bottom: -1px; /* required to prevent javascript menus from disappearing on hover for mozilla */
 	color: #66aab8;
	font-family:Perpetua;
	font-weight: bold;
   text-decoration: none;
	/*background-color: none;*/
}
ul#software_menu_main-menu.software_menu li.on,
ul#software_menu_main-menu.software_menu li a:hover {
 	/*background-color: #eeeeee;*/
	color: #453d29;
}
ul#software_menu_main-menu.software_menu li ul {
    position: absolute;
    visibility: hidden;
    top: 50px;
    left: 0;
    width: auto;
}
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: #eeeeee;
 	 color: #999999;
	 font-size: 70%;
	 font-family: Trebuchet MS, sans-serif;
	 font-weight: bold;
    text-decoration: none;
    width: 100px;  /* 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 {
}
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;
    margin-top:15px;
    
}

#software_menu_accordion_menu.software_menu li {
    list-style-type: none;
    margin:5px 0px 7px 0px;
        
}

#software_menu_accordion_menu.software_menu li a:link, #software_menu_accordion_menu.software_menu li a:visited {    
    font-family:Tempus Sans ITC;
    margin:5px 0px 7px 0px;
    color: #453d29;
    font-size:15px;
    font-weight:bolder;
    text-decoration:none;    
    padding:2px 5px 2px 15px;
}

#software_menu_accordion_menu.software_menu li a:hover {    
    font-family:Tempus Sans ITC;
    margin:5px 0px 7px 0px;
    color: #66aab8;
    font-size:15px;
    font-weight:bolder;
    text-decoration:none;
}

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

#software_menu_accordion_menu.software_menu li ul li a:link, #software_menu_accordion_menu.software_menu li ul li a:visited {    
    font-family:Tempus Sans ITC;
    margin:5px 0px 5px 5px;
    color: #453d29;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
}

#software_menu_accordion_menu.software_menu li ul li a:hover {
    margin-left: 1em;
    font-family:Tempus Sans ITC;
    margin:5px 0px 5px 5px;
    color: #66aab8;
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
}


/* styling for the ad region container */
.software_ad_region_dynamic
{
    width: 640px; /* 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: 640px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 350px; /* this is the height of the scrolling area */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

/* styling for the ad region container */
#software_ad_region_UpcomingEvents
{
    width: 590px; /* 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_UpcomingEvents .ads_container
{
    width: 590px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 395px; /* this is the height of the scrolling area */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

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

#area-header {
/* define size and structure */
 	 PADDING: 0px;
	 MARGIN: 0px;
 /* define relative font size, color, and area's background */
    FONT-SIZE: 75%;
	 text-decoration: none;
	 color: #646451;
}

/* 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;
	 COLOR: #D27005;
}
.area-header-content a:hover {color: #D28A34; text-decoration: underline;}

.area-header-content h1,
.area-header-content h2,
.area-header-content h3,
.area-header-content h4,
.area-header-content h5,
.area-header-content h6 { 
	color: #D27005;
	font-style: normal;
   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%;
}
.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%;}


/****************************************************************************
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;
}

/****************************************************************************
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;
	MARGIN: 0px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 75%;
   line-height: 25px;
	COLOR: #646451;
   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: #D27005;
}
.page-header-content a:hover {
    color: #D28A34;
	 text-decoration: underline;
}

.page-header-content h1,
.page-header-content h2,
.page-header-content h3,
.page-header-content h4,
.page-header-content h5,
.page-header-content h6 { 
	color: #D27005;
	font-style: normal;
   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%;
}
.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: #575447;
	background-color: transparent;
}
#page-header a:hover.link-menu-item,
#page-header a:focus.link-menu-item {
	color: #D27005;
	text-decoration: none;
}


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

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

#mailer-border #content-border {
    background-color: #E0D9B8;
    padding: 15px;
}


/****************************************************************************
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;
}


/****************************************************************************
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: 85%; 
    COLOR: #646451;
    BACKGROUND-COLOR: #ffffff;
    line-height: 25px;
    word-spacing: 1px;
    border: 15px solid #E0D9B8;
}

.one-column #page-content {
}

/* 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: none;
	 COLOR: #D27005;
}
.main-content a:hover {
    color: #D28A34;
	 text-decoration: underline;
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 { 
	color: #D27005;
	font-style: normal;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*make the headings slightly smaller than the site header */
.main-content h1 {
    font-size: 155%;
}
.main-content h2 {
    font-size: 140%;
}

.main-content h3 {
    font-size: 130%;
}
.main-content h4 {
    font-size: 100%;
}
.main-content h5 {
    font-size: 85%;
}
.main-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 :( */
.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: #575447;
	background-color: transparent;
	font-weight: bold;
}
#page-content a:hover.link-menu-item,
#page-content a:focus.link-menu-item {
	color: #D27005;
	text-decoration: none;
	font-weight: bold;
}


/****************************************************************************
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 0px 17px 15px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 70%;
	COLOR: #646451;
   BACKGROUND-COLOR: transparent;
	line-height: 1.7em;
}

.two-column-sidebar-left #area-sidebar,
.two-column-sidebar-left #page-sidebar {
    PADDING: 17px 20px 17px 4px;
}

.three-column-sidebar-left #area-sidebar {
    PADDING: 17px 10px 17px 4px;
}

.three-column-sidebar-left .page-sidebar-corners {
     width: 25% !important;
}

.three-column-sidebar-left #page-sidebar {
	padding: 17px 0px 17px 15px;
}

/* 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: #D27005;
}
.area-sidebar-content a:hover {
    color: #D28A34;
	 text-decoration: underline;
}

.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 { 
	color: #D27005;
	font-style: normal;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*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: #575447;
	background-color: transparent;
}
#area-sidebar a:hover.link-menu-item,
#area-sidebar a:focus.link-menu-item {
	color: #D27005;
	text-decoration: none;
}


/****************************************************************************
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 0px 17px 15px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 70%;
	COLOR: #646451;
   BACKGROUND-COLOR: transparent;
	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: normal;
    TEXT-DECORATION: none;
	 COLOR: #D27005;
}
.page-sidebar-content a:hover {
    color: #D28A34;
	 text-decoration: underline;
}

.page-sidebar-content blockquote {
    background-color: #FFFFFF;
	 border: 2px solid #E0D9B8;
}

/*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 { 
	color: #D27005;
	font-style: normal;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*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 {}

/* 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 {
	color: #575447;
	background-color: transparent;
}
#page-sidebar a:hover.link-menu-item,
#page-sidebar a:focus.link-menu-item {
	color: #D27005;
	text-decoration: none;
}


/****************************************************************************
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;
	MARGIN: 0px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 75%;
   line-height: 25px;
	COLOR: #646451;
   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: #D27005;
}
.page-footer-content a:hover {
    color: #D28A35;
    text-decoration: underline;
}

.page-footer-content h1,
.page-footer-content h2,
.page-footer-content h3,
.page-footer-content h4,
.page-footer-content h5,
.page-footer-content h6 { 
	color: #D27005;
	font-style: normal;
   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%;
}
.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: #575447;
	background-color: transparent;
}
#page-footer a:hover.link-menu-item,
#page-footer a:focus.link-menu-item {
	color: #D27005;
	text-decoration: none;
}

/****************************************************************************
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-border {
	padding-bottom: 25px;
}

#area-footer {
/* define size and structure */
 	 PADDING: 0px;
	 MARGIN: 0px;
/* define relative font size, color, and area's background */
	 FONT-SIZE: 75%;
	 line-height: 1.6em;
	 COLOR: #646451;
	 BACKGROUND-COLOR: transparent;
}
/* fine tune the "default formats" for all HTML tags for this content area. */
.area-footer-content a,
.area-footer-content a:link,
.area-footer-content a:visited,
.area-footer-content a:active {
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none;
	 COLOR: #D27005;
}
.area-footer-content a:hover {color: #D28A34; text-decoration: underline;}

.area-footer-content h1,
.area-footer-content h2,
.area-footer-content h3,
.area-footer-content h4,
.area-footer-content h5,
.area-footer-content h6 { 
	color: #D27005;
	font-style: normal;
   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%;
}
.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: #575447;
	background-color: transparent;
}
#area-footer a:hover.link-menu-item,
#area-footer a:focus.link-menu-item {
	color: #D27005;
	text-decoration: none;
}


/****************************************************************************
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: 8px; /*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: 65%;
	 line-height: 1.6em;
    BACKGROUND-COLOR: transparent;
	 color: #646451;
	 border-top: 1px solid #D0CEBE;
}

/* 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;
	 COLOR: #D27005;
}
.site-footer-content a:hover {
    text-decoration: underline;
    color: #D28A34;
}

.site-footer-content h1,
.site-footer-content h2,
.site-footer-content h3,
.site-footer-content h4,
.site-footer-content h5,
.site-footer-content h6 { 
	color: #D27005;
	font-style: normal;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
}
/*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: #575447;
	background-color: transparent;
}
#site-footer a:hover.link-menu-item,
#site-footer a:focus.link-menu-item {
	color: #D27005;
	text-decoration: none;
}


/****************************************************************************
"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 {
	 background: #E0D9B8;
	 padding: 10px;
	 margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
	 float: left;
}
img.image-left-secondary {
	 background: #E0D9B8;
	 padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    float: left;
}
img.image-right-primary {
	 background: #E0D9B8;
	 padding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 0px;
    float: right;
}
img.image-right-secondary {
	 background: #E0D9B8;
	 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: #646451;
   font-size: 8pt;
	text-decoration: none;
	background-color: #F8F6E3;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	BORDER: #E0D9B8 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: #E0D9B8 none repeat scroll 0%;
   color: #575447;
   margin: 10px 0pt;
   padding: 10px;
}
td.text-box-secondary, p.text-box-secondary, span.text-box-secondary {
   background: #F8F6E3 none repeat scroll 0%;
   color: #646451;
   margin: 10px 0pt;
   padding: 20px;
	border: 1px solid #E0D9B8;
}
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;
	font-size: 90%;
}
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;
	font-size: 90%;
}
td.text-box-example, p.text-box-example, span.text-box-example {
	font-family: arial;
	line-height: 1.4em;
	word-spacing: normal;
   text-decoration: none;
	color: #646451;
   background-color: #F8F6E3;
	border-top: 1px solid #E0D9B8;
   border-bottom: 1px solid #E0D9B8;
	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%;
	margin: 0px;
	padding: 8px 14px;
   background-color: #FFFFFF;
   border: 2px solid #E0D9B8;
	font-family: arial;
}
td.paragraph-indent, p.paragraph-indent {
	text-indent: 5%;	
}

#page-content a.link-button-primary-large,
#page-content a.link-button-primary-large:link,
#page-content a.link-button-primary-large:visited,
#page-content a.link-button-primary-large:active,
#page-content a.link-button-primary-small,
#page-content a.link-button-primary-small:link,
#page-content a.link-button-primary-small:visited,
#page-content a.link-button-primary-small:active {
    background-color: #F3ECC4;
    color: #D28A34;
}

#page-content a.link-button-primary-large:hover,
#page-content a.link-button-primary-large:focus,
#page-content a.link-button-primary-small:hover,
#page-content a.link-button-primary-small:focus {
    background-color: #F8F6E3;
    color: #D27005;
	 text-decoration: none;
}

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: #D28A34;
    BACKGROUND-COLOR: #F8F6E3;
	 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: #D27005;
    BACKGROUND-COLOR: white;
	 font-weight: bold;
	 text-decoration: none;
}
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: #D28A34;
    BACKGROUND-COLOR: #F8F6E3;
	 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: #D27005;
    BACKGROUND-COLOR: white;
    font-weight: bold;
	 text-decoration: none;
}
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: #D28A34;
    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: #D27005;
    BACKGROUND-COLOR: #F8F6E3;
    font-weight: bold;
	 text-decoration: none;
}
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: #D28A34;
    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: #D27005;
    BACKGROUND-COLOR: #F8F6E3;
	 font-weight: bold;
	 text-decoration: none;
}
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 */
	font-size: 100%;
	display: block;
	padding: 0px 0px 0px 4px;
	text-decoration: none;
	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 #E0D9B8;
	padding: 1px 4px 1px 4px;
	text-decoration: none;
	color: #646451;
	background: #ffffff;
}
a.link-content-more:hover,
a.link-content-more:focus {
	border: 1px solid #646451;
}
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;
    background-color: #F3ECC4;
    color: #453d29;
	 PADDING-TOP: 2px;
	 BORDER-BOTTOM: Gray 1px solid;
}
.software_input_submit_primary {
    border:solid 1px #9c9e95;
    PADDING: 4px 10px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #c64737;
	font-weight: bold;
	font-size: 95%;
	cursor:pointer;
}

.software_input_submit_primary:hover,
.software_input_submit_primary:focus {
    line-height: normal;
    display: inline-block;
    border:solid 1px #9c9e95;
    PADDING: 4px 10px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #00ace4;
	font-weight: bold;
	font-size: 95%;
}

.one-column .software_input_submit_primary,
.one-column a.link-button-primary-large,
.one-column a.link-button-primary-large:link,
.one-column a.link-button-primary-large:visited,
.one-column a.link-button-primary-large:active,
.one-column a.link-button-primary-small,
.one-column a.link-button-primary-small:link,
.one-column a.link-button-primary-small:visited,
.one-column a.link-button-primary-small:active {
	background-color: #F8F6E3 !important;
}

.one-column a.link-button-secondary-large,
.one-column a.link-button-secondary-large:link,
.one-column a.link-button-secondary-large:visited,
.one-column a.link-button-secondary-large:active,
.one-column a.link-button-secondary-small,
.one-column a.link-button-secondary-small:link,
.one-column a.link-button-secondary-small:visited,
.one-column a.link-button-secondary-small:active {
	background-color: white;
}

.software_input_submit_secondary {
    border:solid 1px #9c9e95;
    PADDING: 4px 10px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #c64737;
	font-weight: bold;
	font-size: 95%;
	cursor:pointer;

}
.software_input_submit_small_primary {
    border:solid 1px #9c9e95;
    PADDING: 1px 3px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #c64737;
	font-weight: bold;
	font-size: 90%;
	cursor:pointer;

}
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:solid 1px #9c9e95;
    PADDING: 4px 10px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #c64737;
	font-weight: bold;
	font-size: 95%;
}
a.software_button_primary:hover,
a.software_button_primary:focus {
    line-height: normal;
    display: inline-block;
    border:solid 1px #9c9e95;
    PADDING: 4px 10px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #00ace4;
	font-weight: bold;
	font-size: 95%;
}
a.software_button_secondary,
a.software_button_secondary:link,
a.software_button_secondary:visited,
a.software_button_secondary:active {
    line-height: normal;
    display: inline-block;
    border:solid 1px #9c9e95;
    PADDING: 4px 10px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #c64737;
	font-weight: bold;
	font-size: 95%;
	}
	
a.software_button_secondary:hover,
a.software_button_secondary:focus {
    line-height: normal;
    display: inline-block;
    border:solid 1px #9c9e95;
    PADDING: 4px 10px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #00ace4;
	font-weight: bold;
	font-size: 95%;
}
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: #D28A34;
    BACKGROUND-COLOR: white;
    font-size: 90%;
	 font-weight: bold;
}
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: #D27005;
    BACKGROUND-COLOR: #F8F6E3;
	 font-weight: bold;
	 text-decoration: none;
}

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

input.software_input_submit_small_secondary {
    display: inline-block;
    line-height: normal;
    border:solid 1px #9c9e95;
    PADDING: 4px 5px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #00ace4;
	font-weight: bold;
	font-size: 95%;
}

input.software_input_submit_small_secondary:hover {
    display: inline-block;
    line-height: normal;
    border:solid 1px #9c9e95;
    PADDING: 4px 5px;
    background:#f9fbed url('/files/ButtonBG.jpg') repeat-x bottom;
    /*background-color: #F3ECC4;*/
    color: #00ace4;
	font-weight: bold;
	font-size: 95%;
	cursor:pointer;
}
/* 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: #c64737;
    font-size:13px;
    font-weight: bold;
}
.software_fieldset {
	 border: 1px solid #ffffff;
}
/* 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_calendar
{
	font-family:Arial;
	font-size: 12px;
	color:#415b5f;
	padding: 5px 5px 10px 10px;
	margin:0px;
	text-decoration:none;
	word-spacing:1px;
	letter-spacing:1px;
}

.software_calendar a:link, .software_calendar a:visited
{
	font-family:Arial;
	font-size: 12px;
	color: #00ace4;
	padding:0px;
	margin:0px;	
	text-decoration:none;
}

.software_calendar a:hover
{
	padding:0px;
	margin:0px;
	color:#c64737;
}	

.software_monthly_calendar {
    width: 100%;
    border-collapse: collapse;
 	 font-size: 90%;
 	 font-family:Arial;
 	 font-size:11px;
 	 margin-top:20px;
 	 font-weight:normal;
}

.software_monthly_calendar strong 
{
	font-family:Arial;
 	 font-size:10px;
 	 margin-top:20px;
 	 font-weight:normal;
}
	
.software_monthly_calendar td, .software_monthly_calendar th {
    line-height: 12px;
    padding: 5px;
    border: #c7c0af 1px solid;
    vertical-align: top;
    font-family:Arial;
    font-size: 11px;
    color:#415b5f;
    margin:5px;
}
.software_monthly_calendar th {
    width: 14%;
    background-color: #F9F6E6;
    font-family:Arial;
    font-size: 12px;
    letter-spacing:1px;
    color:#c64737;
    font-weight:normal;
    text-transform:uppercase;
    
}
.software_monthly_calendar td.inactive {
    background-color: #F9F6E6;
}
.software_monthly_calendar a:hover {
    padding-top: 0px;
	 padding-bottom: 0px;
	 text-decoration: none;
	 color:#c64737;
}

.software_photo_gallery_album .heading
{
font-size: 125%;
font-weight: bold;
margin-bottom: .5em;
}
.software_photo_gallery_album table
{
border-collapse: collapse;
margin-bottom: 1em;
}
.software_photo_gallery_album table td
{
width: 100px;
text-align: center;
vertical-align:top;
}
.software_photo_gallery_album table td.album
{
padding: 1em;
}
.software_photo_gallery_album table td.photo
{
padding: .5em;
}
.software_photo_gallery_album .image
{
cursor: pointer;
}
.software_photo_gallery_album .album .image
{
display: block;
border: 1px solid #989886;
background: #c0c0aa;
padding: 5px;
position: relative;
z-index: 3;
}
.software_photo_gallery_album .album .image_hover
{
background: #ffffff;
border: 1px solid #989886;
}
.software_photo_gallery_album .album .thumbnail
{
margin-bottom: 1em;
}
.software_photo_gallery_album .album_frame
{
position: absolute;
border: 1px solid #989886;
background: #c0c0aa;
}
.software_photo_gallery_album #album_frame_1
{
top: 1px;
left: 1px;
z-index: 2;
}
.software_photo_gallery_album #album_frame_2
{
top: 4px;
left: 4px;
z-index: 1;
}
.software_photo_gallery_album .album .name
{
font-weight: bold;
}
.software_photo_gallery_album .photo .image
{
border: 1px solid #989886;
padding: 5px;
}
.software_photo_gallery_album .photo .image_hover
{
border: 1px solid #00ace4;
}

.software_photo_gallery
{
    text-align: center;
}

.software_photo_gallery
{
    text-align: center;
}

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

.software_photo_gallery span
{
    border: 1px solid #E0D9B8;
    background: #ede9df;
    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 #E0D9B8;
    background: #ede9df;
    padding: 0.25em;
}

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

.software_photo_gallery .current_thumbnail
{
    border: 1px solid #E0D9B8;
    background: #F8F6E3;
    padding: 5px;
    margin: 0px;
    font-family: Arial;
}

.software_photo_gallery .thumbnail_label
{
    font-family: Arial;
}

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

.software_photo_gallery .photo
{
    border: 1px solid #E0D9B8;
    background: #F8F6E3;
    padding: 10px;
    margin: 0px 0px 10px 0px;
}

.software_photo_gallery a,
.software_photo_gallery a:link,
.software_photo_gallery a:visited,
.software_photo_gallery a:active
{
    border: none;
}
.software_photo_gallery a[target ="_blank"] {
   padding-right: 0;
   background: none;
}
.software_photo_gallery .caption
{
    
}

.software_social_networking {
	margin:10px 0 0 0;
	clear:both;
	line-height:20px;
	display:none;
}

.software_pagination
{
    margin-top: 1em;
    margin-bottom: 1em;
	 text-decoration: none;
    color: #D28A34;
    background: transparent;
	 font-size: 90%;
}
.software_pagination a,
.software_pagination span
{
    padding: 0.2em 0.4em !important;
    margin-left: 0.1em;
    margin-right: 0.1em;
    color: #D28A34 !important;
    border: 1px solid #E0D9B8;
	 text-decoration: none;
	 font-style: normal;
	 background-color: white;
}
.software_pagination a
{
    border: 1px solid #E0D9B8;
}
.software_pagination a:hover
{
    border: 1px solid #E0D9B8;
	 background-color: #F8F6E3;
}
.software_pagination .current
{
	 font-weight: bold;
	 color: #D27005 !important;
}
.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 #E0D9B8;
    color: #646451;
	 background-color: white;
	 display: none;
}

.software_translation form {
    text-align: right;
    margin: .01em .01em;
    padding: 0.35em 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;
}

/* styling for the ad region container */
.software_ad_region_dynamic
{
    /*width: 640px;*/ /* 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: 590px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 395px; /* this is the height of the scrolling area */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

/* styling for the ad region container */
#software_ad_region_UpcomingEvents
{
    width: 590px; /*  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_UpcomingEvents .ads_container
{
    width: 590px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 395px; /* 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_UpcomingEvents .ad
{
    width: 590px;
    height: 395px;
    padding-left: 1px;
    padding-bottom:5px;
}

/* styling for the ad region container */
#software_ad_region_HomePage_Ad
{
    width: 590px; /*  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_HomePage_Ad .ads_container
{
    width: 590px; /* this is the width of the scrolling area. this should probably match the width for the ad region container above */
    height: 420px; /* 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_HomePage_Ad .ad
{
    width: 590px;
    height: 420px;
    padding-left: 1px;
}


.software_ad_region_dynamic .ad
{
    width: 640px;
    height: 250px;
    padding-left: 1px;
}

/* styling for the ad region menu */
.software_ad_region_dynamic ul.menu
{
	font-family:Arial;
	font-size:12px;
	color:#3f3825;
	list-style: none;
    padding: .25em 0em;
    margin: 10px 0em 0em 0em;
    position: relative; /* 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 ad region menu */
#software_ad_region_UpcomingEvents ul.menu
{
	font-family:Arial;
	font-size:12px;
	list-style: none;
    padding: 0px 0px 10px 0px;
    margin: -5px 0em 0em 0em;
    position: relative; /* 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_UpcomingEvents ul.menu li
{
	list-style-type: none;
    display: inline; /* set the menu items so they appear horizontally */
    margin: 0 2px 5px 0;
	padding-bottom:5px;
}

#software_ad_region_UpcomingEvents ul.menu a.current
{
    background-color:#eeeed9;
    font-weight:bold;
}

/* styling for the ad region menu */
#software_ad_region_HomePage_Ad ul.menu
{
    font-family:Arial;
    font-size:12px;
    list-style: none;
    padding: 0px 0px 10px 0px;
    margin: 5px 0em 0px 0em;
    color:#3f3825;
    position: relative; /* 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: 0px; /* 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_HomePage_Ad ul.menu li
{
    list-style-type: none;
    display: inline; /* set the menu items so they appear horizontally */
    /*margin-right: 2px;*/
    color:#3f3825;
    border:solid 1px #959581;
    text-decoration:none;
	margin: 0px 5px 0px 0;
	padding-bottom:0px;
}

#software_ad_region_HomePage_Ad ul.menu li a
{
    color:#ffffff;    
    text-decoration:none;
}

#software_ad_region_HomePage_Ad ul.menu li a:hover
{
    color:#c64737;    
    text-decoration:none;
}


#software_ad_region_HomePage_Ad ul.menu a.current
{
    background-color:#959581;
    color:#ffffff;
    font-weight:bold;
    border:none;
    padding:0 3px;
    margin:0;
}



/* 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: solid 1px #3f3825;
    border-top:solid 1px #3f3825;
    border-bottom:solid 1px #3f3825;*/
    background-color:#e2ded6;
    font-weight:bold;
    
}

/**************************************************************************** 
*****************************************************************************
*****************************************************************************
Hyperlink Cues add images next to links in all content areas to help the reader
quickly understand what will happen when the link is clicked.
These are not required by the software and can be commented out if you like.
Does not display in IE (unsupported).
*****************************************************************************/
/*
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(/files/icon_pdf.gif) no-repeat center right;
}
a[href $='.xls'] { 
   padding-right: 18px;
   background: transparent url(/files/icon_xls.gif) no-repeat center right;
}
a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(/files/icon_doc.gif) no-repeat center right;
}
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(/files/icon_mail.gif) no-repeat center right;
}
a[href ^="http://www"] {
   padding-right: 20px;
   background: transparent url(/files/icon_external.gif) no-repeat center right;
}
a[target ="_blank"] {
   padding-right: 18px;
   background: transparent url(/files/icon_popup.gif) no-repeat center right;
}
a[target ="_blank"].link-button-primary-large,
a[target ="_blank"].link-button-primary-small,
a[target ="_blank"].link-button-secondary-large,
a[target ="_blank"].link-button-secondary-small,
#site-footer a[target ="_blank"] {
    padding-right: 0px;
   background-image: none !important;
}

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

.software_badge
{
    padding: .1em .3em;
    border: 1px solid #48832A;
    font-size: 60%;
    font-weight: bold;
    font-style: normal;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.software_error,
.software_notice
{
    margin-bottom: 1.5em;
    padding: 1em;
    -moz-border-radius-topleft: 7px;
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.software_error
{
    background-color: #fdd5ce;
    border: 2px solid red;
    color: red;
}

.software_notice
{
    background-color: #edfced;
    border: 1px solid #428221;
    color: #428221;
}

.software_error .description,
.software_notice .description
{
    font-size: 110%;
    font-weight: bold;
}

.software_error .icon,
.software_notice .icon
{
    float: left;
    margin-right: .75em;
}

.software_error ul,
.software_notice ul
{
    margin-top: 1em !important;
    margin-bottom: 0em !important;
}