.testParent
{	position:relative;
	top: 0%;
	left: 10%;
}
.testTop
{	position:absolute;
	top: 0%;
	left: 0%;
	z-index: 200; 
}
.testBottom
{	position:relative;
	top: 0%;
	left: 0%;
	z-index: 100; 
}
.testBottomNone
{	position:relative;
	top: 0%;
	left: 0%;
	z-index: 100; 
	display: none;
}



/* CSS Document */
/*  .class
		#id
*/


/* Links */
a{
	color:#660066;
	text-decoration: underline;
	cursor: pointer;
	}
	
a:hover {
    color:#990000;
	text-decoration: none;
	border-bottom: 1px dotted #990000;
	}

a.hidden { color: #000000; text-decoration: none; border-bottom:none; }
a.hiddenB { font-weight: bold; color: #000000; text-decoration: none; border-bottom:none; }
a.hiddenW { color: #ffffff; text-decoration: none; border-bottom:none; }
a.hiddenW:hover { color: #000000; background-color: #51BCFF; text-decoration: none; border-bottom:none; }

a.classic { color: blue; text-decoration: underline; cursor: pointer; font-family: Arial, "Times New Roman";  }
a.classic:link { color: blue; text-decoration: underline; cursor: pointer; font-family: Arial, "Times New Roman"; }
a.classic:active { color: blue; text-decoration: underline; cursor: pointer; font-family: Arial, "Times New Roman";  }
a.classic:visited { color: blue; text-decoration: underline;  cursor: pointer; font-family: Arial, "Times New Roman"; }
a.classic:hover { color: blue; text-decoration: underline; cursor: pointer; font-family: Arial, "Times New Roman"; }

a.normal { color: blue; text-decoration: underline; cursor: pointer;  font-family: Arial, "Times New Roman";  }
a.normal:link { color: blue; text-decoration: underline; cursor: pointer; font-family: Arial, "Times New Roman"; }
a.normal:active { color: blue; text-decoration: underline; cursor: pointer; font-family: Arial, "Times New Roman";  }
a.normal:visited { color: blue; text-decoration: underline;  cursor: pointer; font-family: Arial, "Times New Roman"; }
a.normal:hover { color: blue; text-decoration: underline; cursor: pointer; font-family: Arial, "Times New Roman"; }



@font-face {
  font-family: Architects Daughter;
  src: url(font/ArchitectsDaughter-Regular.ttf);
}

@font-face {
  font-family: Merienda;
  src: url(font/Merienda-VariableFont_wght.ttf);
}

@font-face {
  font-family: JacquesFrancoisShadow;
  src: url(font/JacquesFrancoisShadow-Regular.ttf);
}

@font-face {
  font-family: Tangerine;
  src: url(font/Tangerine-Regular.ttf);
}


@font-face {
	font-family: Kalam;
  src: url(font/Kalam-Light.ttf);
}

@font-face {
	font-family: Ubuntu;
  src: url(font/Ubuntu-Light.ttf);
}





body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	background-image:url(graphics/background.gif); 
	background-repeat:repeat;
  background-position: center; 
	padding:0;
	margin:0;
	border: .0px solid #392844;
	}

#body_full {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	background-image:url(graphics/background_full.gif); 
	background-repeat:repeat;
  background-position: center; 
	padding:0;
	margin:0;
	}

#bodytest {
	font-family: Arial, Verdana,Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-image:url(graphics/bkgnd.GIF); 
	z-index:10;	
	opacity: 1.;
}

#buttonCell
{	position: relative; z-index: 200; }


#closing_notice
{
	position:fixed;
	width:100%;
	height:100%;
	z-index:70;
	background-color:#eff3ff;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: 			translate(-50%, -50%);
	opacity:.9;
}

#div1
{
	position:absolute;
	margin: 0px auto;
	width:1000px;
	height:600px;
	z-index:70;
	display:none;
}


#error_message
{
	position:fixed;
	width:500px;
	height:400px;
	z-index:70;
	background-color:#eff3ff;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: 			translate(-50%, -50%);
	opacity:1.0;
}



#footer {
	clear: both;
	background-color: #efe8f2;
	background-image:url(/graphics/stripe3.gif);
	height:15px;
	padding: 1px 0px 0px 0px;
	margin: 0px;
}



#mainspace {
	width: 980px;
	margin:0px 10px;
	float:right;
	}
#mainspace p {
	margin:9px;
	}

#mainspaceAndroid {
	width: 300px;
	margin:0px 0px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

#mainspacefull {
	clear:both;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}


#notes
{
  border-radius: 15px;
	border: 2px solid #aaaaaa;
	position:fixed;
	width:600px;
	height:300px;
	z-index:70;
	background-color:#eff3ff;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}


#overlay
{
		position: fixed;
	 background-color: #c0c0c0;
	 opacity:.8;
	 filter:alpha(opacity=80);
	 left: 0px;
	 top: 0px;
	 width:100%;
	 height:100%;
	 z-index: 60;
}


#overlayUpdate
{
		position: fixed;
	 background-color: #c0c0c0;
	 opacity:.8;
	 filter:alpha(opacity=80);
	 left: 0px;
	 top: 0px;
	 width:100%;
	 height:100%;
	 z-index: 60;
}


#overlay_content
{
	position: fixed;
	 background-color: #ffffff;
	 opacity:.9;
	 filter:alpha(opacity=90);
	 left: 0px;
	 top: 0px;
	 width:100%;
	 height:100%;
	 z-index: 60;
}

/* Side navigation */
#sidenav {
	width:160px;
	margin:0px;
	float:left;
	clear:left;
	background-color:#FFFFE6;
	color:#660066;
	border: 1px solid #a472bf;
	}
	
#sidenav ul {
	font-size:medium;
	font-weight:bold;
	list-style-type: none;
	padding: 10px;
	margin: 0px;
	font-family:"palatino linotype", "Book Antiqua", Georgia, garamond, "Monotype Corsiva", Arial;
	}

#sidenav li {
	padding:2px;
	margin:0px;
	}
	
#sidenav a {
	color:#660066;
	text-decoration:none;
	display: block;
	width: 100%; /* for IE6 */
	border-bottom-color:#CCCCCC; 
	border-bottom-style:solid;
	border-bottom-width:1px;
	}
	
#sidenav a:hover, #sidenav a:visited:hover{
	color:#990000;
	background-color:#E6CCFF;
	}
	
#sidenav a:visited {
	color:#003300;
	}


#small_screen_body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

#wrapperSS {
	background-color: #efe8f2; 
/*	background-color: #ffffff; */
	color:#000000;
	padding: 0px;
	width: 1000px;
	height: 750px;
	margin: 0px auto;
}

#wrapper {
	background-color: #ffffff; 
	color:#000000;
	padding: 0px;
	width: 1000px;
	margin: 0px auto;
	border: 0px solid #392844;

}

#wrapperAndroid {
/*	background-color: #efe8f2;  */
	background-color: #ffffff; 
	color:#000000;
	padding: 0px;
	width: 1000px;
	margin: 0px auto;
}

#wrapperw3 {
/*	background-color: #efe8f2;  */
	background-color: #f4f7fc; 
	color:#000000;
	padding: 0px;
	max-width: 1000px;
	margin: 0px auto;
}

#wrapper_send_email {
	padding: 0px;
	width: 1000px;
	margin: 0px auto;
}

#wrapper_w3 {
/*	background-color: #efe8f2;  */
	background-color: #ffffff; 
	color:#000000;
	padding: 0px;
	max-width: 1000px;
	margin: 0px auto;
}

#wrapper_w3_full {
/*	background-color: #efe8f2; */
	background-color: #ffffff; 
	color:#000000;
	max-width: 1300px;
	min-height: 1080px;
	margin: 0px auto;
}


#wrapper1500_transparent {
	font-family:Arial, "Times New Roman", Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	background-color:rgba(0, 0, 0, 0);
	color:#000000;
	padding: 0px;
	border: 0;
	width: 100%;
	max-width: 1500px;
	margin: 0px auto;
}

#wrapper1500 {
	font-family:Arial, "Times New Roman", Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	background-color: #f8fcfd;
	color:#000000;
	padding: 0px;
	border: 0;
	width: 100%;
	max-width: 1500px;
	margin: 0px auto;
}

#wrapper1200 {
	font-family:Arial, "Times New Roman", Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	background-color: #f8fcfd;
	color:#000000;
	padding: 0px;
	border: 0;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}








.action_buttons
{	background: rgb(214,70,77);
	background: -moz-linear-gradient(45deg, rgba(214,70,77,1) 0%, rgba(143,2,34,1) 59%, rgba(109,0,25,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(214,70,77,1) 0%,rgba(143,2,34,1) 59%,rgba(109,0,25,1) 100%);
	background: linear-gradient(45deg, rgba(214,70,77,1) 0%,rgba(143,2,34,1) 59%,rgba(109,0,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6464d', endColorstr='#6d0019',GradientType=1 );
}

.action_button_medium
{ font-size: 12px;
	border-radius: 8px; 
	cursor: pointer;
	width: 120px;
}

/* Show_it Divs */

.divVideo
{
	z-index:70;
	position:absolute;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 1500px; 
	width: 100%;
	overflow: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	text-align: center;
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;

}

.bg 
{
	z-index:70;
	position:absolute;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow-y: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;

}

.bgDebug 
{
	z-index:70;
	position:absolute;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 10%; 
	width: 10%;
	overflow-y: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	color: #fff;
}

.bg_test 
{
	z-index:75;
	display: none;
	position:absolute;
}

.bg_over 
{
	z-index:75;
	display: none; 
	position:absolute;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow-y: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */


}

.bg_over_over 
{
	z-index:80;
	display: none; 
	position:absolute;
	top: 0%;
	left: 0%;
	/* Full height */
	height: 100%; 
	width: 100%;
	overflow-y: hidden;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
}

.bg_debug
{
	z-index:85;
	position: fixed;
	display: none; 
	top: 0%;
	left: 0%;
	/* Full height */
	height: 200px; 
	width: 200px;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	color: #fff;

}



.boardlist ul li {
	list-style-position: outside;
	list-style-image:url(graphics/ministar2.jpg);
	margin: 0px 0px 0px 0px;
	padding:2px;
}




/********************************************************************
/* 						Active Testing                                        
/********************************************************************/


.frame
{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
	margin: 10px;
  height: 80px;
  width: 350px;
  position: relative;
   box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9,        
	 inset 0px 0px 0px 0px #0001;
	transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
   border-radius: 10px;
}

.frameOuter
{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
	margin: 10px;
  height: 100px;
  width: 370px;
  position: relative;
   box-shadow:
   -7px -7px 20px 0px #0001,
   -4px -4px 5px 0px #0001,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9,        
	 inset 0px 0px 0px 0px #0001;
	transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
   border-radius: 10px;
}

.btn
{
  height: 50px;
  width: 50px;
  border-radius: 3px;
  background: #e0e5ec;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001;
	transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  font-size: 26px;
  color: #666;
  text-decoration: none;
}
/*
   box-shadow:
   -7px -7px 20px 0px #ddd,
   -4px -4px 5px 0px #ddd,
   7px 7px 20px 0px #ddd,
   4px 4px 5px 0px #ddd;
*/
/*  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
*/







.button_xsmall
{ font-size: 8px;
	border-radius: 3px; 
	cursor: pointer;
	border: .5px solid #392844;
}


.button_small
{ font-size: 10px;
	border-radius: 3px; 
	cursor: pointer;
	border: .5px solid #392844;
}


.button_medium
{ font-size: 12px;
	border-radius: 6px; 
	cursor: pointer;
	border: .5px solid #392844;
}

.button_lmedium
{ font-size: 13px;
	border-radius: 3px; 
	cursor: pointer;
	border: .5px solid #392844;
}

.button_large
{ font-size: 14px;
	border-radius: 5px; 
	cursor: pointer;
	border: .5px solid #392844;
}

.button_xlarge
{ font-size: 16px;
	border-radius: 5px; 
	cursor: pointer;
	border: .5px solid #392844;
}

.button_small_menu
{ font-size: 10px;
	border-radius: 5px; 
	cursor: pointer;
	font-family: arial; 
	background-color: #9b79b0; 
	color: #ffffff; 
	border: .5px solid #392844;
}

.button_small_menu_simple
{ font-size: 10px;
	cursor: pointer;
	font-family: Arial; 
	background-color: #9b79b0; 
	color: #ffffff; 
	border: .5px solid #392844;
}

.button_small_menu_down
{ font-size: 10px;
	border-radius: 5px; 
	cursor: pointer;
	font-family: times; 
	background-color: #5e4270; 
	color: #ffffff; 
	border: .5px solid #392844;
}	

.button_large_menu
{ font-size: 14px;
	border-radius: 5px; 
	cursor: pointer;
	font-family: arial; 
	background-color: #9b79b0; 
	color: #ffffff; 
	border: .5px solid #392844;
}

.button_large_menu_simple
{ font-size: 14px;
	cursor: pointer;
	font-family: arial; 
	background-color: #9b79b0; 
	color: #ffffff; 
	border: .5px solid #392844;
}

.button_large_menu_down
{ font-size: 14px;
	border-radius: 5px; 
	cursor: pointer;
	font-family: arial; 
	background-color: #5e4270; 
	color: #ffffff; 
	border: .5px solid #392844;
}	

.buttonCell
{	position: relative; z-index: 200; }





.category-title
{	font-size: 15px; }
	
.category-subtitle
{	font-size: 12px; 
}
.category-detailB
{	font-size: 14px;
	font-weight: normal;
}

.category-detailB
{	font-size: 12px;
	font-weight: bold;
}




.center 
{	position: absolute;
	left: 50%;
	top: 50%;
}


.centercol {
	width: 53%;
	float:left;
	}
	
.centercol_lg {
	width: 60%;
	float:left;
	}
	
.centerpartfull {
	width:100%;
	float:center;
	padding-top:8px;
	}

.column1{
	width: 59%;
	margin-bottom:15px;
	float:left;
	}
	
.column2 {
	width: 40%;
	margin-bottom:15px;
	float:right;
	}

.col1, .col2, .col3 
{	width:33%;
	float:left;
	margin: auto;
}

.c1, .c2, .c3, .c4, .c5 
{	width: 20%;
	float:left;
}


/* for copyright credit */
.credit, .tiny {
font-size:x-small;
}


/* for quilt show ext. info. list */
.diamond ul {
list-style-type:circle;
}




.display_content_clear
{
	border-radius: 25px;
	border: .5px solid #392844;
	padding: 20px; 
	position:fixed;
	max-width:600px;
	max-height:800px;
	z-index:70;
	background-color:#ffffff;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}



.display_content
{
	border-radius: 25px;
	border: .5px solid #392844;
	padding: 20px; 
	position:fixed;
	max-width:600px;
	max-height:800px;
	z-index:70;
	background-color:#ffffff;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
	box-shadow: 8px 8px 16px #d2d2d2 inset, -8px -8px 16px #d2d2d2 inset;
}




.div1
{
	position:absolute;
	margin: 0px auto;
	width:1000px;
	height:600px;
	z-index:70;
	display:none;
}



.download-box-Orig 
{
	border: .5px solid #392844;
	background: #333;
	background: -moz-linear-gradient(left, #333 0%, #444 100%);
	background: -webkit-linear-gradient(left, #333 0%, #444 100%);
	background: -o-linear-gradient(left, #333 0%, #444 100%);
	background: linear-gradient(to right, #333 0%, #444 100%);
	float: right;
	width: 40%;
	text-align: center;
	font-size: 20px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}
	
.download-box 
{
	border: .5px solid #392844;
	background: #e6e6ff;
	width: 80%;
	text-align: center;
	font-size: 20px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8) inset;
}
	
.download-box-background
{
	font-family:"Times new Roman", "Open Sans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
	border: .5px solid #392844;
	background: #ffffff;
	width: 90%;
	text-align: center;
	font-size: 20px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.download-box-background-level-2
{
	font-family:"Times new Roman", "Open Sans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif;
	border: .5px solid #392844;
	background: #edf5ff;
	width: 100%;
	text-align: center;
	font-size: 20px;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}

.download-box-test 
{
	border: .5px solid #392844;
	background: linear-gradient(to right, #f00 0%, #444 100%);
	background: #e0e0e0;

	float: center;
	width: 40%;
	text-align: center;
	font-size: 20px;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}





.headingMenuFont
{ font-family: Kalam;
	font-size: 8px;
 }

@media screen and (min-width: 600px) 
{ .headingMenuFont 
    {
    font-size: calc(8px + (8 * ((100vw - 600px) / 400)));
  }
}

@media screen and (min-width: 1020px) 
{
  .headingMenuFont 
    {
    font-size: 17px;
  }
}



.headingDownArrowFont
{ font-size: 9px;
	font-weight: bold;
}

@media screen and (min-width: 600px) 
{ .headingDownArrowFont 
    {
    font-size: calc(9px + (3 * ((100vw - 600px) / 400)));
  }
}

@media screen and (min-width: 1000px) 
{
  .headingDownArrowFont 
    {
    font-size: 13px;
  }
}

.dropbtn {
    color: black;
		background-color: transparent;
		font-weight: bold;
    padding: 0px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 6px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ddd;
		color: #000000;
}





.fonts_Arch
{	font-family: Architects Daughter;
	font-weight: bold;
	color: #456688;
	font-size: 40px;
}

/*
.fonts_Arch
{	font-family: 'Architects Daughter', cursive;
	font-weight: bold;
	color: #456688;
	font-size: 40px;
}
*/

.fonts_MeriendaOne
{	font-family: 'Merienda';
	font-weight: bold;
	color: #456688;
	font-size: 22px;
}

.fonts_tangerine48S 
{
  font-family: 'Tangerine', serif;
  font-size: 48px;
  text-shadow: 4px 4px 4px #aaa;
}

.fonts_tangerine36S 
{
  font-family: 'Tangerine', serif;
  font-size: 36px;
  text-shadow: 4px 4px 4px #aaa;
}

.fonts_tangerine36 
{
  font-family: 'Tangerine', serif;
  font-size: 36px;
}

.fonts_tangerine30S
{
  font-family: 'Tangerine', serif;
  font-size: 30px;
  text-shadow: 4px 4px 4px #aaa;
}

.fonts_tangerine30 
{
  font-family: 'Tangerine', serif;
  font-size: 30px;
}

.fonts_tangerine26 
{
  font-family: 'Tangerine', serif;
  font-size: 26px;
}

.fonts_tangerine26S 
{
  font-family: 'Tangerine', serif;
  font-size: 26px;
  text-shadow: 4px 4px 4px #aaa;
}

.fonts_tangerine20 
{
  font-family: 'Tangerine', serif;
  font-size: 20px;
}





.header {
	height:152px;
	width:1000px;
	background-color:#FFFFE6;
	margin:0px;
	padding:0px;
}	

.header img { 
    padding:2px 2px;
	}


.h3ish 
{
	font-family: Arial, "palatino linotype", "Book Antiqua", Georgia, garamond, "Monotype Corsiva";
	clear: left;
	font-size: 22px;
}






.img-magnifier-container {
  position:relative;
}

/* 	The use of absolute takes the img out of the document flow 
		Since it is applied inside of a container that uses relative positiong, the absolute
		positioning effect is applied against this container NOT the page */
.img-magnifier-glass {
  position: absolute;
	border: .5px solid #392844;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 300px;
  height: 300px;
}


.img-wrapper
{	background: url(graphics/Shadow_efe8f2.gif) no-repeat bottom right;
	clear: right;
	float: left; 
	text-align: center;

}
.img-wrapper img
{	background-color: #fff;  /* specifies the color of the frame */
	border: .5px solid #392844;
	padding: 10px; /* Adds the frame around the imgae */
	margin: -15px 15px 15px -15px; 
}

.imageShadow
{	-moz-box-shadow: 10px 10px 5px #aaa;
	-webkit-box-shadow: 10px 10px 5px #aaa;
	box-shadow: 10px 10px 5px #aaa;	
  border-radius: 5%;
}



.leftcol {
	width: 50%;
	float:left;
	}

.leftcol_Adobe
{	width: 100%;
	float:left;
	border: .5px solid #392844;
	padding-left: 3px;
	font-size: 16px;
	text-align: center;
}

.leftcol_Blank
{	width: 20%;
	float:left;
} 

.leftcol_Challenge  
{	width: 100%;
	float:left;
	background-color: #ffffff;
	border: .5px solid #392844;
	padding-left: 3px;
	font-size: 16px;
	text-align: center;
}

.leftcol_Challenge a:visited, .leftcol_Challenge a:link
{	text-decoration: none; }

.leftcol_Tips  
{	width: 100%;
	float:left;
	background-color: #ffffff;
	border: .5px solid #392844;
	padding-left: 3px;
	font-size: 16px;
	text-align: center;
}
.leftcol_Tips a:visited, .leftcol_Tips a:link
{	text-decoration: none; }

.leftcol_Treats  
{	width: 100%;
	float:left;
	background-color: #ffffff;
	border: .5px solid #392844;
	padding-left: 3px;
	font-size: 16px;
	text-align: center;
}

.leftcol_Treats a:visited, .leftcol_Treats a:link
{	text-decoration: none; }

.leftpart {
	width: 25%;
	float:left;
	}
.leftpart2 {
	width: 30%;
	float:left;
	}




									
.libraryTitle 
{	Font-Size: 14px;
	text-decoration: none;
	Color: #000000;
	font-weight: bold;	
}

.librarySubTitle 
{	Font-Size: 14px;
	text-decoration: none;
	Color: #000000;
	font-weight: normal;												
}

.libraryBody 
{	Font-Size: 14px;
	text-decoration: none;
	Color: #000000;
	font-weight: normal;												
}


.links-category-title
{	font-size: 22px;
	font-weight: bold;
	font-family: times;
}



.send_email
{
  border-radius: 15px;
	border: .5px solid #392844;
	position:fixed;
	width:600px;
	height:450px;
	z-index:60;
	background-color:#000068;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:370px;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}


.notes
{
  border-radius: 15px;
	border: 2px solid #aaaaaa;
	position:fixed;
	width:600px;
	height:300px;
	z-index:70;
	background-color:#eff3ff;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}

.notesUpdateLrg
{
	border-radius: 15px;
	border: 2px solid #aaaaaa;
	padding: 20px; 
	position:absolute;
	width:800px;
	height:300px;
	z-index:70;
	background-color:#efe8f2;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}



.notesUpdateSmall
{
	border-radius: 15px;
	border: 2px solid #aaaaaa;
	padding: 20px; 
	position:fixed;
	width:90%;
	max-width:400px;
	height:100%;
	max-height: 400px;
	z-index:70;
	background-color:#efe8f2;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}

.notesUpdateTiny
{
	border-radius: 15px;
	border: 2px solid #aaaaaa;
	padding: 20px; 
	position:fixed;
	width:90%;
	max-width:200px;
	height:100%;
	max-height: 150px;
	z-index:70;
	background-color:#efe8f2;
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}

.notesUpdate
{
	border-radius: 15px;
	border: 2px solid #aaaaaa;
	padding: 20px; 
	position:absolute;
	width:400px;
	height:300px;
	z-index:70;
	background-color:#efe8f2;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}

.notesUpdateMed
{
	border-radius: 15px;
	border: 2px solid #aaaaaa;
	padding: 20px; 
	position:fixed;
	width:800px;
	height:250px;
	z-index:70;
	background-color:#efe8f2;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	opacity:1.0;
}

.notesUpdateMedT
{
	border-radius: 10px;
	border: 0px;
	padding: 20px; 
	position:fixed;
	width:600px;
	z-index:70;
	background-color:#000000;
	color: #ffffff;
	margin-left:auto; /* half of width */
	margin-top:auto;  /* half of height */
	top:50%;
	left:50%; 
	transform: translate(-50%, -50%);
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;	
}
.notesUpdateIcon
{	position: absolute;
	top:-45px;
	left: calc(50% - 42.5px); 
	width: 85px;
}

.notesUpdateTitle
{	font-weight: bold;
	font-size: 18px;
	color: #00EAFF;
	font-family: Ubuntu;
}





.overlay_content
{
	position: fixed;
	 background-color: #ffffff;
	 opacity:0;
	 filter:alpha(opacity=0);
	 left: 0px;
	 top: 0px;
	 width:100%;
	 height:100%;
	 z-index: 60;
	display:none;
}



.past {
	color:#999999;
	}


.pic_Left
{	width: 50%;
	float: left
}

.pic_Right
{	width: 50%;
	float: left;
}


.picInsert
{	font-size: 12px;
	color: #000088;
	text-align: center;
}

.picInsertLeft
{	font-size: 12px;
	color: #000088;
	text-align: center;
	float: left;
	margin-right: 10px;
	margin-top:10px;
	margin-bottom:10px;
}

.picInsertRight
{	font-size: 12px;
	color: #000088;
	text-align: center;
	float: right;
	margin-left: 10px;
	margin-top:10px;
	margin-bottom:10px;
}

.slideshow
{
	cursor: pointer;
	
}

	
/* meeting program list */
.programlist ul li {
	list-style-position: outside;
	list-style-image:url(graphics/ministar.jpg);
	margin: 0px 0px 0px 0px;
	padding:5px;
}

.return {
	clear:both;
	}

0

.rightcol {
	width:50%;
	float:right;
	}

.rightcol_sm {
	width:38%;
	float:right;
	}

.rightcol_Challenge
{	width: 75%;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	font-size: 14px;
}

.rightcol_Tips
{	width: 75%;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	font-size: 14px;
}

.rightcol_Treats
{	width: 75%;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	font-size: 14px;
}

.rightpart {
	width:70%;
	float:right;
	padding-top:8px;
	}
.rightpartfull {
	width:100%;
	float:right;
	padding-top:8px;
	}





.rotate90 
{	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.rotate180 
{	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.rotate270 
{	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

	

.section_detail	
{	font-size: 14px;
	font-weight: normal; 
	color:#000000;
	font-family: arial;	
}



.subheader1
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheader2
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheader2_2
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheader3
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:22px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheader4
{	font-family: "Times New Roman",Helvetica, sans-serif;
	font-size:26px;
	color:#000000;
	font-style:italic;
	font-weight: bold;
}

.subheaderWhite
{	color: #ffffff; }



.survey_question
{	font-family: "Verdana";
	font-size:13px;
	color:#000000;
	font-weight: bold;
}


.testcontainer
{	position: relative;
	top: 0px;
	left: 0px;
}

.testcenter
{ width: 800px;
	padding: 100px;
	border: .5px solid #f00;
	margin: auto;
	
}


.thismonth {
	color:#FF3300;
	font-weight:bold;
	font-size: 14px;
	}


/* defines website contact information */
.webm {
	font-size:small;
	margin:50px 0px 0px 0px;
	clear:both;
	}
	










a img {
	border:0;
	}
	
a:hover img {
	border:0;
	}



div.div_Help
{
	position: absolute;
	margin: 0px auto;
	width:100%;
	z-index:70;
	display:none;
}

div.row {
	width: 100%; 
	clear: both;
}




hr
{
	border: .5px solid #392844;
}

hr.simple
{
	
}

hr.news_bottom 
{
	border-top: 2px solid #00d;
	margin-top: 2px;
  margin-bottom: 0px;
}

hr.news_middle {
	border-top: 5px solid #00d;
	margin-top: 0em;
  margin-bottom: 0em;
}

hr.news_top
{
	border-top: 2px solid #00d;
	margin-top: 0em;
  margin-bottom: 2px;
}

hr.two_lines 
{
	border-top: 3px double #000088;
}


h1
{
	margin:0px; padding:0px;
	font-family:arial,"Times New Roman", Times, serif;
	font-size:32px; font-weight:normal;
	display: inline;
}

h2
{
	margin:0px; padding:0px;
	font-family:arial,"Times New Roman", Times, serif;
	font-size:26px; font-weight:normal;
	display: inline;
}

h3
{
	margin:0px; padding:0px;
	font-family:arial,"Times New Roman", Times, serif;
	font-size:22px; font-weight:normal;
	display: inline;
}

h4
{
	margin:0px; padding:0px;
	font-family:arial,"Times New Roman", Times, serif;
	font-size:18px; font-weight:normal;
	display: inline;
}

h5
{
	margin:0px; padding:0px;
	font-family:arial,"Times New Roman", Times, serif;
	font-size:16px; font-weight:normal;
	display: inline;
}

h6
{
	margin:0px; padding:0px;
	font-family:arial,"Times New Roman", Times, serif;
	font-size:14px; font-weight:normal;
	display: inline;
}

input.centralized
{	text-align:center; }


input[type="checkbox"]
{
  width: 20px; /*Desired width*/
  height: 20px; /*Desired height*/
	vertical-align: bottom;
}

input.small[type="checkbox"]
{
  width: 15px; /*Desired width*/
  height: 15px; /*Desired height*/
}

input[type="text"]
{	border: .5px solid #392844;
	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:14px;

}


img 
{	padding:0;
	margin:0;
  image-orientation: from-image;
}
	
img.centered
{   display: block;
    margin-left: auto;
    margin-right: auto;
}




select option:disabled {
    color: #c0c0ff;
}





table.reminder
{	border-radius: 10px;   
	border: 0px solid;  
	box-shadow: 3px 3px 15px #888888; 
	background-color: #f4f4f4; 
	color: #000088; 
	font-size: 14px;  
	text-align: center;
}

table.standard
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
	width: 100%;
	padding: 0px;
}

table.standardMinimal
{
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
	width: 100%;
	border: 0;
	width: 100%; 
	padding: 0px;
	border-spacing: 0px;
}

table.standard_centered
{
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
	width: 100%;
	text-align: center;
}

table.updates
{	width:1000px;
	align: center;
  border-spacing: 0px;
  border: 0px;
	background-color: #f7f8fd;
}

td.pad15 
{
    padding: 15px;
}


table#mul {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 95%;
}

td#mul, th#mul {
	border: .5px solid #392844;
    text-align: left;
    padding: 8px;
}

tr#mul:nth-child(even) {
    background-color: #dddddd;
}

/* for tables */
tr.odd {
	background-color:#E6CCFF;
}

th {
	background-color:#CC99FF;
	}
	








textarea
{	font-family:Arial, Helvetica, sans-serif, Verdana;
	font-size:14px;
}



ul li, ol li {
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	padding:3px;
	}