/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/
* html * {
	zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
	}
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
	margin:0;
	padding:0;
	}
body {
    font-family:"Times New Roman", Times, serif;
	text-align:center;
  background: hsl(220deg, 10%, 97%);
  margin: 0;
  padding: 0;
}


.ac_column100 {
  	float: left;
  	width: 100%;
}
.ac_column33 {
  	float: left;
  	width: 33.33%;
}

/* Clear floats after the columns */
.ac_section:after {
  content: "";
  display: table;
  clear: both;
}



.cool-button p {
	            display: inline-block;
                outline: 0;
                border: 0;
                cursor: pointer;
                will-change: box-shadow,transform;
                background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% );
                box-shadow: 0px 2px 4px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px rgb(58 65 111 / 50%);
                padding: 0 32px;
                border-radius: 6px;
                color: #fff;
                height: 48px;
                font-size: 18px;
                text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
				transition: box-shadow 0.15s ease,transform 0.15s ease;
}

.cool-button p:hover {
	box-shadow: 0px 4px 8px rgb(45 35 66 / 40%), 0px 7px 13px -3px rgb(45 35 66 / 30%), inset 0px -3px 0px #3c4fe0;
	transform: translateY(-2px);
}
.cool-button p:active{
	box-shadow: inset 0px 3px 7px #3c4fe0;
	transform: translateY(2px);
}

.btn {
  padding:5px;
  border: none 0px white;
  border-color: white;
  background-color: #318DE8;
  border-radius: 3px;
  color: white;
}

.buttons-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

button {
  background: white;
  border: solid 2px black;
  padding: .375em 1.125em;
  font-size: 1rem;
}

.button-arounder {
  font-size: 2rem;
  background: hsl(190deg, 30%, 15%);
  color: hsl(190deg, 10%, 95%);
  
  box-shadow: 0 0px 0px hsla(190deg, 15%, 5%, .2);
  transfrom: translateY(0);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  
  --dur: .15s;
  --delay: .15s;
  --radius: 16px;
  
  transition:
    border-top-left-radius var(--dur) var(--delay) ease-out,
    border-top-right-radius var(--dur) calc(var(--delay) * 2) ease-out,
    border-bottom-right-radius var(--dur) calc(var(--delay) * 3) ease-out,
    border-bottom-left-radius var(--dur) calc(var(--delay) * 4) ease-out,
    box-shadow calc(var(--dur) * 4) ease-out,
    transform calc(var(--dur) * 4) ease-out,
    background calc(var(--dur) * 4) steps(4, jump-end);
}

.button-arounder:hover,
.button-arounder:focus {
  box-shadow: 0 4px 8px hsla(190deg, 15%, 5%, .2);
  transform: translateY(-4px);
  background: hsl(230deg, 50%, 45%);
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

#main_wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
}

.yleft {
	text-align:left;
}



#header_logo {
	margin-left:40px;
	margin-top:8px;
	margin-right:30px;
}

.logo img {
	width:119px;
	height:90px;
}

#header_facebook {
	margin-left:38px;
	margin-top:10px;
}

.facebook img {
	width:119px;
	height:80px;
}

#header_text {
	border:.1em solid #000;
 	margin-left:12px; 
	margin-top:12px; 
	float:left; 
	width:950px;
}
#header_source {
 	margin-right:12px; 
	margin-top:12px; 
	float:right;
 	text-decoration:none;  /* removes the underlining from the links */ 
}
#header_source a:hover{
	color:#000;
}

#header_name {
	align:center;
	padding:4px; 
	float:left;
	width:942px;
}
#header_menu {
  align:center;
  float:left; 
  width:942px;
}

#area_det li {
	list-style-type:none;
	margin-left:0
	}

#news {
	padding:4px;
	float:left;
	width:200px;
}

.format1 #area_det {
	padding:.3em;
	border:.1em solid #000;
	height:250px;
	width:242px;
	margin:.1em;
}

.format2 #area_det {
	width:242px;
}

.format2 #nav_area {
	padding:.3em;
	border:.1em solid #000;
	margin:.1em;
}

#content_inner {
	padding:.3em;
	border:.1em solid #000;
	min-height:600px;
}

.format1 #content {
	padding:4px;
	float:left; 
	width:813px;
}

.format2 #content {
	padding:4px;
	float:left; 
	width:753px;
}

#content_inner {
	padding:.3em;
	border:.1em solid #000;
	min-height:600px;
}

#content_body {
	margin-left:4px;
}

#nav_area {
	padding:.1em;
	width:250px; 
	float:left;
}

.format3 #main_wrapper {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
}

.format3 #content {
	padding:4px;
	float:left; 
	width:985px;
	margin-left:20px;
 	margin-bottom:5px;
}

.format3 #header_logo {
	margin-left:14px;
	margin-top:28px;
	margin-right:10px;
}

.format3 .logo img {
	width:75px;
	height:75px;
}

.format3 #header_name {
	padding:4px; 
	float:left;
	width:985px;
}

.format3 #header_menu {
  float:left; 
  width:985px;
  padding-top:5px;
}

.format3 #header_page {
  float:left; 
  width:150px;
  padding-top:20px;
  display:inline;
  text-align:center;
}

.format3 #header_title {
	float:left;
	text-align:center;
	width:500px;
}
.format3 #header_title h1 {
	font-size:2em;
}

.format3 #header_text {
	border:.1em solid #000;
 	margin-left:12px; 
	margin-top:12px; 
	margin:12px; 
	float:left; 
	width:995px;
}

.format5 #main_wrapper {
	width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
}

.format5 #content {
	padding:4px;
	float:left; 
	width:985px;
	margin-left:20px;
 	margin-bottom:5px;
}

.format5 #header_logo {
	margin-left:14px;
	margin-top:28px;
	margin-right:10px;
}

.format5 .logo img {
	width:75px;
	height:75px;
}

.format5 #header_name {
	padding:4px; 
	float:left;
	width:985px;
}

.format5 #header_menu {
  float:left; 
  width:985px;
  padding-top:5px;
}

.format5 #header_page {
  float:left; 
  width:150px;
  padding-top:20px;
  display:inline;
  text-align:center;
}

.format5 #header_title {
	float:left;
	text-align:center;
	width:500px;
}
.format5 #header_title h1 {
	font-size:2em;
}

.format5 #header_text {
	border:.1em solid #000;
 	margin-left:12px; 
	margin-top:12px; 
	margin:12px; 
	float:left; 
	width:995px;
}

#footer_inner a:hover{
	color:#000;
}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

.combo-image {
	float:left; 
	height:90px; 
	width:90px; 
	padding:3px;
}

.combo-image a img {
	height:90px; 
	width:90px; 
}

.combo-image2 {
	float:left; 
	padding:3px;
}

.combo-text {
	float:left; 
	height:90px; 
	width:170px; 
	padding:5px;
}
.combo-name {
	padding:5px;
	font-size:1.2em;
	font-weight:bold;
}
.combo-name a {
	text-decoration: none;
}

.combo-title {
	padding:5px;
	font-size:1.2em;
}

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body {background-color:#FFF;}
#main_wrapper {background-color:#FFF;}
#header {
	padding:.5em;
}
#nav {background-color:#BFBFAC;}
#content {background-color:#FFFFE6;}
#promo {background-color:transparent;}
#footer {background-color:#D9D9C3;}

#content_area {float:left;}
#header_logo {float:left;}
#header_name {float:left;}
#header_menu {float:left;}
#header_facebook {float:left;}
#nav_area {float:left;}
#content_body {float:left;}

/* Some of my playing things */

.multi_drop_menus .head_item {
  width:119px;
  text-align:center;
  font-size:1.2em; /* size of menu's type relative to parent element */
  font-weight:bold;
  margin-left:3px;
}
.multi_drop_menus .det_item {
  font-size:.7em; /* size of menu's type relative to parent element */
}

.format3 .multi_drop_menus .head_item {
  width:137px;
  text-align:center;
  font-size:1.05em; /* size of menu's type relative to parent element */
  font-weight:bold;
  margin-left:3px;
}
.format3 .multi_drop_menus .det_item {
  font-size:.7em; /* size of menu's type relative to parent element */
}

.format5 .multi_drop_menus .head_item {
  width:137px;
  text-align:center;
  font-size:1.05em; /* size of menu's type relative to parent element */
  font-weight:bold;
  margin-left:3px;
}
.format5 .multi_drop_menus .det_item {
  font-size:.7em; /* size of menu's type relative to parent element */
}


h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* TEXT COLORS */
h1 {
	color:#FFF;
	}
h2, h3, h4, h5 {
	color:#808073;
	}
h6 {
	color:#000000;
	}
p {
	color:#000;
	}
ul, ol, dl, blockquote, cite {
	color:#808073;
	}
#nav ul, #nav a {
	color:#FFF;
	}
table, form {
	color: #BFBFAC;
	}
a {
	color:#808073;
	}
a:hover, #nav a:hover {
	color:#000;
	}	
#footer p {
	margin:0;
	}

 div.multi_drop_menus * {
 margin:0; padding:0;     /* removes margin and padding off all list elements */
 }
/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
div.multi_drop_menus {
  behavior:url(file:///C|/xampp/htdocs/lib/js_tools/csshover.htc);/* you must link to the hover.htc file for this menu to work in IE6 and earlier */
/* need a copy? go to http://www.xs4all.nl/~peterned/htc/csshover.htc - copy the code into a text file and save it as csshover.htc */
 font-size:.8em; /* size of menu's type relative to parent element */
 margin:0px 0 10px 0px;
 background-color:transparent;    /* colors the div - div fills the parent element for a horizontal menu - set to background-color:transparent; if not needed */
 }
div.multi_drop_menus ul {
 	border-left:0px solid #CCB;   /* creates dividing line to left of level 1's first menu item, revealing div color to left of menu */
	display:inline;						/* fixes margin-doubling bug in IE6 */
 	}
div.multi_drop_menus li {
 background-color:#FFF;         /* background color of the level 1 menu items */
 border-right:0px solid #CCB;   /* 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  */

div.multi_drop_menus li:hover {
 background-color:#F0F7D9;      /* background color of hovered menu items */
 }
 div.multi_drop_menus a {
 color:#776;                     		/* 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   */
 }
 div.multi_drop_menus a:hover {
 color:#443;        				 /* type color of a hovered menu choice */
 }
div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
div.multi_drop_menus li li { 
 background-color:#E0E7C9;        /* background color of the level 2 menu */
 border-bottom:1px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* 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! */
 } 
div.multi_drop_menus li li li { 
 background-color:#EEB;          /* background color of the level 3 menu */
 }
div.multi_drop_menus li li li li { 
 background-color:#DDA;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
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 */
div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;     /* 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 */
 }
div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* 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:customcolor TAG STYLES - font sizes, margins, padding, etc. */

/* Light Color - #c6168d */
/* Medium Color - #92278f */
/* Dark Color - #5c2e91 */
/* Contrast Color - #a92b31 */
/*
cscc01
*/
/* Define --main-bg-color here */
/* --cscc01:brown; */

/*
:root {
  --cscc01: #a92b31;
  --cscc02: #FFF;
  --cscc03: #5c2e91;
  --cscc04: #92278f;
  --cscc05: #c6168d;
  --cscc06: #CCB;
  --cscc07: #000;
  --cscc08: #807059;
  --cscc09: #EEB;
  --cscc10: #DDA;
  --cscc11: #443;
}
*/

/*
:root {
  --cscc01: #a92b31;
  --cscc02: #000;
  --cscc03: #5c2e91;
  --cscc04: #92278f;
  --cscc05: brown;
  --cscc06: #CCB;
  --cscc07: #000;
  --cscc08: #807059;
  --cscc09: #EEB;
  --cscc10: #DDA;
  --cscc11: #443;
}
*/
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);
	}

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

/* 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:ygreen TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */

/* Light Color - #20bdbe */
/* Medium Color - #01a490 */
/* Dark Color - #006b6b */
/* Contrast Color - #0060af */
/* body.ygreen {background-color:#0060af;} */
body.ygreen {background-color:#FFF;}
.ygreen #main_wrapper {background-color:#FFF;}
.ygreen #header {
	background-color:#FFF;
}
.ygreen #header_text {
	border:.1em solid #0060af;
}
.ygreen #area_det {
	border:.1em solid #0060af;
}
.ygreen #content_inner {
	border:.1em solid #0060af;
}
.ygreen #nav {background-color:#006b6b;}
.ygreen #content {background-color:#FFF;}
.ygreen #promo {background-color:#807059;}
.ygreen #footer {background-color:#01a490;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:ygreen TEXT COLORS */
.ygreen h1 {
	color:#006b6b;
	}
.ygreen h2 {
	color:#006b6b;
	}
.ygreen h3, .ygreen h4, .ygreen h5 {
	color:#01a490;
	}
.ygreen h6 {
	color:#000000;
	}
.ygreen p {
	color:#000;
	}
.ygreen ul, .ygreen ol, .ygreen dl, .ygreen blockquote, .ygreen cite {
	color:#006b6b;
	}
.ygreen cite {
	color:#FFF;
	}
.ygreen promo {
	color:#FFF;
	}
.ygreen #nav ul, .ygreen #nav a {
	color:#FFF;
	}
.ygreen table, .ygreen form {
	color: #0060af;
	}
.ygreen a {
	color:#006b6b;
	}
.ygreen a:hover {
	color:#01a490;
	}
.ygreen #nav a:hover {
	color:#000;
	}

/* Light Color - #20bdbe */
/* Medium Color - #01a490 */
/* Dark Color - #006b6b */
/* Contrast Color - #0060af */

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
body.ygreen div.multi_drop_menus li {
 background-color:#FFF;         /* background color of the level 1 menu items */
 border-right:0px solid #CCB;   /* 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.ygreen div.multi_drop_menus li:hover {
 background-color:#01a490;      /* background color of hovered menu items */
 }
body.ygreen div.multi_drop_menus a {
 color:#20bdbe;                     		/* 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.ygreen div.multi_drop_menus a:hover {
 color:#443;        				 /* type color of a hovered menu choice */
 }
body.ygreen div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
body.ygreen div.multi_drop_menus li li { 
 background-color:#FFF;        /* background color of the level 2 menu */
 border-bottom:0px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
body.ygreen div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* 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.ygreen div.multi_drop_menus li li li { 
 background-color:#EEB;          /* background color of the level 3 menu */
 }
body.ygreen div.multi_drop_menus li li li li { 
 background-color:#DDA;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
body.ygreen 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.ygreen div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;     /* 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.ygreen div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
body.ygreen div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* 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 */



/* Light Color - #00aeef */
/* Medium Color - #0089d0 */
/* Dark Color - #0060af */
/* Contrast Color - #5c2e91 */

body.yblue {background-color:#FFF;}
.yblue #main_wrapper {background-color:#FFF;}
.yblue #header {background-color:#FFF;}
.yblue #nav {background-color:#0060af;}
.yblue #content {background-color:#FFF;}
.yblue #promo {background-color:#807059;}
.yblue #footer {background-color:#0089d0;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:yblue TEXT COLORS */
.yblue h1 {
	color:#0060af;
	}
.yblue h2 {
	color:#0060af;
	}
.yblue h3, .yblue h4, .yblue h5 {
	color:#0089d0;
	}
.yblue h6 {
	color:#000000;
	}
.yblue p {
	color:#000;
	}
.yblue ul, .yblue ol, .yblue dl, .yblue blockquote, .yblue cite {
	color:#0060af;
	}
.yblue cite {
	color:#FFF;
	}
.yblue promo {
	color:#FFF;
	}
.yblue #nav ul, .yblue #nav a {
	color:#FFF;
	}
.yblue table, .yblue form {
	color: #5c2e91;
	}
.yblue a {
	color:#0060af;
	}
.yblue a:hover {
	color:#0089d0;
	}
.yblue #nav a:hover {
	color:#000;
	}

/* Light Color - #00aeef */
/* Medium Color - #0089d0 */
/* Dark Color - #0060af */
/* Contrast Color - #0060af */

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
body.yblue div.multi_drop_menus li {
 background-color:#FFF;         /* background color of the level 1 menu items */
 border-right:0px solid #CCB;   /* 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.yblue div.multi_drop_menus li:hover {
 background-color:#0089d0;      /* background color of hovered menu items */
 }
body.yblue div.multi_drop_menus a {
 color:#00aeef;                     		/* 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.yblue div.multi_drop_menus a:hover {
 color:#443;        				 /* type color of a hovered menu choice */
 }
body.yblue div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
body.yblue div.multi_drop_menus li li { 
 background-color:#FFF;        /* background color of the level 2 menu */
 border-bottom:0px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
body.yblue div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* 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.yblue div.multi_drop_menus li li li { 
 background-color:#EEB;          /* background color of the level 3 menu */
 }
body.yblue div.multi_drop_menus li li li li { 
 background-color:#DDA;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
body.yblue 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.yblue div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;     /* 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.yblue div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
body.yblue div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* 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:ypurple TAG STYLES - font sizes, margins, padding, etc. */

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

body.ypurple {background-color:#a92b31;}
.ypurple #main_wrapper {background-color:#FFF;}
.ypurple #header {background-color:#FFF;}
.ypurple #nav {background-color:#5c2e91;}
.ypurple #content {background-color:#FFF;}
.ypurple #promo {background-color:#807059;}
.ypurple #footer {background-color:#92278f;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:ypurple TEXT COLORS */
.ypurple h1 {
	color:#5c2e91;
	}
.ypurple h2 {
	color:#5c2e91;
	}
.ypurple h3, .ypurple h4, .ypurple h5 {
	color:#92278f;
	}
.ypurple h6 {
	color:#000000;
	}
.ypurple p {
	color:#000;
	}
.ypurple ul, .ypurple ol, .ypurple dl, .ypurple blockquote, .ypurple cite {
	color:#5c2e91;
	}
.ypurple cite {
	color:#FFF;
	}
.ypurple promo {
	color:#FFF;
	}
.ypurple #nav ul, .ypurple #nav a {
	color:#FFF;
	}
.ypurple table, .ypurple form {
	color: #a92b31;
	}
.ypurple a {
	color:#5c2e91;
	}
.ypurple a:hover {
	color:#92278f;
	}
.ypurple #nav a:hover {
	color:#000;
	}

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

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
body.ypurple div.multi_drop_menus li {
 background-color:#FFF;         /* background color of the level 1 menu items */
 border-right:0px solid #CCB;   /* 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.ypurple div.multi_drop_menus li:hover {
 background-color:#92278f;      /* background color of hovered menu items */
 }
body.ypurple div.multi_drop_menus a {
 color:#c6168d;                     		/* 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.ypurple div.multi_drop_menus a:hover {
 color:#443;        				 /* type color of a hovered menu choice */
 }
body.ypurple div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
body.ypurple div.multi_drop_menus li li { 
 background-color:#FFF;        /* background color of the level 2 menu */
 border-bottom:0px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
body.ypurple div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* 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.ypurple div.multi_drop_menus li li li { 
 background-color:#EEB;          /* background color of the level 3 menu */
 }
body.ypurple div.multi_drop_menus li li li li { 
 background-color:#DDA;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
body.ypurple 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.ypurple div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;     /* 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.ypurple div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
body.ypurple div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* 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:yred TAG STYLES - font sizes, margins, padding, etc. */

/* Light Color - #f15922 */
/* Medium Color - #ed1c24 */
/* Dark Color - #a92b31 */
/* Contrast Color - #dd5828 */

body.yred {background-color:#dd5828;}
.yred #main_wrapper {background-color:#FFF;}
.yred #header {background-color:#FFF;}
.yred #nav {background-color:#a92b31;}
.yred #content {background-color:#FFF;}
.yred #promo {background-color:#807059;}
.yred #footer {background-color:#ed1c24;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:yred TEXT COLORS */
.yred h1 {
	color:#a92b31;
	}
.yred h2 {
	color:#a92b31;
	}
.yred h3, .yred h4, .yred h5 {
	color:#ed1c24;
	}
.yred h6 {
	color:#000000;
	}
.yred p {
	color:#000;
	}
.yred ul, .yred ol, .yred dl, .yred blockquote, .yred cite {
	color:#a92b31;
	}
.yred cite {
	color:#FFF;
	}
.yred promo {
	color:#FFF;
	}
.yred #nav ul, .yred #nav a {
	color:#FFF;
	}
.yred table, .yred form {
	color: #dd5828;
	}
.yred a {
	color:#a92b31;
	}
.yred a:hover {
	color:#ed1c24;
	}
.yred #nav a:hover {
	color:#000;
	}

/* Light Color - #f15922 */
/* Medium Color - #ed1c24 */
/* Dark Color - #a92b31 */
/* Contrast Color - #a92b31 */

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
body.yred div.multi_drop_menus li {
 background-color:#FFF;         /* background color of the level 1 menu items */
 border-right:0px solid #CCB;   /* 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.yred div.multi_drop_menus li:hover {
 background-color:#ed1c24;      /* background color of hovered menu items */
 }
body.yred div.multi_drop_menus a {
 color:#f15922;                     		/* 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.yred div.multi_drop_menus a:hover {
 color:#443;        				 /* type color of a hovered menu choice */
 }
body.yred div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
body.yred div.multi_drop_menus li li { 
 background-color:#FFF;        /* background color of the level 2 menu */
 border-bottom:0px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
body.yred div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* 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.yred div.multi_drop_menus li li li { 
 background-color:#EEB;          /* background color of the level 3 menu */
 }
body.yred div.multi_drop_menus li li li li { 
 background-color:#DDA;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
body.yred 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.yred div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;     /* 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.yred div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
body.yred div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* 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:yorange TAG STYLES - font sizes, margins, padding, etc. */
	
/* Light Color - #fcaf17 */
/* Medium Color - #f47920 */
/* Dark Color - #dd5828 */
/* Contrast Color - #006b6b */


body.yorange {background-color:#006b6b;}
.yorange #main_wrapper {background-color:#FFF;}
.yorange #header {background-color:#FFF;}
.yorange #nav {background-color:#dd5828;}
.yorange #content {background-color:#FFF;}
.yorange #promo {background-color:#807059;}
.yorange #footer {background-color:#f47920;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:yorange TEXT COLORS */
.yorange h1 {
	color:#dd5828;
	}
.yorange h2 {
	color:#dd5828;
	}
.yorange h3, .yorange h4, .yorange h5 {
	color:#f47920;
	}
.yorange h6 {
	color:#000000;
	}
.yorange p {
	color:#000;
	}
.yorange ul, .yorange ol, .yorange dl, .yorange blockquote, .yorange cite {
	color:#dd5828;
	}
.yorange cite {
	color:#FFF;
	}
.yorange promo {
	color:#FFF;
	}
.yorange #nav ul, .yorange #nav a {
	color:#FFF;
	}
.yorange table, .yorange form {
	color: #006b6b;
	}
.yorange a {
	color:#dd5828;
	}
.yorange a:hover {
	color:#f47920;
	}
.yorange #nav a:hover {
	color:#000;
	}

/* Light Color - #fcaf17 */
/* Medium Color - #f47920 */
/* Dark Color - #dd5828 */
/* Contrast Color - #dd5828 */

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
body.yorange div.multi_drop_menus li {
 background-color:#FFF;         /* background color of the level 1 menu items */
 border-right:0px solid #CCB;   /* 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.yorange div.multi_drop_menus li:hover {
 background-color:#f47920;      /* background color of hovered menu items */
 }
body.yorange div.multi_drop_menus a {
 color:#fcaf17;                     		/* 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.yorange div.multi_drop_menus a:hover {
 color:#443;        				 /* type color of a hovered menu choice */
 }
body.yorange div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
body.yorange div.multi_drop_menus li li { 
 background-color:#FFF;        /* background color of the level 2 menu */
 border-bottom:0px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
body.yorange div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* 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.yorange div.multi_drop_menus li li li { 
 background-color:#EEB;          /* background color of the level 3 menu */
 }
body.yorange div.multi_drop_menus li li li li { 
 background-color:#DDA;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
body.yorange 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.yorange div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;     /* 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.yorange div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
body.yorange div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* 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:OLIVE TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.olive {background-color:#FFF;}
.olive #main_wrapper {background-color:#FFF;}
.olive #header {background-color:#BFBF60;}
.olive #nav {background-color:#CCCC8F;}
.olive #content {background-color:#E6E6CF;}
.olive #promo {background-color:#CCCC8F;}
.olive #footer {background-color:#BFBF60;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:OLIVE TEXT COLORS */
.olive h1 {
	color:#B33;
	}
.olive h2, .olive h3, .olive h4, .olive h5 {
	color:#808059;
	}
.olive h6 {
	color:#000000;
	}
.olive p {
	color:#666;
	}
.olive ul, .olive ol, .olive dl, .olive blockquote, .olive cite {
	color:#B33;
	}
.olive #nav ul, .violet #nav a {
	color:#FFF;
	}
.olive table, .olive form {
	color: #666;
	}
.olive a {
	color:#B33;
	}
.olive a:hover {
	color:#666;
	}	
.olive #nav a:hover {
	color:#666;
	}
	
/* CLASS:VIOLET TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.violet {background-color:#FFF;}
.violet #main_wrapper {background-color:#D7CFE6;}
.violet #header {background-color:#5E458A;}
.violet #nav {background-color:#AA559A;}
.violet #content {background-color:#FFF;}
.violet #promo {background-color:#6430BF;}
.violet #footer {background-color:#E6CFE1;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:VIOLET TEXT COLORS */
.violet h1 {
	color:#E6CFE1;
	}
.violet h2, .violet h3, .violet h4, .violet h5 {
	color:#BF30A4;
	}
.violet h3 {
	color:#E6CFE1;
	}
.violet h6 {
	color:#000000;
	}
.violet p {
	color:#574080;
	}
.violet ul, .violet ol, .violet dl, .violet blockquote, .violet cite {
	color:#6430BF;
	}
.violet cite {
	color:#FFF;
	}
.violet #nav ul, .violet #nav a {
	color:#FFF;
	}
.violet #promo_inner ul, .violet #promo_inner a {
	color:#FFF;
	}
.violet table, .violet form {
	color: #6430BF;
	}
.violet a {
	color:#6430BF;
	}
.violet a:hover {
	color:#AA559A;
	}	
.violet #nav a:hover {
	color:#E6CFE1;
	}
.violet #promo_inner a:hover {
	color:#E6CFE1;
	}


/* CLASS:OCEAN TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.ocean {background-color:#FFF;}
.ocean #main_wrapper {background-color:#0080FF;}
.ocean #header {background-color:#0066CC;}
.ocean #nav {background-color:#669999;}
.ocean #content {background-color:#FFF;}
.ocean #promo {background-color:#0000CC;}
.ocean #footer {background-color:#CCCCCC;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:ocean TEXT COLORS */
.ocean h1 {
	color:#CCCCCC;
	}
.ocean h2, .ocean h3, .ocean h4, .ocean h5 {
	color:#0000CC;
	}
.ocean h3 {
	color:#CCCCCC;
	}
.ocean h6 {
	color:#000000;
	}
.ocean p {
	color:#574080;
	}
.ocean ul, .ocean ol, .ocean dl, .ocean blockquote, .ocean cite {
	color:#0000CC;
	}
.ocean cite {
	color:#FFF;
	}
.ocean #nav ul, .ocean #nav a {
	color:#FFF;
	}
.ocean #promo_inner ul, .ocean #promo_inner a {
	color:#FFF;
	}
.ocean table, .ocean form {
	color: #0000CC;
	}
.ocean a {
	color:#0000CC;
	}
.ocean a:hover {
	color:#669999;
	}	
.ocean #nav a:hover {
	color:#CCCCCC;
	}
.ocean #promo_inner a:hover {
	color:#CCCCCC;
	}
 
	
/* CLASS:MOCHA TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.mocha {background-color:#FFF;}
.mocha #main_wrapper {background-color:#E6DCCF;}
.mocha #header_text {background-color:#727EA3;}
.mocha #nav {background-color:#BF9960;}
.mocha #content {background-color:#FFF;}
.mocha #promo {background-color:#807059;}
.mocha #footer {background-color:#CFD4E6;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:MOCHA TEXT COLORS */
.mocha h1 {
	color:#FFF;
	}
.mocha h2 {
	color:#BF9960;
	}
.mocha h3, .mocha h4, .mocha h5 {
	color:#BF9960;
	}
.mocha h6 {
	color:#000000;
	}
.mocha p {
	color:#000;
	}
.mocha ul, .mocha ol, .mocha dl, .mocha blockquote, .mocha cite {
	color:#BF9960;
	}
.mocha cite {
	color:#FFF;
	}
.mocha promo {
	color:#FFF;
	}
.mocha #nav ul, .mocha #nav a {
	color:#FFF;
	}
.mocha table, .mocha form {
	color: #6430BF;
	}
.mocha a {
	color:#BF9960;
	}
.mocha a:hover {
	color:#727EA3;
	}
.mocha #nav a:hover {
	color:#000;
	}

/* SET YOUR PREFERENCES!!! */
/* set your menu's font and colors here - the MENU MECHANICS  follow below */
body.mocha div.multi_drop_menus li {
 background-color:#E6DCCF;         /* background color of the level 1 menu items */
 border-right:0px solid #CCB;   /* 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.mocha div.multi_drop_menus li:hover {
 background-color:#BF9960;      /* background color of hovered menu items */
 }
body.mocha div.multi_drop_menus a {
 color:#727EA3;                     		/* 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.mocha div.multi_drop_menus a:hover {
 color:#443;        				 /* type color of a hovered menu choice */
 }
body.mocha div.multi_drop_menus ul li ul {
 width:12em;   						/* sets the width of menu levels 2 - 4 */
 }
body.mocha div.multi_drop_menus li li { 
 background-color:#E6DCCF;        /* background color of the level 2 menu */
 border-bottom:0px solid #CCB; /* lines between menu choices - set to 0px if not wanted */
 }
body.mocha div.multi_drop_menus ul li ul li ul  {
 border-top:1px solid #CCB;     /* 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.mocha div.multi_drop_menus li li li { 
 background-color:#EEB;          /* background color of the level 3 menu */
 }
body.mocha div.multi_drop_menus li li li li { 
 background-color:#DDA;         /* background color of the level 4 menu */
 }
  /* Want transparency on your menus? add the class 'transparent' to the multi_drop_menus div */
body.mocha 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.mocha div.multi_drop_menus.vertical ul {
 border-top:1px solid #CCB;     /* 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.mocha div.multi_drop_menus.vertical li {
 border-bottom:1px solid #CCB;  /* adds horizontal lines between menu choices - overrides main setting above for this feature */
 }
body.mocha div.multi_drop_menus.vertical ul ul  {
 border-top:1px solid #CCB;       /* 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!*/
 }

	
/* CLASS:LIME TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.lime {background-color:#FFF;}
.lime #main_wrapper {background-color:#FFF;}
.lime #header {background-color:#507EA1;}
.lime #nav {background-color:transparent;}
.lime #content {background-color:#CFE673;}
.lime #promo {background-color:transparent;}
.lime #footer {background-color:#BFCCD6;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	} 
/* CLASS:LIME TEXT COLORS */
.lime h1 {
	color:#FFF;
	}
.lime h2 {
	color:#FFF;
	}
.lime h3, .lime h5 {
	color:#507EA1;
	}
.lime h4 {
	color:#738040;
	}
.lime h6 {
	color:#507EA1;
	}
.lime p {
	color:#555;
	}
.lime ul, .lime ol, .lime dl, .lime blockquote, .lime cite {
	color:#507EA1;
	}
.lime cite {
	color:#555;
	}
.lime #nav ul, .lime #nav a {
	color:#738040;
	}
.lime table, .lime form {
	color: #507EA1;
	}
.lime a {
	color:#507EA1;
	}
.lime a:hover {
	color:#738040;
	}
.lime #nav a:hover {
	color:#507EA1;
	}





/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */
	}
h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:.5em 0 0 0;	
	}
h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;
	}
h4 {font-size:1.125em; /* 18pt */
	}
h5 {font-size:1em; /* 16pt */
	}
h6 {font-size:.875em; /* 14pt */
	}
p  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
a {
	
	}
a:hover {
	text-decoration:none;
	}
/* basic list styling - more-styled lists in list.css */
ul, dl, ol {
		margin:0 1em .75em 1em; /* lists without specific classes */
		font-size:.8em;
		line-height:1.5;}
li, dd {
		padding:0em 0; /* lists without specific classes */
		margin-left:2em;
		}
#nav ul, #nav dl, #nav ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#nav li {
	list-style-type:none;
	margin-left:0
	}
#promo ul, #promo dl, #promo ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#promo li {
	list-style-type:none;
	margin-left:0
	}		
dt {font-weight:bold;}

code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */
	
cite {
	font-size:.85em;
	font-style:italic;
	}
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:50%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#cccc8f;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#366;
}
blockquote cite {
	font-size:.85em;
	}
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
	}
address {
	margin:0 1em .75em 1em;
	}
img {
	border:0;
	}

/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
table {
	margin: .3em 1em 1em 1em;
	border-top:0px solid #069;
	border-collapse:collapse;
	font-size:.8em;
	text-align:center;
	}
table th	{
	padding: .3em .5em .3em .5em;
	border-bottom:0px solid #069;
	}
table td	{
	padding: .3em .5em .3em .5em;
	border-bottom:0px solid #069;
	text-align:left;
	}
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 


#footer {
	font-size:.6em;
	float:right;
	}

#sub_wrapper {
	padding: 22px 0 0 22px; /* the left and right margin should be given to every element that will be placed in the side columns */
}
.userlinks p {
	margin: 30px 0 0 30px; /* the left and right margin should be given to every element that will be placed in the side columns */
}

/* BEGINNING OF LIST-BASED MENU */
/* YOU ARE STONGLY ADVISED NOT TO MODIFY THE CODE THAT FOLLOWS : ) */
/* the menu mechanics start here */
div.multi_drop_menus {
	float:left;
 	width:100%;
	}
div.multi_drop_menus ul {
 float:left; /* makes ul wrap li */
font-size:1em; /* prevents inheritence from maiin text style sheet */
}
div.multi_drop_menus li {
 float:left;  /*causes the list to align horizontally instead of stack */
 list-style-type:none; /* removes the bullet off each list item */
 position:relative; /* positioning context for the absolutely positioned drop-down */
 }
div.multi_drop_menus a {
 display:block; /* makes link fill li so entire area is "hot" */
 text-decoration:none;  /* removes the underlining from the links */
 }
/* the horizontal menu ends here */
/* the drop-downs starts here */
div.multi_drop_menus ul li ul { 
 position:absolute;     /* positions the drop-down ul in relation to its relatively positioned li parent */
 border:0;         			/* stops inheritance from level 1 ul */
 margin-left:0px;        /* stops inheritance from level 1 ul */
 }
div.multi_drop_menus ul li ul li {
 width:100%;
 padding:0; /* stops inheritance */
 border-left:0; /* stops inheritance */
 border-right:0; /* stops inheritance */
 }
div.multi_drop_menus ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div.multi_drop_menus ul li:hover ul {
	display:block; /* shows the drop-down when the menu is hovered */
	z-index:1000; /* Safari needs this to display menu on top of other page elements */
	} 
/* pop-outs starts here */
body div.multi_drop_menus ul li ul li ul  {
 position:absolute; /* associated menu with parent li positioning context */
 visibility:hidden; /* ensures that level 3 menu is not reveal when level 2 is reveled */
 left:100%;
 top:-1px; /* aligns level 3 and 4 pop-out with previous level */
 }
div.multi_drop_menus ul li ul li:hover ul {visibility:visible;} /* shows level 3 menu when associated level 2 li is hovered */
/* second and third level popouts here*/
div.multi_drop_menus ul li ul li:hover ul li ul {visibility:hidden;} /* ensures that level 4 is not reveal when level 3 is reveled */
div.multi_drop_menus ul li ul li ul li:hover ul {visibility:visible;}  /* shows level 4 menu when associated level 3 li is hovered */
/* the drop-downs end here */
 
/* extra styles for the vertical menu */
div.multi_drop_menus.vertical ul {
 border-left:0px; /* removes the border of the level 1 ul that can be used in the horizontal menu */
 margin-left:0;         /* removes left margin that is available on horizontal menu */
 }
.vertical ul { /* took off the id so the ul ul width setting in prefs was more specific */
 width:100%; 
}
div.multi_drop_menus.vertical li {
 position:relative; /* positioning context for the level 2 menu */
 width:100%;         /* set width of level 1 menu - MUST match left value in ul ul selector below */
 clear:left; /* makes the main menu stack - note: turning off floating (alternative way to create stacking) causes spacing problems in IE */
 border-right:0; /* removes right borders used by horiz level 1 */
}
div.multi_drop_menus.vertical ul ul  {
 position:absolute; /* make ul position relative to parent li for all menu levels */
 left:100%;         /* align level 2 with level 1 - MUST match li width in selector above */
 top:-1px; /* aligns the level 2 pop-out */
 }
/* levels 2 -4 width */
div.multi_drop_menus.vertical li li {
}
div.multi_drop_menus.vertical ul ul ul {
 left:100%;          /* align level 2 with level 3 and 3 with 4 - MUST match li width in selector above */
 }
 /* END MENU MECHANICS */
 
 
 
 
/* inevitable hacks for IE6  and < */
* html div.multi_drop_menus {
 z-index:1; /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element */
 }				/* see http://www.last-child.com/conflicting-z-index-in-ie6/ */
* html div.multi_drop_menus ul li ul {
  z-index:400; /*ensures menu is on top of other page elements */
 }
* html div.multi_drop_menus a {
/* cannot find a way to get the top level 'a' to fill the unwidthed menu choices without drop-down in IE : ( */
} 
* html div.multi_drop_menus.vertical a {
/* now hasLayout in IE - works on the vert menu as container has width */
 zoom:100%;
 } 
 * html div.multi_drop_menus ul ul a { /* second level of horiz menu */
 zoom:100%;  /* now IE 'haslayout" - IE now makes background hot in horizontal menus */
 } 
  /* info on haslayout: 
  http://www.sitepoint.com/forums/showpost.php?p=2041209&postcount=24
  http://onhavinglayout.fwpf-webdesign.de/hack_management/
   */
 /* END OF LIST-BASED MENU */

/* CSS Document */
/* various tables styles - see sample XHTML markup below */
/* style 1 - basic_lines creates a layout with various weights of horizontal lines between the table rows */
/* style 2 bars_n_stripes is similar to style 1 but colors the table rows */
/* style 3 tic_tac_toe creates open table cells all around the layout - only fully supported in Firefox, but degrades nicely in others */  

table.basic_lines {
	width:300px;
 	border-collapse:collapse;
	margin:0 0 20px; /* border-bottom TEMP for this layout */
	border-top:3px solid #069;
	}
table.basic_lines caption {
	margin-bottom:8px;
	}	
table.basic_lines th {
	border-bottom:2px solid #069;
	}	
table.basic_lines td {
	border-bottom:1px solid #069;
	}	
table.basic_lines td, table.basic_lines th {
	padding:5px 3px;
	}
		
table.bars_n_stripes {
	width:300px;
 	border-collapse:collapse;
	}
table.bars_n_stripes td {
	background-color:#FFFFCC; /* table data area */
	}
table.bars_n_stripes th { /* labels column */
	background-color:#CCFFCC;
	}
table.bars_n_stripes th[scope="col"] { /* headings row */
	/* colors top row of cells - IDWIMIE 6 - previous rule applies to IE6 */
	background-color:#99CCCC;
	}
table.bars_n_stripes td, table.bars_n_stripes th  {
	padding:3px 3px; 
	border-bottom:1px solid #069; 
	}
table.tic_tac_toe {
	border-collapse:collapse;
	}
table.tic_tac_toe td {
/* create the grid of table cells */
	border-right: 1px solid #99CCCC; 
	border-bottom: 1px solid #99CCCC;
	}
table.tic_tac_toe tr:last-child td {
	border-bottom: 0; /* remove the bottom border off the bottom row of tds */
	}
table.tic_tac_toe td:last-child {
	border-right:0; /* remove the right border off the right row of tds */
	}
table.tic_tac_toe th { 
/* create the grid of table cells */
border-right:3px solid #99CCCC;
	border-bottom: 1px solid #99CCCC;
		padding-right:.3em;
	}
table.tic_tac_toe tr:last-child th { /* removes bottom border off last cell of ths column */
		border-bottom:0;
	}
table.tic_tac_toe th[scope="col"] {
	/* colors top row of cells - IDWIMIE 6 - previous rule applies to IE6 */
	border-right: 1px solid #99CCCC;
	border-bottom :3px solid #99CCCC;
	}
table.tic_tac_toe th[scope="col"]:first-child { 
/* thick right border on first cell of headings row */
	border-right:3px solid #99CCCC;
	}
table.tic_tac_toe th[scope="col"]:last-child {
	border-right:0; /* remove the right border off the right row of ths */
}
table.tic_tac_toe th[scope="row"] {
	text-align:right; /* right aligns the text in the left column */
	}
table.tic_tac_toe td, table.bars_n_stripes th  {
	padding:3px 3px; /* space around the text in each cell */
	}
table.tic_tac_toe caption { /* styles for the caption */
	margin-bottom: .5em;
	font-size:1.2em;
	}

/* sample markup for table CSS above, this example uses basic_lines class */

/*
<table class="basic_lines" summary="Summary of my books">
  <caption>
    <strong>My Books</strong>
  </caption>
  <tr>
    <th scope="col">&nbsp;</th>
    <th scope="col">Stylin'</th>
    <th scope="col">Codin'</th>
  </tr>
  <tr>
    <th scope="row">Languages</th>
    <td>XHTML &amp; CSS</td>
    <td>PHP &amp; SQL</td>
  </tr>
  <tr>
    <th scope="row">Focus</th>
    <td>Interface design</td>
    <td>Back-end code</td>
  </tr>
</table>
*/

/* end sample markup for table CSS above */