/*

NEW CSS NOTES

COLORS

	BROWN		#663300 	For H1 tags, etc.
	
	BLUE		#7199b8 	Used sparingly on black.
	
	RED
		DARK	#bb0500 	For button and input borders.
		MID	#ef1200 	For button bgs.
		
	GREY
		DARK 	#333333
		MID 	#999999	For alt-page area bgs.
		LGHT	#dedede 	For page area bgs.
		SOFT	#dfdfdf
		
	MUSTARD
		DARK	#a88533
		MID	#c6a74d
		LGHT	#eadc99
		
IMAGES

	lakew_topnav_bg.png
	
	lakew_btn_brwn_bg_car.png
	lakew_btn_brwn_bg_curtain.png
	lakew_btn_brwn_bg_ticket.png
	lakew_btn_brwn_bg.png
	lakew_btn_red_go.png
	lakew_btn_red_subscribe.png
	
	lakew_exmpl_home_flash.png
	lakew_exmpl_home_pg.png
	
	lakew_hdr_bg_sans_logo.png
	lakew_hdr_bg_with_logo.png
	lakew_hdr_logo.png
	
	lakew_icon_brwn_car.png
	lakew_icon_brwn_curtain.png
	lakew_icon_brwn_ticket.pnglakew_hdr_bg_with_logo
	
	lakew_logo_sml_with_masks.png
	lakew_logo_sml_with_your_visit.png
	
	lakew_now_play_prometheus.png
	
	lakew_pointer_down.png
	
	lakew_section_bg_calendar.png
	lakew_section_bg_tickets.png
	lakew_section_bg_woman.png
	
	lakew_text_now_playing.png
	
	lakewfsb-header.jpg
	
	lakewfsb-mailer-2-column-sidebar-right-background.gif
	lakewfsb-mailer-background-footer.gif
	lakewfsb-mailer-background-header.gif
	lakewfsb-mailer-background.gif
	lakewfsb-mailer-header.jpg
	
	lakewfsb-menu-background.gif
	
	lakewfsb-site-background-2-column-sidebar-left.gif
	lakewfsb-site-background-2-column-sidebar-right.gif
	lakewfsb-site-background-3-column-sidebar-left.gif
	lakewfsb-site-background-footer.gif
	lakewfsb-site-background-header.gif
	lakewfsb-site-background.gif 
	
	lakewfsb-site-horizontal-line.gif

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

Theme Name: lakewood

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.

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

 


/****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
 						BEGIN: Lee Butler Redesign Styles 
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************/


 


/* TOP COL LEFT lkwd-now-playing
######################## */
#lkwd-now-playing{ 
	width: 500px;
	height: 390px;
	margin: 5px 0 0 5px;  
	background-color: #000;  
	overflow: hidden;
	}


/* ...the selected now playing info */
#lkwd-now-playing div#np-image-wrap{
	float: left;
	width: 220px;
	xborder: 1px solid red;

}
#lkwd-now-playing img#np-image{
} 

#lkwd-now-playing div#np-details-wrap{
	width: 268px; 
	float: right;
	color: #fff;
	padding-top: 18px;
	xborder: 1px solid red;
	overflow: hidden; 
}

#lkwd-now-playing div#np-details-wrap H2{
	color: #fef1a3;
	xcolor: #fff;
	font-size: 35px; 
	font-weight: normal;
	padding: 10px 0 25px 0;
	font-family: Georgia, Times, serif;
}

#lkwd-now-playing div#np-details-wrap P{
	color: #eee; 
	font-size: 90%; 
	padding: 0 0 10px 0;
	 
}
#lkwd-now-playing div#np-details-wrap A{ 
	color: #fff;
}

/* ...the list of now playing items */
#lkwd-now-playing UL{
	width: 500px;
	height: 85px;
	xborder: 1px solid red; 
	background-color: #999999;
	margin:0px;
	padding:0px;
}
#lkwd-now-playing LI{
	float: left;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1;
}
#lkwd-now-playing LI A{
	display: block;   
	height: 75px;
	padding: 10px 10px 0px 10px; 
	border-right: 2px solid #fff; 
	width: 102px; /* (500/4 = 125) - 2px ) - 5px = 118 */
	background-color: #999;
	text-decoration: none;
	color: #333;
	overflow: none;
	font-size: 90%;
}
#lkwd-now-playing LI A:HOVER{ 
	background: #cfcfcf url('lakew_pointer_down.png') 95% 0% no-repeat;
}
#lkwd-now-playing LI#now-playing-1{
}
#lkwd-now-playing LI#now-playing-2{
}
#lkwd-now-playing LI#now-playing-3{
} 
#lkwd-now-playing LI#now-playing-4{
}




/* TOP COL RIGHT lkwd-your-visit
######################## */

#lkwd-your-visit{
	Xborder: 1px solid green;
	background-color: #dedede;
	width: 219px; /* 215px width of h2 bg image plus some */ 
	height: 380px;
	padding: 10px 0px 0px 10px;
	margin: 10px 5px 0 -10px;  
}
#lkwd-your-visit H2{
	Xborder: 1px solid orange;
	/* class text-off-left  applied */
	padding: 0;
	margin: 0 8px 0 0;
	height: 102px; /* 92px hieight of bg image plus 10px */
	background: transparent url('lakew_logo_sml_with_your_visit.png') no-repeat top center;
}
#lkwd-your-visit UL{
	Xborder: 1px solid yellow;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#lkwd-your-visit UL LI{  
	width: 216px;		/* width of contained a-tags bg image plus 1px black border */  
	height: 54px;		/* heigth of contained a-tags bg image plus 1px black border */  
	overflow:hidden;
	margin-bottom: 14px;
}
#lkwd-your-visit UL LI A{ 
	background: transparent url('lakew_btn_brwn_bg.png') no-repeat top left;
	height: 45px;	 
	line-height: 20px; /* vertically center the text */  
	padding-left: 90px; 
	padding-top: 8px;
	display: block;
	color: #333;
	border:  1px solid black;
	border-width: 0 0 1px 0; 
	text-decoration: none;
	margin-right: 7px;
}
#lkwd-your-visit UL LI A:HOVER{
	border-color: #333;  
	color: #fff;
}
#lkwd-your-visit UL LI A#auditions-link{  
	background: transparent url('lakew_btn_brwn_bg_curtain.png') no-repeat top left; 
	xpadding: 18px 5px 0px 90px;
	line-height: 40px; /* vertically center the text */  
}
#lkwd-your-visit UL LI A#directions-link{
	background: transparent url('lakew_btn_brwn_bg_car.png') no-repeat top left; 
}
#lkwd-your-visit UL LI A#tickets-link{
	background: transparent url('lakew_btn_brwn_bg_ticket.png') no-repeat top left;
}
#lkwd-your-visit UL LI A#classes-link{
	background: transparent url('lakew_btn_brwn_bg_masks.png') no-repeat top left;
} 


/* BOTTOM COLS
######################## */ 
.bottom-col{ 
	xborder: 1px solid blue;  
	width: 240px; 			/* width of bg image */
	xpadding-top: 85px; 	/* height of bg image plus some */
	margin: 10px 0px 3px 10px;
	float: left;
	font-size: 80%;
}
.bottom-col H2{
	color: #551412;
	font-family: Georgia, Times, serif; 
	padding: 7px 0px 7px 0px;  
	font-size: 28px;
	color: #663300;
	font-weight: normal;
}

.bottom-col A{
	color: #333;  
}

#bottom-col-left{ 
	xbackground: #fff url('lakew_section_bg_tickets.png') no-repeat top center;   
} 
 
#bottom-col-middle{ 
	xbackground: #fff url('lakew_section_bg_woman.png') no-repeat top center;  
}
 
#bottom-col-right{ 
	background: #fff url('lakew_section_bg_calendar.png') no-repeat top center;   
}



/* SITE FOOTER
######################## */ 


#site-footer A{
	color: #333;
}
#site-footer A:HOVER{
	text-decoration: underline;
}



#site-footer DIV#page-footer-col-left{
	margin-top: -25px;
	width: 350px; 
	/*border: 1px solid red; /*switch*/ 
	height: 100px; 
	float: left;
	padding: 0 0 0 10px;  
}

#site-footer DIV#page-footer-col-left P A{
	text-decoration: underline;
}

            
#site-footer DIV#page-footer-col-right{
	 /*border: 1px solid red; /*switch*/ 
	margin-top: -20px;
	width: 375px;
	height: 100px;
	float: right; 
	text-align: right;
	padding: 0 10px 0 0;  
	
}
#site-footer DIV#page-footer-col-right H4{
	font-weight: normal;
	font-size: 12px;
	color: #333;
	 
}
 
#site-footer #SubscribeLink{
	border: 1px solid #bb0500;
	background-color: #ef1200;
	color: #fff;
	padding: 1px 5px;
}
#site-footer #SubscribeLink:HOVER{ 
	color: #eee; 
	text-decoration: none;
}
 
            
#site-footer DIV#page-footer-col-right UL{ 
	/*border: 1px solid blue; /*switch*/
	float: right; 
	text-align: right;

} 

#site-footer DIV#page-footer-col-right UL LI{
	float: right;
	padding: 0 10px;
	border-left: 1px solid #333; 
	margin-top: 10px;
}
#site-footer DIV#page-footer-col-right UL LI A{
	text-decoration: underline;
}
 
 


/*  HACKS */



/* ---- BEGIN: OFF LEFT ------ */
/*based on mir technique. See: http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html */
.text-off-left { letter-spacing : -1000em; color: red; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .text-off-left { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 
/* ----- BEGIN: OFF LEFT ------  */


.no-border{
	border: none !important;
}



/* PAST PLAYS */
UL.PastPlaysList {
	list-style:none; 
}
UL.PastPlaysList LI {
	padding-top: 10px;
	list-style:none;
	float: left;
	width: 140px;
	height: 370px;
	overflow: hidden; 
}
UL.PastPlaysList LI IMG{
	 width: 133px;
	 height: 190px;
	 border: 1px solid #777; 
}


UL.PastPlaysList LI SPAN.playDates{ 
	padding-left: 10px; 
	display: block;
	font-size: smaller;
	color:#003399;
	margin-bottom: 5px; 
}
UL.PastPlaysList LI h3{
	text-align: center;
	height: 25px; 
	color: #000;
	
} 
UL.PastPlaysList LI SPAN.playCredits{
	font-size: smaller;
	padding-left: 10px;
	display: block; 
}
 


 

/****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************
 							END: Lee Butler Redesign Styles 
*****************************************************************************
*****************************************************************************
*****************************************************************************
*****************************************************************************/









/****************************************************************************
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: #000; 

/* 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, Helvetica, sans-serif;
	 line-height: 1.4;
	 FONT-SIZE: medium;  /* approx. 16px on most browsers */
	 color: #323232;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

/****************************************************************************
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;
	 background-color: #fafafa;
	 FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
select {
	 border: 1px solid #cccccc;
}
ul {
	list-style-type: square;  
}
ol {
	list-style-type: decimal; 
	list-style-position: inside;
}
hr {
	background-color: #E6E6E6; /* used by Mozilla and Opera */
	color: #E6E6E6; /* used by IE */
	border: 1px;  /* define border and height for Opera */
	height: 1px;  /* define border and height for Opera */
	margin: 0.85em 0em;
}
blockquote {
  background: transparent url(blockquote.png) no-repeat scroll 10px 10px;
  margin: 5px 25px 10px 25px;
  padding: 8px 12px 8px 38px;
  background-color: #E3E5E4;
  font-size: 13px;
  font-family: Georgia, Times, serif;
  border: 1px solid #ccc;
}


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

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 {
    WIDTH: 776px;
	 
    MARGIN-TOP: 0px;
	 MARGIN-RIGHT: auto;
	 MARGIN-BOTTOM: 25px;
	 MARGIN-LEFT: auto;

/* define web page background */
    /*background-image: url('lakewfsb-site-background.gif');*/
 	 BACKGROUND-COLOR: transparent;
	 border: 1px solid #808080; 
}
#site-border-two{
	border: 1px solid #808080;
	margin: 2px; 
	padding-bottom: 4px;
}

/****************************************************************************
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;
	 background-image: url('lakewfsb-mailer-background.gif');
/* define emailer web pages' background */
 	 BACKGROUND-COLOR: transparent;
}

#site-top-border {
 	 BACKGROUND-COLOR: transparent;
	 width: 775px;
	 margin-right: auto;
	 margin-left: auto;
}

/****************************************************************************
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: 763px;
 	 margin-left: 4px;
	 margin-right: 8px;
	 PADDING: 0px;
 	 BACKGROUND-COLOR: transparent;
}

/****************************************************************************
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: 0px; 
/* define relative font size, color, and area's background */
    FONT-SIZE: 70%;
	 COLOR: #8F8F8F;
	 width: 75% !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: #8F8F8F;
	 background-color: transparent;
	 padding: 2px 4px;
 	 margin-right: 5px;
}
.site-tools-content a:hover {
    color: #DE1F2D;
}

/****************************************************************************
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: 5px;
	 PADDING-BOTTOM: 5px;
	 PADDING-RIGHT: 0px;*/
	 padding: 5px 0 10px 0; 
	 font-size: 100%;
	 color: transparent;
	 width: 25% !important;
	 /* border: 1px solid red; /* switch */
}

 
#site-search .search-submit{
	border: 1px solid #bb0500;
	background-color: #ef1200;
	color: #fff; 
	padding: 2px 2px 3px 2px; 
	cursor: pointer; 
}
#site-search .search-query{
	border: 1px solid #bb0500;  
	padding: 3px 3px 4px 3px; 
}


/* define buttons and input fields required for search */
.submit_search {
	 COLOR: gray;
	 BACKGROUND-COLOR: white;
}
.search-query {
	 FONT-SIZE: 60%;
	 font-weight: bold;
	 background-color: #fafafa;
	 color: #666666;
}
.search-submit {
	 PADDING: 0px 5px;
	 BORDER: #cccccc 1px solid;
	 COLOR: #666666;
	 BACKGROUND-COLOR: white;
	 font-size: 65%;
	 font-weight: bold;
}


/****************************************************************************
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 { 
  	 PADDING-TOP: 0px 17px; /*this is magic, removes margin in Mozilla */  
	 margin: -10px 4px 0 4px;
     FONT-SIZE: 80%;
 	 color: #FEFEFE;
	 height: 186px;  
	 background: transparent url('lakew_hdr_bg_with_logo.png?cache=0') no-repeat bottom left;  
}  


/* IE7 only adjustment:
note: we also had to use IE7 relative positioning like this with the site-menu */
html>body #site-header {
	 *margin: 0;
	 *position: relative;
	 *top: -10px;
	 *left: 3px; 
	 *width: 762px;  
}

 
 
#mailer-border #site-header {
	 background-image: url('lakewfsb-mailer-header.jpg');
	 background-position: top left;
	 background-repeat: no-repeat;
	 height: 145px;
	 padding-top: 5px;
}


#mailer-border #site-header-border {
    width: 100%;
 	 background-image: url('lakewfsb-mailer-background-header.gif');
	 background-position: top left;
	 background-repeat: no-repeat;	
}

/* 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;
	 COLOR: #9c7102;
}
.site-header-content a:hover {TEXT-DECORATION: underline;}

/* 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: Arial, Helvetica, 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%;}

/****************************************************************************
Uncomment these lines to add rounded corners to this content area
*****************************************************************************/
/*.site-header-corners .rtop, .site-header-corners .rbottom {display: block;}
.site-header-corners .rtop .r1, .site-header-corners .rtop .r2, .site-header-corners .rtop .r3, .rtop .r4,
.site-header-corners .rbottom .r1, .site-header-corners .rbottom .r2, .site-header-corners .rbottom .r3, .site-header-corners .rbottom .r4 { 
	display: block; height: 1px; overflow: hidden;}
.site-header-corners .r1 {margin: 0 5px;}
.site-header-corners .r2 {margin: 0 3px;}
.site-header-corners .r3 {margin: 0 2px;}
.site-header-corners .rtop .r4, .site-header-corners .rbottom .r4, {margin: 0 1px; height: 2px;}
.site-header-corners .rtop,
.site-header-corners .rbottom {background: white;}
.site-header-corners .rtop .r1,
.site-header-corners .rtop .r2,
.site-header-corners .rtop .r3,
.site-header-corners .rtop .r4,
.site-header-corners .rbottom .r1,
.site-header-corners .rbottom .r2,
.site-header-corners .rbottom .r3,
.site-header-corners .rbottom .r4 {background: #CD6532;}
*/ 
 
#site-menu-border { 
	 /*width: 759px;*/
	 margin: 6px 4px; 
}
 
/****************************************************************************
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; 
	 background: transparent url('lakew_topnav_bg.png') repeat top left; 
	 height: 35px;
	 font-size: 13px;
	 z-index: 100000;
}


/* IE7 only adjustment:
note: we also had to use IE7 relative positioning like this with the site-header */
html>body #site-menu {
	*position: relative;
	*top: -8px;
}

/****************************************************************************
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: 1px 0 0 0;
	z-index: 1000;
}
ul#software_menu_main-menu.software_menu li a {
   display: block;
	padding: 9px 12px 7px 12px;
	/* margin-bottom: -1px;  required to prevent javascript menus from disappearing on hover for mozilla */
 	color: #fff; 
	font-family:Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	font-weight: bold;
   text-decoration: none;
}
ul#software_menu_main-menu.software_menu li.on a {
	color: #fff; 
}
ul#software_menu_main-menu.software_menu li.on,
ul#software_menu_main-menu.software_menu li a:hover {
	color: #FFFFFF ;
	background-color: #000000;
} 
ul#software_menu_main-menu.software_menu li ul {
    position: absolute;
    visibility: hidden;
    top: 45px;
    left: 0;
    width: auto;
	border: 1px solid #f93529;
	border-bottom: none;
}

ul#software_menu_main-menu.software_menu li a [href $='javascript:void(0) '] { 
   padding-right: 16px;
   margin-right: -2px;
}
	
ul#software_menu_main-menu.software_menu li ul li a,
ul#software_menu_main-menu.software_menu li.on ul li a {
    padding: 6px;
    margin: -1px 0 0 0;
    background-image: none;
	 font-size: 80%;
	 font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    width: 150px;  /* fix width of menu items */ 
	 font-variant:normal; 
	 font-weight: bold;   
    background-color: #ea0f00;   
	 border-bottom: 1px solid #f93529;
	 color:#FFF; 
	 letter-spacing: .75px;
	 margin-top: -1px;
	 
}
ul#software_menu_main-menu.software_menu li ul li a:HOVER,
ul#software_menu_main-menu.software_menu li.on ul li a:HOVER {  
	background-color: #000000; 
	color: #FFFFFF; 
}
/***************************************************************************/
/* 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 {
}

/****************************************************************************
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-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: 90%;
	 text-decoration: none;
	 color: #323232;
}

/* 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: #9c7102;
}
.area-header-content a:hover {color: #DE1F2D;}

.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: Arial, Helvetica, sans-serif;
	color: #9c7102;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
	letter-spacing: 2px;
}
/*make the headings slightly smaller than the site header */
.area-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: 70%;}

.area-header-content hr {
	background-color: #E6E6E6; /* used by Mozilla and Opera */
	color: #E6E6E6; /* used by IE */
	border: 1px;  /* define border and height for Opera */
	height: 1px;  /* define border and height for Opera */
	width: 100%;
	margin: 0.85em 0em;
}


/****************************************************************************
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: #fff;
	 margin: 0px 5px 0px 5px; 
}

.one-column #page-border {

}

.two-column-sidebar-left #page-border {
	 background-image: url('lakewfsb-site-background-2-column-sidebar-left.gif');
	 background-repeat: repeat-y;
	 background-position: top left;
}

.three-column-sidebar-left #page-border {
	 background-image: url('lakewfsb-site-background-3-column-sidebar-left.gif');
	 background-repeat: repeat-y;
	 background-position: top left;
}

.two-column-sidebar-right #page-border {
	 xbackground-image: url('lakewfsb-site-background-2-column-sidebar-right.gif');
	 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: 90%;
   line-height: 1.35em;
	COLOR: #323232;
   BACKGROUND-COLOR: #ffffff;

}

.page-header-corners {
	background-color: white;
}

.page-header-corners .rbottom {
 	 background-image: url('lakewfsb-site-horizontal-line.gif');
	 background-repeat: repeat-x;
	 background-position: top left;
	 height: 1px;
	 background-color: #ffffff;
}

/* 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: #9c7102;
}
.page-header-content a:hover {
    color: #DE1F2D;
}

.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: Arial, Helvetica, sans-serif;
	color: #9c7102;
	font-style: normal;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
	letter-spacing: 2px;
}
/*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: 70%;
}

/* 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: #9c7102;
	background-color: transparent;
	border-bottom: 1px solid;
	padding: 1px 4px;
}
#page-header a:hover.link-menu-item,
#page-header a:focus.link-menu-item {
	color: #DE1F2D;
	background-color: transparent;
   border-bottom: 1px solid;
	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 - 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;
	xborder: 1px solid red;
}


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

body.homepg #page-content,
#page-content {
/* define size and structure */ 
	PADDING: 5px;	
	MARGIN: 0px;
/* define relative font size, color, spacing, and area's background */
	FONT-SIZE: 80%; 
	COLOR: #454545;
   BACKGROUND-COLOR: transparent;
   word-spacing: 1px; 
}

#page-content {
/* give sub pages  more padding than the home page */
	PADDING: 10px;
}
	
/* 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: #9c7102;
}
.main-content a:hover {
    color: #7c5a02; 
}



.main-content ul, 
.main-content ol{
}
.main-content li{
	/*Excluded to make the slideshow work-----padding-bottom: 10px;*/
}
 

/* HEADER TAGS */ 
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 { 
	font-family: Georgia, Times, serif;
	font-weight: normal;
	color: #663300; 
   	display: block !important;
   	padding-bottom: 10px;
   	margin-bottom: 0px;  
}
/*make the headings slightly smaller than the site header */
.main-content h1 {
	font-size: 28px; 
	color: #551412; 
	border-bottom:1px solid #999;
	padding-bottom: 10px;
	margin-bottom:  10px;
	color: #663300;
	letter-spacing: 0px;
	}
.main-content h2 {font-size: 130%; color: #551412;  }
.main-content h2+p{
	margin-top: -7px; 
}
.main-content h3 {font-size: 100%; color: #333; font-family:Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 3px; }
.main-content h4 {font-size: 100%; color: #551412; }
.main-content h5 {font-size: 85%; color: #551412; }
.main-content h6 {font-size: 70%; color: #551412; }

/* 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: #9c7102;
	background-color: transparent;
	border-bottom: 1px solid;
	padding: 1px 4px;
}
#page-content a:hover.link-menu-item,
#page-content a:focus.link-menu-item {
	color: #DE1F2D;
	background-color: transparent;
   border-bottom: 1px solid;
	padding: 1px 4px;
}


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

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

#area-sidebar {
/* define size and structure */
	PADDING: 17px 20px 17px 15px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 70%;
	COLOR: #323232;
   BACKGROUND-COLOR: transparent;
	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;
}



img.arts {
	margin-left: -25px;
	}

/* 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: #9c7102;
}
.area-sidebar-content a:hover {
    color: #DE1F2D;
}

.area-sidebar-content p { margin: 5px 0; padding: 5px 0;}
.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: #323232;
	 padding: 0px;
	 font-weight: bold;
	 line-height: normal;
	 letter-spacing: 1px;
}
/*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 {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
/* Set color here to be inherited by custom formats that create link menus */
#area-sidebar li.link-menu-item,
#area-sidebar a.link-menu-item,
#area-sidebar a:link.link-menu-item,
#area-sidebar a:visited.link-menu-item,
#area-sidebar a:active.link-menu-item {
	color: #9c7102;
	background-color: transparent;
	border-bottom: 1px solid;
	padding: 1px 4px;
}
#area-sidebar a:hover.link-menu-item,
#area-sidebar a:focus.link-menu-item {
	color: #DE1F2D;
	background-color: transparent;
   border-bottom: 1px solid;
	padding: 1px 4px;
}


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

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

#page-sidebar {
/* define size and structure */
	PADDING: 17px 20px 17px 15px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 70%;
	COLOR: #323232;
   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: bold;
    TEXT-DECORATION: none;
	 COLOR: #9c7102;
}
.page-sidebar-content a:hover {
    background-color: transparent;
    color: #DE1F2D;
}

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

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

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


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

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

#page-footer {
/* define size and structure */
	PADDING: 0px 20px;
	MARGIN: 0px;
/* define relative font size, color, and area's background */
	FONT-SIZE: 90%;
   line-height: 1.35 em;
	COLOR: #323232;
   BACKGROUND-COLOR: transparent;
	word-spacing: 1px;
}

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

/* 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: #9c7102;
}
.page-footer-content a:hover {
    color: #DE1F2D;
}

.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: Arial, Helvetica, sans-serif;
	color: #9c7102;
   font-weight: bold;
   display: block !important;
   padding-bottom: 0px;
   margin-bottom: 0px;
	letter-spacing: 2px;
}
/*make the headings slightly smaller than the site header */
.page-footer-content h1 {font-size: 155%;}
.page-footer-content h2 {font-size: 140%;}
.page-footer-content h3 {font-size: 130%;}
.page-footer-content h4 {font-size: 100%;}
.page-footer-content h5 {font-size: 85%;}
.page-footer-content h6 {font-size: 70%;}

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

#area-border {
	 /*width: 759px;*/
	 margin-left: 0px;
	 margin-right: 0px; 
}

.email-two-column-sidebar-right #area-border {
	background-image: url(lakewfsb-mailer-2-column-sidebar-right-background.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

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

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

}

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

}

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

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

#area-footer {
/* define size and structure */
 	 PADDING-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: 90%;
	 line-height: 1.35em;
	 COLOR: #323232;
	 BACKGROUND-COLOR: transparent;
	 word-spacing: 1px;
}

.page-footer-corners .rtop {
  	 background-image: url('lakewfsb-site-horizontal-line.gif');
	 background-repeat: repeat-x;
	 background-position: top left;
	 height: 1px;
}

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

.email-two-column-sidebar-right .page-footer-corners {
	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: #9c7102;
}
.area-footer-content a:hover {color: #DE1F2D}

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

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

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


/****************************************************************************
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: 30px; /*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 5px;
/* define relative font size, color, and area's background */
	 FONT-SIZE: 70%;
	 line-height: 1.6em;
    BACKGROUND-COLOR: #dedede;
	 color: #333; 
	 height: 90px;
	 xborder: 1px solid red;
	 clear: both;
	}

#site-footer-border {
    BACKGROUND-COLOR: transparent;
 	 xwidth: 767px; 
	 background-image: none;

}

#mailer-border #site-footer-border {
    width: 100%;
}

#site-footer-border .rtop {
    background-image: url(lakewfsb-site-background-footer.gif);
	 background-repeat: no-repeat;
	 background-position: top left;
	 height: 8px;
}

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

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

.email-one-column #mailer-border .site-footer-corners {
    BACKGROUND-COLOR: transparent;
}

.site-footer-content{
	background-color: #dedede;
}

/* 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: #8F8F8F;
}
.site-footer-content a:hover {
    color: #DE1F2D;
}

.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: Arial, Helvetica, 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 {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
/* Set color here to be inherited by custom formats that create link menus */
#site-footer li.link-menu-item,
#site-footer a.link-menu-item,
#site-footer a:link.link-menu-item,
#site-footer a:visited.link-menu-item,
#site-footer a:active.link-menu-item {
	color: #222222;
	background-color: transparent;
	border-bottom: 1px solid #eeeeee;
}
#site-footer a:hover.link-menu-item,
#site-footer a:focus.link-menu-item {
	color: #222222;
	background-color: #eeeeee;
   border-bottom: 1px solid #cccccc;
}


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

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

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

img.image-left-primary {
    border: 1px solid #666666;
	 background-color: transparent;
	 xpadding: 10px;
	 margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 20px;
	 float: left;
}
img.image-left-secondary {
    border: 1px solid #cccccc;
	 background-color: transparent;
	 xpadding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 10px;
    float: left;
}
img.image-right-primary {
    border: 1px solid #666666;
	 background: transparent;
	 xpadding: 10px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 0px;
    float: right;
}
img.image-right-secondary {
    border: 1px solid #cccccc;
	 background: transparent;
	 xpadding: 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: #525F65;
   font-size: 8pt;
	text-decoration: none;
	background-color: white;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	BORDER: #3C4549 1px solid;
   line-height: 1.4em;
}
td.text-fine-print, p.text-fine-print, span.text-fine-print{
   font-size: 75%;
	text-decoration: none;
	line-height: 100%;
}
td.text-box-primary, p.text-box-primary, span.text-box-primary {
   border-bottom: 1px solid #E5E5E5;
   border-top: 1px solid #E5E5E5;
   color: #323232;
   margin: 10px 0pt;
   padding: 10px;
	font-size: 90%;
}
td.text-box-secondary, p.text-box-secondary, span.text-box-secondary {
   background: #f5f5f5 none repeat scroll 0%;
   border-bottom: 1px solid #E6E6E6;
   border-top: 1px solid #E6E6E6;
   color: #323232;
   margin: 10px 0pt;
   padding: 10px;
	font-size: 90%;
}
td.text-box-warning, p.text-box-warning, span.text-box-warning {
	color: red;
   background-color: 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: #787878;
   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: courier;
	line-height: 1.4em;
	word-spacing: normal;
   text-decoration: none;
	color: #323232;
   background-color: #F5F5F5;
	border-top: 1px solid #323232;
   border-bottom: 1px solid #323232;
	padding: 10px;
}
td.text-highlighter, p.text-highlighter, span.text-highlighter {
	color: 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-family: georgia, sans-serif;
	margin: 0px 0px 0px 2em;
	padding: 0.2em 0.7em;
   border-left: 1px solid #787878;
   color: #787878;
}

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

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

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

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

.software_highlight {
    color: black;
}
.software_hr {
    BORDER-TOP-WIDTH: 0px;
	 BORDER-LEFT-WIDTH: 0px;
	 BORDER-BOTTOM-WIDTH: 0px;
	 COLOR: #eeeeee;
	 HEIGHT: 1px;
	 BACKGROUND-COLOR: #eeeeee;
	 BORDER-RIGHT-WIDTH: 0px;
}
.software_input_radio {
    BORDER-TOP-WIDTH: 0px;
	 BORDER-LEFT-WIDTH: 0px;
	 BORDER-BOTTOM-WIDTH: 0px;
	 BORDER-RIGHT-WIDTH: 0px;
}
.software_input_checkbox {
    BORDER-TOP-WIDTH: 0px;
	 BORDER-LEFT-WIDTH: 0px;
	 BORDER-BOTTOM-WIDTH: 0px;
	 BORDER-RIGHT-WIDTH: 0px;
}
.software_input_submit {
    PADDING-RIGHT: 2px;
	 PADDING-LEFT: 2px;
	 PADDING-BOTTOM: 2px;
	 COLOR: #9c7102;
	 PADDING-TOP: 2px;
    BACKGROUND-COLOR: #f5f5f5;
    BORDER: #cccccc 1px solid;
}
.software_input_submit_primary {
    BORDER: #cccccc 1px solid;
	 PADDING: 4px 10px;
	 COLOR: #9c7102;
    BACKGROUND-COLOR: #F5F5F5;
	 font-weight: bold;
	 font-size: 95%;
}
.software_input_submit_secondary {
    BORDER: #cccccc 1px solid;
	 PADDING: 4px 10px;
	 COLOR: #65747D;
    BACKGROUND-COLOR: #ffffff;
	 font-weight: bold;
	 font-size: 95%;
}
.software_input_submit_small_primary {
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 1px 3px;
	 COLOR: #BFC6C9;
    BACKGROUND-COLOR: #65747D;
	 font-weight: bold;
	 font-size: 90%;
}
a.software_button_primary,
a.software_button_primary:link,
a.software_button_primary:visited,
a.software_button_primary:active {
    line-height: normal;
    display: inline-block;
    BORDER: #cccccc 1px solid;
    PADDING: 4px 10px;
	 COLOR: #9c7102;
    BACKGROUND-COLOR: #f5f5f5;
	 font-weight: bold;
	 font-size: 95%;
}
a.software_button_primary:hover,
a.software_button_primary:focus {
    line-height: normal;
    display: inline-block;
	 BORDER: #cccccc 1px solid;
	 COLOR: #DE1F2D;
    BACKGROUND-COLOR: white;
	 font-weight: bold;
}
a.software_button_secondary,
a.software_button_secondary:link,
a.software_button_secondary:visited,
a.software_button_secondary:active {
    display: inline-block;
    line-height: normal;
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    PADDING: 4px 10px;
    COLOR: #65747D;
    BACKGROUND-COLOR: white;
    font-weight: bold;
    font-size: 95%;
}
a.software_button_secondary:hover,
a.software_button_secondary:focus {
    display: inline-block;
    line-height: normal;
    BORDER-TOP: #e0e0e0 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    BORDER-LEFT: #e0e0e0 1px solid;
    COLOR: #65747D;
    BACKGROUND-COLOR: #BFC6C9;
    font-weight: bold;
}
a.software_button_small_secondary,
a.software_button_small_secondary:link,
a.software_button_small_secondary:visited,
a.software_button_small_secondary:active {
    display: inline-block;
    BORDER: #cccccc 1px solid;
    PADDING: 3px 7px;

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

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

input.software_input_submit_small_secondary {
    display: inline-block;
    line-height: normal;
    BORDER: #cccccc 1px solid;
	 _background-color: red;
	 background-color: white;
 	 COLOR: #65747D;
	 padding: 1.5px 3px;
	 font-size: 75%;
	 font-weight: bold;
}
/* File upload fields use this style*/
.software_input_file {
    BORDER: #cccccc 1px solid;
    PADDING: 1px 3px;
    COLOR: #323232;
    BACKGROUND-COLOR: #FAFAFA;
    font-weight: bold;
    font-size: 80%;
}
/* Legend and Fieldset are browser functions used to wrap messages like Special Offers.*/
.software_legend {
    color: gray;
    font-weight: bold;
}
.software_fieldset {
	 border: 1px solid #cccccc;
}
/* Text fields on forms use this style*/
.software_input_text {
	 border: 1px solid #cccccc;
	 background-color: #FAFAFA;
}
/* picklists use this style*/
.software_select {
	 border: 1px solid #cccccc;
    BACKGROUND-COLOR: #FAFAFA;
}
/* Text area fields on forms use this style*/
.software_textarea {
	 background-color: #FAFAFA;
	 border: 1px solid #cccccc;
}
/* Custom Form Page Types */
.software_office_use_only {
    background-color: #cccccc;
}
/* 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: #E6E6E6 1px solid;
    vertical-align: top;
}
.software_monthly_calendar th {
    width: 14%;
    background-color: #EFEFEF;
	 padding: 0.3em;
}
.software_monthly_calendar strong {
    font-size: 80%;
}
.software_monthly_calendar a strong {
    font-size: 90%;
}
.software_monthly_calendar td.inactive {
    background-color: #F9F9F9;
}
.software_monthly_calendar a:hover {
    padding-top: 0px;
	 padding-bottom: 0px;
}
.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: #ececec;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.software_photo_gallery .current_thumbnail
{
    border: 1px solid #323232;
    background: #efefef;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.software_photo_gallery .thumbnail_label
{
    
}

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

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

.software_photo_gallery a,
.software_photo_gallery a:link,
.software_photo_gallery a:visited,
.software_photo_gallery a:active
{
    border: none;
}
.software_photo_gallery a[target ="_blank"] {
   padding-right: 0;
   background: none;
}
.software_photo_gallery .caption
{
    
}
.software_pagination
{
    margin-top: 1em;
    margin-bottom: 1em;
	 text-decoration: none;
    COLOR: #9c7102;
    background: white;
}
.software_pagination a,
.software_pagination span
{
    padding: 0.2em 0.4em !important;
    margin-left: 0.1em;
    margin-right: 0.1em;
    COLOR: #9c7102;
    border: 1px solid #323232;
	 text-decoration: none;
	 font-style: normal;
}
.software_pagination a
{
    BORDER: #cccccc 1px solid;
	 COLOR: #9c7102;
}
.software_pagination a:hover
{
    BORDER: #cccccc 1px solid;
	 COLOR: #DE1F2D;
}
.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: #cccccc 1px solid;
    COLOR: #65747D;
	 display: none;
}


/**************************************************************************** 
*****************************************************************************
*****************************************************************************
Hyperlink Cues add images next to links in all content areas to help the reader
quickly understand what will happen when the link is clicked.
These are not required by the software and can be commented out if you like.
Does not display in IE (unsupported).
*****************************************************************************/
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(icon_pdf.gif) no-repeat center right;
}
a[href $='.xls'] { 
   padding-right: 18px;
   background: transparent url(icon_xls.gif) no-repeat center right;
}
a[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(icon_doc.gif) no-repeat center right;
}
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(icon_mail.gif) no-repeat center right;
}
/*
a[href ^="http://www"] {
   padding-right: 20px;
   background: transparent url(icon_external.gif) no-repeat center right;
}*/
/*
a[target ="_blank"] {
   padding-right: 18px;
   background: transparent url(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;
}


/* HACKS
---------------- */

	/*  CLEAR FIX ALLA: http://www.positioniseverything.net/easyclearing.html */
	.cf:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	} 
	<!--[if IE]> 
	  .cf {
		zoom: 1;     /* triggers hasLayout */
		}  /* Only IE can see inside the conditional comment
		and read this CSS rule. Don't ever use a normal HTML
		comment inside the CC or it will close prematurely. */ 
	<![endif]-->