/* CLASS:customcolor TAG STYLES - font sizes, margins, padding, etc. */

/* Light Color - #c6168d */
/* Medium Color - #92278f */
/* Dark Color - #5c2e91 */
/* Contrast Color - #a92b31 */

:root {
  --cscc01: #a92b31;	/* Contrast Color body bg, table, form */
  --cscc02: #FFF;		/* Main Background Color wrapper bg, header bg, content bg */
  --cscc03: #5c2e91;	/* Dark Color h1,h2, nav bg */
  --cscc04: #92278f;	/* Medium Color footer bg, h3, h4, h5 */
  --cscc05: #c6168d;	/* Light Color */
  --cscc06: #CCB;		/* Menu dividing lines */
  --cscc07: #000;		/* p color, h6 */
  --cscc08: #807059;	/* Promo Color */
  --cscc09: #EEB;
  --cscc10: #DDA;
  --cscc11: #443;		/* Multi-drop menu hover */
}
body.customcolor {background-color:var(--cscc01);}
.customcolor #main_wrapper {background-color:var(--cscc02);}
.customcolor #header {background-color:var(--cscc02);}
.customcolor #nav {background-color:var(--cscc03);}
.customcolor #content {background-color:var(--cscc02);}
.customcolor #promo {background-color:var(--cscc08);}
.customcolor #footer {background-color:var(--cscc04);}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:customcolor TEXT COLORS */
.customcolor h1 {
	color:var(--cscc03);
	}
.customcolor h2 {
	color:var(--cscc03);
	}
.customcolor h3, .customcolor h4, .customcolor h5 {
	color:var(--cscc04);
	}
.customcolor h6 {
	color:var(--cscc07);
	}
.customcolor p {
	color:var(--cscc07);
	}
.customcolor ul, .customcolor ol, .customcolor dl, .customcolor blockquote, .customcolor cite {
	color:var(--cscc03);
	}
.customcolor cite {
	color:var(--cscc02);
	}
.customcolor promo {
	color:var(--cscc02);
	}
.customcolor #nav ul, .customcolor #nav a {
	color:var(--cscc02);
	}
.customcolor table, .customcolor form {
	color:var(--cscc01);
	}
.customcolor a {
	color:var(--cscc03);
	}
.customcolor a:hover {
	color:var(--cscc04);
	}
.customcolor #nav a:hover {
	color:var(--cscc07);
	}

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
body.customcolor div.multi_drop_menus li {
 background-color:var(--cscc02);         /* background color of the level 1 menu items */
 border-right:0px solid var(--cscc06);   /* creates dividing lines to right of each horiz level 1 menu item *//* set to 0px to remove */
 }                						    /* border-right is automatically removed from vert menu below  */

body.customcolor div.multi_drop_menus li:hover {
 background-color:var(--cscc04);      /* background color of hovered menu items */
 }
body.customcolor div.multi_drop_menus a {
 color:var(--cscc05);                     		/* sets the color of all menu type */
 padding:.2em 5px;           		/*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */
 }
body.customcolor div.multi_drop_menus a:hover {
 color:var(--cscc11);        				 /* type color of a hovered menu choice */
 }
body.customcolor div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
body.customcolor div.multi_drop_menus li li { 
 background-color:var(--cscc02);        /* background color of the level 2 menu */
 border-bottom:0px solid var(--cscc06); /* lines between menu choices - set to 0px if not wanted */
 }
body.customcolor div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid var(--cscc06);     /* set the border-top of levels 3 and 4 of a horizontal menu - set to 0px to remove - for a vertical menu, you will set this for levels 1 - 4 below */
 top:-1px; /* set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */
 } 
body.customcolor div.multi_drop_menus li li li { 
 background-color:var(--cscc09);          /* background color of the level 3 menu */
 }
body.customcolor div.multi_drop_menus li li li li { 
 background-color:var(--cscc10);         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
body.customcolor div.multi_drop_menus.transparent ul ul li {
 /* note: the lower the value, the greater the transparency */
  opacity:0.9; /* CSS3 - range 0 to 1 */     
  -moz-opacity:0.9; /* Firefox- range 0 to 1  */
  filter:alpha(opacity=90);  /* IE- range 0 to 100  */
  }
/* ADDITIONAL PREFS FOR VERTICAL MENU - NO NEED TO TOUCH THESE IF LEVEL 1 IS HORIZONTAL */
body.customcolor div.multi_drop_menus.vertical ul {
 border-top:1px solid var(--cscc06);     /* set the border-top of level 1 of the vertical menu - broken out separately so it can be different from top border of other levels */
 }
body.customcolor div.multi_drop_menus.vertical li {
 border-bottom:1px solid var(--cscc06);  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
body.customcolor div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid var(--cscc06);       /* set the border-top of levels 2 - 4 of a vertical menu - set to 0 to remove */
 top:-1px;            /* set to negative value of border-top for perfect pop-out alignment - set to 0 if border is 0 - don't remove!*/
 }
 
/* end vertical menu preferences */
/* END MENU PREFERENCES */

/* CLASS:DW0004 TAG STYLES - font sizes, margins, padding, etc. */

/* Light Color - --cscc05 */
/* Medium Color - --cscc04 */
/* Dark Color - --cscc03 */
/* Contrast Color - --cscc01 */

:root {
  --cscc01: #a92b31;	/* Contrast Color body bg, table, form */
  --cscc02: #FFF;		/* Main Background Color wrapper bg, header bg, content bg */
  --cscc03: #5c2e91;	/* Dark Color h1,h2, nav bg */
  --cscc04: #92278f;	/* Medium Color footer bg, h3, h4, h5 */
  --cscc05: #c6168d;	/* Light Color */
  --cscc06: #CCB;		/* Menu dividing lines */
  --cscc07: #000;		/* p color, h6 */
  --cscc08: #807059;	/* Promo Color */
  --cscc09: #EEB;
  --cscc10: #DDA;
  --cscc11: #443;		/* Multi-drop menu hover */
}
body.DW0004 {background-color:#A4D5E2;}
.DW0004 #main_wrapper {background-color:#FFFFFF;}
.DW0004 #header {background-color:#FFFFFF;}
.DW0004 #nav {background-color:#F59D56;}
.DW0004 #content {background-color:#FFFFFF;}
.DW0004 #promo {background-color:#807059;}
.DW0004 #footer {background-color:#E2E1BC;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:DW0004 TEXT COLORS */
.DW0004 h1 {
	color:#F59D56;
	}
.DW0004 h2 {
	color:#F59D56;
	}
.DW0004 h3, .DW0004 h4, .DW0004 h5 {
	color:#E2E1BC;
	}
.DW0004 h6 {
	color:#000000;
	}
.DW0004 p {
	color:#000000;
	}
.DW0004 ul, .DW0004 ol, .DW0004 dl, .DW0004 blockquote, .DW0004 cite {
	color:#F59D56;
	}
.DW0004 cite {
	color:#FFFFFF;
	}
.DW0004 promo {
	color:#FFFFFF;
	}
.DW0004 #nav ul, .DW0004 #nav a {
	color:#FFFFFF;
	}
.DW0004 table, .DW0004 form {
	color:#A4D5E2;
	}
.DW0004 a {
	color:#F59D56;
	}
.DW0004 a:hover {
	color:#E2E1BC;
	}
.DW0004 #nav a:hover {
	color:#000000;
	}

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
body.DW0004 div.multi_drop_menus li {
 background-color:#FFFFFF;         /* background color of the level 1 menu items */
 border-right:0px solid #CCCCBB;   /* creates dividing lines to right of each horiz level 1 menu item *//* set to 0px to remove */
 }                						    /* border-right is automatically removed from vert menu below  */

body.DW0004 div.multi_drop_menus li:hover {
 background-color:#E2E1BC;      /* background color of hovered menu items */
 }
body.DW0004 div.multi_drop_menus a {
 color:#E2E1BC;                     		/* sets the color of all menu type */
 padding:.2em 5px;           		/*creates space top/bottom and left/right respectively around each menu item's text - set vert height in ems   */
 }
body.DW0004 div.multi_drop_menus a:hover {
 color:#444433;        				 /* type color of a hovered menu choice */
 }
body.DW0004 div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
body.DW0004 div.multi_drop_menus li li { 
 background-color:#FFFFFF;        /* background color of the level 2 menu */
 border-bottom:0px solid #CCCCBB; /* lines between menu choices - set to 0px if not wanted */
 }
body.DW0004 div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCCCBB;     /* set the border-top of levels 3 and 4 of a horizontal menu - set to 0px to remove - for a vertical menu, you will set this for levels 1 - 4 below */
 top:-1px; /* set to negative value of border-top for perfect pop-out alignment -set to 0 if border is 0 - don't remove! */
 } 
body.DW0004 div.multi_drop_menus li li li { 
 background-color:#EEEEBB;          /* background color of the level 3 menu */
 }
body.DW0004 div.multi_drop_menus li li li li { 
 background-color:#CCCCBB;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
body.DW0004 div.multi_drop_menus.transparent ul ul li {
 /* note: the lower the value, the greater the transparency */
  opacity:0.9; /* CSS3 - range 0 to 1 */     
  -moz-opacity:0.9; /* Firefox- range 0 to 1  */
  filter:alpha(opacity=90);  /* IE- range 0 to 100  */
  }
/* ADDITIONAL PREFS FOR VERTICAL MENU - NO NEED TO TOUCH THESE IF LEVEL 1 IS HORIZONTAL */
body.DW0004 div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCCCBB;     /* set the border-top of level 1 of the vertical menu - broken out separately so it can be different from top border of other levels */
 }
body.DW0004 div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCCCBB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
body.DW0004 div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCCCBB;       /* set the border-top of levels 2 - 4 of a vertical menu - set to 0 to remove */
 top:-1px;            /* set to negative value of border-top for perfect pop-out alignment - set to 0 if border is 0 - don't remove!*/
 }
 
/* end vertical menu preferences */
/* END MENU PREFERENCES */