/* =============================================================================
    STANDARDS TABLE
    Search for comments to find and change these elements.
   ========================================================================== */
   
	/* Basic line spacing is 32px */
   
	/* Active Area Background Color = #0000; */
	/* Active Area Border Color = rgba(50, 50, 50, .2) */
	/* Active Area Selected Border Color = #00FF00 */
	
  	/* Alert Background Color = rgba(254, 0, 0, .1) */
  	/* Alert Border Color = #ff0000 */
  	/* Alert Color = #ff0000 */
  	
	/* Article Background Color = #0000 */
	
	/* Body Default Width = 960px */
	/* Base Font Size Reference = Times New Roman, Times, serif */
	/* Document Body Font Color = #000000 */
	/* Document Font Size = 20px */
	/* Document Body Line Spacing = 32
	
	/* Try not to use margin values, instead use padding so as not to alter the size of objects. */
	
/* =============================================================================
    Root Element - Standard HTML5 Tags
    (https://developer.mozilla.org/en-US/docs/HTML/HTML5/HTML5_element_list)
   ========================================================================== */

	html {
		
		margin-top:0px;
		margin-right:auto; /* This should keep the elements centered in the window. */
		margin-bottom:0px;
		margin-left:auto;
		padding:0px;
	} /* - */
    
    body {
    	width:1575px; /* Default Width */
		height:885px; /* Default Height */
		display:block;
		background-color:#1F3513;
		background-image: url('../ui/bkgnd.png');
		background-repeat:no-repeat;
		background-origin:content-box;
		/*background-size:cover; didn't work well in ios */
		font-family:Times New Roman, Times, serif; /* Document Font Face */
		font-size:20px; /* Base Font Size Reference */
  		line-height:32px;  /* Base Font Height Reference */
		font-style:normal;
		font-variant:normal;
		font-weight:normal; /*400 is normal, 700 is bold*/
		text-align:left;
		text-decoration:none;
		text-shadow:0;
		text-transform:none;
		margin:0px;
		padding:0px;
		color:#000000; /* Document Body Font Color */
	} /* - */
	
	header {
		height:171px;
		display:block;
		margin:0px;
    } /* - */
    
    article {
    	display:inline-block;
    	width:1169px;
		height:714px;
		float:left;
		/*background-color: rgba(255, 255, 255, .6);*/ /* Article Background Color */
		/*border:0px solid red;*/
		margin:0px;
    	padding:0px;
    }
    
    aside {
		display:inline-block;
		width:400px;
		height:714px;
		/*border:0px solid yellow;*/
		text-shadow:1px 1px #000000; /*rgba(255, 255, 255, .5);*/
		/*background-color: rgba(255, 255, 255, .4);*/ /* Article Background Color */
		overflow-x: hidden;
		overflow-y: hidden;
		margin:0px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
		cursor:pointer;
		color:#FFFFFF; /* Aside Font Color */
    } /* - */
    
	footer {
		display:block;
		margin:0px;
    } /* - */
    
    nav {
    	display:inline-block;
    	width: 100%;
    	float: left;
    	overflow: hidden;
    	position: relative;
    }
    nav.top_image_menubar {
		height:32px;
	}
	nav.bottom_image_menubar {
		height:32px;
	}

    /*address {
        
    }*/

    /*hgroup {
		
    }*/

    /*main {
		
    }*/
    
    /*section {
    	
    }*/
    
    details {
    	display:block;
		vertical-align:middle;
    } /* - */
    details.entries {
        margin-top:16px;
        padding-left:36px;
		padding-top:0px;
		padding-right:36px;
		padding-bottom:0px;
	} /* - */
	details.entries_border {
        background-color: rgba(255, 255, 255, .4);
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        margin-top:16px;
        padding-left:36px;
		padding-top:0px;
		padding-right:36px;
		padding-bottom:0px;
	} /* - */
	details.subjects {
        margin:0px;
		padding:0px;
	} /* - */
	details.subjects_border {
        border:1px solid #00FF00; /* Active Area Border Color */
        background-color: rgba(255, 255, 255, .4);
        border-radius:10px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        margin:0px;
        padding:0px;
	} /* - */
	
	summary {
		font-weight:bold; /*400 is normal, 700 is bold*/
		text-shadow:0px 1px 0 rgba(255, 255, 255, .5);
		margin:0px;
		padding-left:0px;
		padding-top:16px;
		padding-right:0px;
		padding-bottom:16px;
	}
	summary.entries {
		font-size:28px; /* same as h3 */
		line-height:40px;
		text-align:left;
	}
	summary.entries_border {
		font-size:28px; /* same as h4 */
		line-height:40px;
		text-align:center;
		border:1px solid #00FF00; /* Active Area Border Color */
        background-color: rgba(255, 255, 255, .4);
        border-radius:10px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
	}
	summary.subjects {
		font-size:34px; /* same as h3 */
		line-height:46px;
		text-align:left;
	}
	summary.subjects_border {
		font-size:34px; /* same as h3 */
		line-height:46px;
		text-align:center;
		border:1px solid #00FF00; /* Active Area Border Color */
        background-color: rgba(255, 255, 255, .4);
        border-radius:10px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
	}
	summary.none {
		font-size:34px; /* same as h3 */
		line-height:46px;
		text-align:left;
        color:#777777; /* gray */
   } /* - */
	summary.none_border {
		font-size:34px; /* same as h3 */
		line-height:46px;
		text-align:center;
        border:1px solid #00FF00; /* Active Area Border Color */
        background-color: rgba(255, 255, 255, .4);
        border-radius:10px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        color:#777777; /* gray */
   } /* - */
   
/* =============================================================================
    Text-Level Semantics - Standard HTML5 Tags
   ========================================================================== */

	a {
		outline:0px;
    	color:#0000FF;
	}
	a:link {
    	color:#0000FF;
	}
	a:active,
	a:visited {
    	color:#FF0000;
	}
	a:focus {
    	color:#00FF00;
	}  
	a:hover {
    	color:#00FF00;
	}
 
	/*abbr {
    	
	}*/

	/*b {
    
	}*/

	/*br {
    
	}*/

	blockquote {
		text-align:justify;
		padding-left:64px;
		padding-top:0px;
		padding-right:64px;
		padding-bottom:0px;
	}
	
	/*cite {
    
	}*/

	code,
	kbd,
	samp {
    	font-family:monospace, serif; _font-family:'courier new', monospace;
    	padding-left:64px;
		padding-top:0px;
		padding-right:64px;
		padding-bottom:0px;
	}

	/*data {
    
	}*/

	/*dfn {
    	font-style:italic;
	}*/

	/*em {
    
	}*/

	h1 {
		font-size:50px;
		line-height:66px;
		text-align:center;
		text-shadow:0px 1px 0 rgba(255, 255, 255, .5);
		margin:0px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
	} /* Main Page Title */
	h2 {
        font-size:40px;
		line-height:54px;
		text-align:center;
		text-shadow:0px 1px 0 rgba(255, 255, 255, .5);
		margin:0px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
	} /* Main Page Subtitle */
	h3 {        
        font-size:34px;
		line-height:46px;
		text-align:center;
		text-shadow:0px 1px 0 rgba(255, 255, 255, .5);
		margin:0px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
    } /* Entry Main Title */
    h4 {
        font-size:28px;
		line-height:40px;
		text-align:center;
		text-shadow:0px 1px 0 rgba(255, 255, 255, .5);
		margin:0px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
    } /* Entry Subtitle */
    h5 {
		font-size:24px;
		line-height:36px;
		text-align:center;
		text-shadow:0px 1px 0 rgba(255, 255, 255, .5);
		margin:0px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
    } /* Heading Title within article */
    h6 {
		font-size:20px;
		line-height:32px;
		text-align:center;
		text-shadow:0px 1px 0 rgba(255, 255, 255, .5);
		margin:0px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
    } /* Subtitle within article */

    /*i {
    
    }*/

    mark {
        background:#FFFF00; /* yellow */
    }

	p {
		display:block;
		margin:0px;
    }
    p.applink {
        font-style:italic;
        text-align:center;
        color:#999999;
        cursor:pointer;
	}
	p.caption,
    p.captioncenter {
    	font-size:14px;
		line-height:16px;
		margin-left:0px;
		margin-top:1px;
		margin-right:0px;
		margin-bottom:16px;
        font-style:italic;
        text-align:center;
    	padding:0px;
	} /* - */
	p.captionleft {
		font-size:14px;
		line-height:16px;
		margin-left:0px;
		margin-top:1px;
		margin-right:0px;
		margin-bottom:16px;
        font-style:italic;
        text-align:left;
        padding:0px;
	}
	p.captionright {
		font-size:14px;
		line-height:16px;
		margin-left:0px;
		margin-top:1px;
		margin-right:0px;
		margin-bottom:16px;
        font-style:italic;
        text-align:right;
        padding:0px;
	}
	p.logstatus {
        font-style:normal;
        text-align:center;
		background-color: rgba(254, 0, 0, .1); /* Alert Background Color */ /* Logstatus Background Normal */
        padding-left:0px;
        padding-top:5px;
        padding-right:0px;
        padding-bottom:8px;
        border:2px solid #ff0000;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
	}
	p.space {
  		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
    q {
        quotes:none;
    }
    q:before,
    q:after {
        content:"";
        content:none;
    }

    /*s {
    
    }*/

    /*small {
        
    }*/

    /*strong {
        font-weight:800;
    }*/

    /*span {
    
    }*/

    sub, sup {
        font-size:10px;
		line-height:16px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
        position:relative;
        vertical-align:baseline;
    }
    
    sub {
        bottom:4px;
    }

    sup {
        top:4px;
    }

    /*time {
    
    }*/

    /*u {
    
    }*/

    /*var {
    
    }*/
 
/* =============================================================================
    Grouping Content - Standard HTML5 Tags
   ========================================================================== */

	/*dd {
    
	}*/

	/*di {
    
	}*/

	div {
    	display:block;	
	} /* - */
    div.entries {
        margin-top:16px;
        padding-left:36px;
		padding-top:0px;
		padding-right:36px;
		padding-bottom:0px;
	} /* - */
	div.entries_border {
        background-color: rgba(255, 255, 255, .4);
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        margin-top:16px;
        padding-left:36px;
		padding-top:0px;
		padding-right:36px;
		padding-bottom:0px;
	} /* - */
	
	/*dt {
    
	}*/

	figcaption {
		font-size:14px;
		line-height:16px;
		font-style:italic;
		text-align:center;
		
	} /* - */
	
	figure {
		margin:0px;
	}
	figure.wrap_center {
	
	}
	figure.wrap_left {
		float:left;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	figure.wrap_right {
		float:right;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	hr {
		height:1px;
		margin-top:32px;
		margin-bottom:32px;
	}

	pre {
    	font-family:monospace, serif; _font-family:'courier new', monospace;
    	white-space:pre;
    	white-space:pre-wrap;
    	word-wrap:break-word;
		color:#ffffff;
	}
	
	ol {
    	margin:0px;
    	padding:0px;
	}
	ul {
		font-weight:bold;
        text-align:left;
    	list-style-type:none;
    	margin:0px;
    	/*padding-left:0px;
		padding-top:8px;
		padding-right:0px;
		padding-bottom:8px*/
	}
	li {
		font-weight:bold;
        text-align:left;
    	list-style-type:none;
    	margin:0px;
    	/*padding-left:0px;
		padding-top:4px;
		padding-right:0px;
		padding-bottom:4px*/
	}


/* =============================================================================
    Embedded Content - Standard HTML5 Tags
   ========================================================================== */

    area {
    
    }

    audio {
        /*display:inline-block;
        *display:inline;
        *zoom:1;*/
    }
    audio:not([controls]) {
        display:none;
    }

    canvas {
        /*display:inline-block;
        *display:inline;
        *zoom:1;*/
    }

    /*embed {
    
    }*/

    iframe {
    	display:block;
    	margin-top:10px;
    	margin-left:auto;
    	margin-bottom:10px;
        margin-right:auto;
    	border:0px;
    }
    
    
    img {
    	display:block;
    	float:clear;
        border:0px;
        margin-left:auto;
        margin-right:auto;
        padding:0px;
    } /* - */

    /*map {
    
    }*/

    /*math {
    
    }*/

    object {
    	display:block;
    	border:0px;
    }

    /*param {
    
    }*/

    /*source {
    
    }*/

    /*svg {
    
    }*/
    svg:not(:root) { /* Correct overflow not hidden in IE9 */
        overflow:hidden;
    }

    /*track {
    
    }*/

    video {
        /*display:inline-block;
        *display:inline;
        *zoom:1;*/
    }

/* =============================================================================
    Forms - Standard HTML5 Tags
   ========================================================================== */

    button {
    	width:216px;
    	height:36px;
    	font-family:Arial, Helvetica, sans-serif;
        font-size:20px;
		line-height:24px;
		margin-left:10px;
		margin-top:21px;
		margin-right:10px;
		margin-bottom:0px;
        font-weight:bold;
        text-align:center;
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
        background-color:#DDDDDD;
        background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.1)),color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.1)));
        background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        /* background-image:linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%); */
        border-left:1px solid #f5f5f5; /* whitesmoke */
        border-top:1px solid #f5f5f5; /* whitesmoke */
        border-right:1px solid #000000; /* black */
        border-bottom:1px solid #000000; /* black */
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -webkit-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.2);
        -moz-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.2);
        box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2),inset 1px 0 1px rgba(255, 255, 255, 0.2),inset 0 0 15px rgba(255, 255, 255, 0.2);
    	padding-left:4px;
        padding-right:4px;
        color:#000000; /* black */
        cursor:pointer;
    }
    button:hover {
        background-color:#EEEEEE;
        background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.1)),color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.1)));
        background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        /* background-image:linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%); */
        border-left:1px solid #f5f5f5; /* whitesmoke */
        border-top:1px solid #f5f5f5; /* whitesmoke */
        border-right:1px solid #000000; /* black */
        border-bottom:1px solid #000000; /* black */
        -webkit-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.2);
        -moz-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.2);
        box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2),inset 1px 0 1px rgba(255, 255, 255, 0.2),inset 0 0 15px rgba(255, 255, 255, 0.2);
        -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
        -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
        box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
        color:#00ff00; /* green */
        /*color:#3cb371;*/ /* mediumseagreen */
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
        cursor:pointer;
    }
    button:active {
        background-color:#006400; /* darkgreen */
        background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.1)),color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.1)));
        background-image:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        background-image:-o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%);
        /* background-image:linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.1) 50%, transparent 50%, rgba(255, 255, 255, 0.1) 100%); */
        border-left:1px solid #000000; /* black */
        border-top:1px solid #000000; /* black */
        border-right:1px solid #ffff00; /* yellow */
        border-bottom:1px solid #ffff00; /* yellow */
        -webkit-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.2);
        -moz-box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2), inset 1px 0 1px rgba(255, 255, 255, 0.2), inset 0 0 15px rgba(255, 255, 255, 0.2);
        box-shadow:inset -1px 0 1px rgba(255, 255, 255, 0.2),inset 1px 0 1px rgba(255, 255, 255, 0.2),inset 0 0 1px rgba(255, 255, 255, 0.2);
        -webkit-box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
        -moz-box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
        box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
        color:#ff0000; /*red*/
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
        cursor:pointer;
    }

    /*submit-button {
        display:inline-block;
    }*/

    /*datalist {
    
    }*/

    /*fieldset {
        border:0;
        padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
    }*/

    form {
        
    }
    form p {
        /*font-size:20px;
		line-height:24px;*/
		/*font-style:normal;
        font-variant:normal;*/
        font-weight:bold;
        text-align:center;
        text-shadow:1px 1px 2px #ffffff;
        /*text-decoration:none;
        text-transform:none;*/
        padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
    }
    input,
    select {
        display:inline-block;
        width:600px;
        outline:0px;
        border:1px solid #ffb6c1; /* lightpink */
        background-color:#EEEEEE;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align:left;
        vertical-align:middle;

		font-size:18px;
		line-height:24px;
		font-style:normal;
        font-variant:normal;
        text-decoration:none;
        text-transform:none;

        margin-left:0px;
		margin-top:16px;
		margin-right:0px;
		margin-bottom:0px;
		padding:0px;
        overflow:visible;
    }
    textarea {
    	display:inline-block;
        width:600px;
        outline:0px;
        border:1px solid #ffb6c1; /* lightpink */
        background-color:#EEEEEE;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align:left;
        vertical-align:middle;

		font-size:18px;
		line-height:24px;
		font-style:normal;
        font-variant:normal;
        text-decoration:none;
        text-transform:none;

        margin-left:0px;
		margin-top:16px;
		margin-right:0px;
		margin-bottom:0px;
		padding:0px;
        overflow:visible;
    }
    password {
    	color:#FF0000; /* red */
		display:inline-block;
        width:600px;
        outline:0px;
        border:1px solid #ffb6c1; /* lightpink */
        background-color:#EEEEEE;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align:left;
        vertical-align:middle;
		/*
		font-size:18px;
		line-height:24px;
		font-style:normal;
        font-variant:normal;
        text-decoration:none;
        text-transform:none;
        */
        margin-left:0px;
		margin-top:16px;
		margin-right:0px;
		margin-bottom:0px;
		padding:0px;
        overflow:visible; 
    }
    input:focus, 
    select:focus,
    textarea:focus {
    	outline:0px;
        background-color:#FFFFFF;
 		border:1px solid #00FF00; /* Active Area Selected Border Color */
    }
    /*input:valid,
    textarea:valid {
        
    }*/
    input:invalid,
    textarea:invalid {
        background-color:#F0DDDD;
    }
    input[type="file"] {
        width:600px;
        cursor:pointer;
    }
    input[type="search"] {
        width:70px;
        border-radius:160px;
        -webkit-border-radius:160px;
        -moz-border-radius:160px;
        -webkit-appearance:textfield;
        -moz-box-sizing:content-box;
        -webkit-box-sizing:content-box;
        box-sizing:content-box;
        padding-left:9px;
        padding-top:10px;
        padding-right:9px;
        padding-bottom:32px;
    }
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance:none;
    }
    input[type="search"]:focus {
        width:330px;
        background-color:#EEEEEE;
        box-shadow:0 0 5px rgba(109,207,246,.5);
        -webkit-box-shadow:0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow:0 0 5px rgba(109,207,246,.5);
    }
    input[type="submit"] {
    	border:0px;
    	background-color:none;
        width:100px; /* Consistent box sizing and appearance */
        font-family:Arial, Helvetica, sans-serif;
        font-weight:bold;
        text-align:center;
        /*
        font-size:18px;
		line-height:24px;
		*/
		margin-left:0px;
		margin-top:16px;
		margin-right:0px;
		margin-bottom:0px;
		padding:0px;
        cursor:pointer;
    }
	input[type="checkbox"],
    input[type="radio"] {
       vertical-align:middle;
    }
    
    /*keygen {
    
    }*/
    label {
        display:inline-block;
        width:400px;
        font-weight:bold;
        text-align:right;
        text-shadow:1px 1px 2px #ffffff; /* white */
        vertical-align:middle;
        /*
        font-family:Times New Roman, Times,serif;
        text-decoration:none;
        font-size:20px;
		line-height:24px;
		font-style:normal;
        font-variant:normal;
        text-transform:none;
		*/
		margin-left:0px;
		margin-top:16px;
		margin-right:0px;
		margin-bottom:0px;
		padding:0px;
        cursor:pointer;
    }

	.radio_btn {
    	display:inline-block;
        width:600px;
        margin-top:0px;
        margin-left:400px;
        padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
        text-align:left;   
    }
    .radio_label {
    	display:inline-block;
        width:900px;
        margin-top:0px;
        margin-left:80px;
        padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
        text-align:left;
    }
    input[type="radio"] {
    	display:inline-block;
        width:20px;
        height:24px;
        padding-left:0px;
		padding-top:2px;
		padding-right:0px;
		padding-bottom:0px;
       	vertical-align:top;
    }
    /*legend {
        border:0;
        padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
    }*/

    /*meter {
    
    }*/

    /*optgroup {
    
    }*/

    /*option {
    
    }*/


    /*output {
    
    }*/

    /*progress {
    
    }*/

/* =============================================================================
   CLASS SELECTORS
   The .class selector is used to specify a style for all elements.
   ============================================================================= */
   
    .asidearea {
    	text-shadow:1px 1px #000000; /*rgba(255, 255, 255, .5);*/
    } /* used by functions.php */
    
	.buyitnow {
		display:block;
		height:110px;
		margin:10px;
		padding:10px;
		border-radius:10px;
		background-color: rgba(255, 255, 255, .7);
		border-left:1px solid #fff;
		border-top:1px solid #fff;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
	}
	.buyitnow form {
		
	}
	.buyitnow img {
		display:inline;
		float:right;
		margin-left:10px;
		margin-top:0px;
		margin-right:10px;
		margin-bottom:0px;
		padding:0px;
		border-left:1px solid #000;
		border-top:1px solid #000;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	.buyitnow p {
		font-size:20px;
		line-height:22px;
		font-weight:bold;
		text-align:center;
		text-shadow:1px 1px #ffffff; /*rgba(255, 255, 255, .5);*/
		color:#000000;
	}
	
	.content {
   		
   }   

   	.feedback {
        text-align:center;
	} /* - */
    
    .gallery {
		position:relative;
		overflow:hidden;
		width:900px;
		/*margin:auto;*/
		padding:0px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	.gallery img {
		border:0px;
	}
	.gallery .float-left {
		float:left;
	}
	.gallery .float-right {
		float:right;
	}
	.gallery .clear {
		clear:both;
	}
	.gallery .clearb10 {
		padding-bottom:10px;clear:both;
	}
	.gallery .titlebar {
		height:24px;
		line-height:24px;
		/*margin:0 5px;*/
	}
	.gallery .title {
		font-size:20px;
		font-weight:600;
	}
	.gallery .thumb-album {
		overflow:hidden;
		width:150px;
		height:150px;
		float:left;
		font-size:14px;
		text-align:center;
		line-height:18px;
		/*margin:10px;*/
		padding-left:5px;
		padding-top:5px;
		padding-right:5px;
		padding-bottom:5px;
		/*background-color:#222;
		color:#bbb;*/
		background-color: rgba(127, 127, 127, .3);
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		color:black;
	}
	.gallery .thumb-album a {
		color:#000000;
	}
	.gallery .thumb-album:hover {
		/*background-color:#fff;*/
		background-color: rgba(127, 127, 127, .6);
		color:#000000;
	}
	.gallery .thumb-album a {
		color:#000000;
	}
	.gallery .thumb-album:hover a {
		color:#444;
	}
	.gallery .thumb {
		overflow:hidden;
		float:left;
		width:150px;
		height:110px;
		background-color:#444;
		border:5px solid #222;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	.gallery .thumb:hover {
		border:5px solid #f6f6f6;
	}
	.gallery .thumb-wrapper {
		width:100%;
		height:110px;
		overflow:hidden;
	}
	.gallery .thumb-wrapper img {
		height:auto;
	}
	.gallery .paginate-wrapper {
		padding:10px 0;
		font-size:16px;
	}
	.gallery a.paginate {
		color:#555;
		padding:0;
		/*margin:0 2px;*/
		text-decoration:none;
	}
	.gallery a.current-paginate, 
	.gallery a.paginate:hover {
		color:#333;
		font-weight:700;
		padding:0;
		/*margin:0 2px;*/
		text-decoration:none;
	}
	.gallery a.paginate-arrow {
		text-decoration:none;
		border:0;
	}
	
    .item_detail {
    	display:block;
    	/*margin-left:48px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:16px;*/
    	cursor:default;
    }
    /*.item_detail a {
    	text-decoration: none;
    }*/
    .item_detail_border {
    	display:block;
  		/*background-color:#FAFAE1;*/ /*  */
  		/*background-color: rgba(127, 127, 127, .2);*/ /* Active Area Background Color */
  		border:1px solid #00FF00; /* Active Area Border Color */
    	/*margin-left:32px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:16px;*/
    	border-radius:16px;
        -webkit-border-radius:16px;
        -moz-border-radius:16px;
        cursor:default;
    }
    /*.item_detail_border a {
    	text-decoration: none;
    }*/
    .item_detail_border:hover {
    	border:1px solid #00FF00; /* Active Area Border Color */
        cursor:pointer;
    }
    
    .item_list { 
    	display:block;
    	/*margin-left:32px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:0px;*/
    }
    
    .item_list_border {
    	display:block;
    	/*height:100px;*/
  		/*background-color:#FAFAE1;*/ /*  */
  		/*background-color: rgba(127, 127, 127, .2);*/ /* Active Area Background Color */
  		border:1px solid rgba(50, 50, 50, .2); /* Active Area Border Color */
    	/*margin-left:32px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:32px;*/
    	border-radius:16px;
        -webkit-border-radius:16px;
        -moz-border-radius:16px;
        cursor:pointer;
    }
    .item_list_border a {
    	text-decoration: none;
    }
    .item_list_border:hover {
    	border:1px solid #00FF00; /* Active Area Border Color */
        cursor:pointer;
    }
    
    .item_image {
    	display:inline;
    	float:left;
    	vertical-align:top;
        /*margin:16px;*/
        padding:0px;
    }
    
    .item_description {
    	display:inline;
    	overflow-x:hidden;
    	overflow-y:hidden;
    	vertical-align:top;
    	/*margin-left:32px;
    	margin-top:0px;
    	margin-right:16px;
    	margin-bottom:0px;*/
        padding:0px;
    }
    .item_description h4 {
		
    }
    .item_title {
    	display:block;
    	overflow-x:hidden;
    	overflow-y:hidden;
    	vertical-align:top;
    	font-size:21px;
		line-height:24px;
		font-weight:bold;
        text-align:left;
		text-shadow:0 1px 0 rgba(255, 255, 255, .5);
		/*margin-left:16px;
		margin-top:2px;
		margin-right:16px;
		margin-bottom:0px;*/
        padding:0px;
        cursor:pointer;
    }
    /*.item_description p {
    	
    }*/
    .music_player {
        width:460px;
       	margin:24px auto;
        background-color:#FAFAE1; /*  */
        background-color: rgba(127, 127, 127, .2); /* Active Area Background Color */
        border:4px solid #525252; /* Special Border For Music_Player */
        border-radius:13px;
        -moz-border-radius:13px;
        -webkit-border-radius:13px;
        -webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, .5);
        -moz-box-shadow:5px 5px 5px rgba(0, 0, 0, .5);
        box-shadow:5px 5px 5px rgba(0, 0, 0, .5);
    }
    .music_player ol {
        width:337px;
        margin:0;
        list-style: decimal-leading-zero inside;
        font-family:Arial, Helvetica, sans-serif;
        font-size:18px;
        font-weight:bold;
        text-align:left;
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
        padding-top:8px;
    }
    .music_player ol li {
        position:relative;
        border-bottom:1px solid #525252; /* Special Border For Music_Player */
        padding-left:24px;
        padding-top:5px;
        padding-right:0px;
        padding-bottom:5px;
        color:#000000;  /* black */
    }
    .music_player ol li a {
        text-decoration:none;
        cursor:pointer;
    }
    .music_player li.playing {
        /*color:#e6e6e6;*/ /* make invisible */
    }
    .music_player li.playing a {
         color:#FF0000; /* red */
    }
    .music_player li.playing:before {
        content:'♬'; /* 🎵 */
        position:absolute; left:0; top: 5px;
        color:#FF0000; /* red */
    }
    .music_player a,
    .music_player a:link,
    .music_player a:visited {
        color:#000000;
    }
    .music_player a:focus,
    .music_player a:hover,
    .music_player a:active {
        color:#00AA00; /* green */
    }

    .mp {
        /* background-color:#FAFAE1;
        background-color: rgba(127, 127, 127, .2);
        border:2px solid #525252;
        border-radius:13px;
        -moz-border-radius:13px;
        -webkit-border-radius:13px;
        -webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, .5);
        -moz-box-shadow:5px 5px 5px rgba(0, 0, 0, .5);
        box-shadow:5px 5px 5px rgba(0, 0, 0, .5);
        padding:0px; */
    }
    .mp ol {
    	/* the album title */
        list-style: decimal-leading-zero outside;
        font-family:Arial, Helvetica, sans-serif;
        font-size:24px;
        /*line-height:34px;*/
        font-weight:bold;
        text-align:center;
        vertical-align:text-top;
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);  
    }
    .mp ol li {
    	/* individual song line */
        font-size:14px;
        text-align:right;
        font-weight:bold;
        vertical-align:center;
        /* border-bottom:1px solid #525252; */ /* Special Border For mp */
    }
    .mp ol li a {
        text-decoration:none;
        cursor:pointer;
    }
    .mp li.playing {
        /*color:#e6e6e6;*/ /* make invisible */
    }
    .mp li.playing a {
         color:#FF0000; /* red */
    }
    /*.mp li.playing:before {
        content:'♬'; 
        position:absolute; left:0; top: 5px;
        color:#FF0000;
    }*/
    .mp a,
    .mp a:link,
    .mp a:visited {
        color:#ff0000; /* red */
    }
    .mp a:focus,
    .mp a:hover,
    .mp a:active {
        color:#00AA00; /* green */
    }
    .mp audio {
    	width:150px;
    	float:right;
    	vertical-align: middle;
    	padding-left:10px;
    	padding-top:0px;
    	padding-right:2px;
    	padding-bottom:0px;
    }

	.modalDialog {
		position: fixed;
		top:0px;
		right:0px;
		bottom:0px;
		left:0px;
		background: rgba(0,0,0,0.8);
		z-index:99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events:none;
	}
	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}
	.modalDialog > div {
		width: 400px;
		position: relative;
		margin:0 auto;
		padding: 2px 0px 2px 0px;
		border-radius: 12px;
		background: #ffffff;
		background: -moz-linear-gradient(#ffffff, #999);
		background: -webkit-linear-gradient(#ffffff, #999);
		background: -o-linear-gradient(#ffffff, #999);
	}
	.modalClose {
		background: #eeeeee;
		border:1px solid #bbbbbb;
		line-height: 25px;
		position: absolute;
		top: 2px;
		right: 2px;
		width: 24px;
		font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
        text-align:center;
        vertical-align:middle;
		text-decoration: none;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		/*-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;*/
	}
	.modalClose:hover { 
		background: #ffffff; 
		border:1px solid #cccccc;
	}
    
	.page_desc {
    	display:inline;
    	cursor:default;
    } /* Used by MenuObjects::show_page_description() */
    
	.page_entry {
    	display:block;
    	/*margin-left:16px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:16px;*/
    	border-radius:16px;
    }
    
    .page_entry_border {
    	display:block;
  		/*background-color:#FAFAE1;*/ /*  */
  		background-color: rgba(127, 127, 127, .2); /* Active Area Background Color */
  		border:1px solid rgba(50, 50, 50, .2); /* Active Area Border Color */
    	/*margin-left:16px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:16px;*/
    	border-radius:16px;
        -webkit-border-radius:16px;
        -moz-border-radius:16px;
    }
    
    .pagination {
		clear: both;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		line-height:32px;
		text-align:center;
		text-shadow:0px 1px 0 rgba(255, 255, 255, .5);
		letter-spacing:0px;
		margin:0px;
		padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
	}
	.pagination .current_page {
		font-weight:bold;
	}
	
    .PayPal_Button {
    	line-height:.1em;
    	text-align:center;
    }
    .PayPal_Button form {
		margin:0;
    	padding:0;
    }
    .PayPal_Button input[type="image"] {
    	display:inline;
    	width:120px;
    	height:26px;
    	/*width:7.500em;
    	height:1.625em;*/
    	background:none;
    	border:0;
    }

	.product {
		display:block;
		/*background-color:#FAFAE1;*/ /*  */
  		background-color: rgba(127, 127, 127, .2); /* Active Area Background Color */
  		border:2px solid rgba(50, 50, 50, .2); /* Active Area Border Color */
    	margin-left:16px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:16px;
    	border-radius:16px;
        -webkit-border-radius:16px;
        -moz-border-radius:16px;
        /*cursor:pointer;*/
		padding-left:16px;
    	padding-top:16px;
    	padding-right:16px;
    	padding-bottom:16px;
    	border-radius:16px;
	}
	.product img {
		display:block;
    	float:left;
    	vertical-align:top;
        padding-left:16px;
        padding-right:16px;
	}
	.product p {
		display:block;
    	font-family:Times New Roman, Times,serif;
        text-decoration:none;
        font-size:20px;
		line-height:24px;
		font-style:none;
        font-variant:normal;
        font-weight:bold;
        text-transform:none;
        text-align:left;
	}
	
    .subject_area {
        display:block;
    	/*margin-left:16px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:16px;*/
    	border-radius:16px;
    }
    
    .subject_area_border {
        display:block;
  		/*background-color:#FAFAE1;*/ /*  */
  		background-color: rgba(127, 127, 127, .2); /* Active Area Background Color */
  		border:16px solid rgba(50, 50, 50, .2); /* Active Area Border Color */
    	/*margin-left:16px;
    	margin-top:16px;
    	margin-right:16px;
    	margin-bottom:16px;*/
    	border-radius:16px;
        -webkit-border-radius:16px;
        -moz-border-radius:16px;
        cursor:pointer;
    }
    .subject_area_border:hover {
    	border:16px solid #00FF00; /* Active Area Border Color */
        cursor:pointer;
    }
    
    /* adjust body#_ to match the page number that is called by image_menu_controller.php 
    	sizes will also need to be adjusted to accomodate image changes */
	.image_menu {
		list-style-type:none;
		list-style-image:none;
		float:left;
		padding:0px;
	}
	.image_menu li {
		display:inline;
		float:left;
		padding:0px;
	}
    .image_menu .image_menu_1 a:link,
	.image_menu .image_menu_1 a:visited {
		width:190px;
		height:30px;
		float:left;
		overflow:hidden;
		background-image:url('../ui/top_menu.png');
		background-position:0 0;
		text-indent:-9999px;
	}
    .image_menu .image_menu_1 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:0 -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_1 a:active,
    body#_1 .image_menu_1 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:0 -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_2 a:link,
    .image_menu .image_menu_2 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-190px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_2 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-190px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_2 a:active,
    body#_2 .image_menu_2 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-190px -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_3 a:link,
    .image_menu .image_menu_3 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-380px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_3 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-380px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_3 a:active,
    body#_3 .image_menu_3 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-380px -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_4 a:link,
    .image_menu .image_menu_4 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-570px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_4 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-570px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_4 a:active,
    body#_4 .image_menu_4 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-570px -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_5 a:link,
    .image_menu .image_menu_5 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-760px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_5 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-760px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_5 a:active,
    body#_5 .image_menu_5 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-760px -60px;
        text-indent:-9999px;
    }
	.image_menu .image_menu_6 a:link,
    .image_menu .image_menu_6 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-950px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_6 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-950px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_6 a:active,
    body#_6 .image_menu_6 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-950px -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_7 a:link,
    .image_menu .image_menu_7 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-1140px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_7 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-1140px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_7 a:active,
    body#_7 .image_menu_7 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-1140px -60px;
        text-indent:-9999px;
    }  
    .image_menu .image_menu_8 a:link,
	.image_menu .image_menu_8 a:visited {
		width:190px;
		height:30px;
		float:left;
		overflow:hidden;
		background-image:url('../ui/top_menu.png');
		background-position:-1520px 0;
		text-indent:-9999px;
	}
    .image_menu .image_menu_8 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-1520px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_8 a:active,
    body#_8 .image_menu_8 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/top_menu.png');
        background-position:-1520px -60px;
        text-indent:-9999px;
    }   
    .image_menu .image_menu_9 a:link,
	.image_menu .image_menu_9 a:visited {
		width:190px;
		height:30px;
		float:left;
		overflow:hidden;
		background-image:url('../ui/bottom_menu.png');
		background-position:0 0;
		text-indent:-9999px;
	}
    .image_menu .image_menu_9 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:0 -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_9 a:active,
    body#_9 .image_menu_9 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:0 -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_10 a:link,
    .image_menu .image_menu_10 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-190px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_10 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-190px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_10 a:active,
    body#_10 .image_menu_10 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-190px -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_11 a:link,
    .image_menu .image_menu_11 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-380px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_11 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-380px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_11 a:active,
    body#_11 .image_menu_11 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-380px -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_12 a:link,
    .image_menu .image_menu_12 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-570px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_12 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-570px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_12 a:active,
    body#_12 .image_menu_12 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-570px -60px;
        text-indent:-9999px;
    }   
    .image_menu .image_menu_13 a:link,
    .image_menu .image_menu_13 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-760px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_13 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-760px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_13 a:active,
    body#_13 .image_menu_13 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-760px -60px;
        text-indent:-9999px;
    }
	.image_menu .image_menu_14 a:link,
    .image_menu .image_menu_14 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-950px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_14 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-950px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_14 a:active,
    body#_14 .image_menu_14 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-950px -60px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_15 a:link,
    .image_menu .image_menu_15 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-1140px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_15 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-1140px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_15 a:active,
    body#_15 .image_menu_15 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-1140px -60px;
        text-indent:-9999px;
    } 
    .image_menu .image_menu_16 a:link,
    .image_menu .image_menu_16 a:visited {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-1520px 0;
        text-indent:-9999px;
    }
    .image_menu .image_menu_16 a:hover {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-1520px -30px;
        text-indent:-9999px;
    }
    .image_menu .image_menu_16 a:active,
    body#_16 .image_menu_16 a {
        width:190px;
        height:30px;
        float:left;
        overflow:hidden;
        background-image:url('../ui/bottom_menu.png');
        background-position:-1520px -60px;
        text-indent:-9999px;
    }
    
    .nav_aside { /* this id is needed for menu bar in the aside area */
        padding-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:20px
	}
	.nav_aside ul { /* the menu bar */
    	position: relative;
        padding:0px;
    	list-style-type:none;
    }
    .nav_aside ul a:hover {
        color:#00ff00;/* green */  
    }
    .nav_aside ul a:active {
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
        color:#ff0000;
    }
    .nav_aside li { /* each button */
    	display: block;
        position:relative;
        font-family:Arial, Helvetica, sans-serif;
        font-size:24px;
		line-height:36px;
        font-style:normal;
        font-variant:normal;
        font-weight:bold;
        text-align:center;
        vertical-align:middle;
        text-decoration:none;
        text-transform:none;
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
    	/*background-color: rgba(127, 127, 127, .3);*/
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		padding-left:10px;
		padding-top:20px;
		padding-right:10px;
		padding-bottom:20px
    }
    .nav_aside li a {
        display:block;
        text-decoration:none;
        color:#ffffff;
    }
    .nav_aside li a:focus {
        outline:none;
        text-decoration:none;
    }

    
    .nav_menu { /* this id is needed for script on nav_db_controller.php to operate menus */
		/*height:40px;*/
        font-family:Arial, Helvetica, sans-serif;
        font-size:24px;
		/*line-height:36px;*/
        font-style:normal;
        font-variant:normal;
        font-weight:bold;
        text-align:center;
        text-decoration:none;
        text-transform:none;
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
        margin-left:0px;
        margin-top:16px;
        margin-right:0px;
        margin-bottom:16px;
        padding:0px
	}
    .nav_menu ul { /* the menu bar */
    	float: left;
    	position: relative;
    	left: 50%;
        padding:0px;
        text-align:center;
    	list-style-type:none;
    	/*color:#000000;*/
    }
    .nav_menu li { /* each button */
    	display: block;
    	width:190px;
    	right: 50%;
        position:relative;
        float:left;
        padding-left:1px;
		padding-top:1px;
		padding-right:1px;
		padding-bottom:1px;
        text-align:center;
    	list-style-type:none;
    }
    .nav_menu ul:after {
        height:0;
        content:".";
        display:block;
        clear:both;
        visibility:hidden;
    } 
    .nav_menu ul a:hover {
        color:#00ff00;/* green */
    }
    .nav_menu ul a:active {
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
        color:#ff0000; 
    }
    .nav_menu li a {
        display:block;
        text-decoration:none;
        color:#ffffff;
    }
    .nav_menu li a:focus {
        outline:none;
        text-decoration:none;
    }
    .nav_menu li:first-child a {
        border-left:none;
    }
    .nav_menu li.last a {
        border-right:none;
    }
    .nav_menu a span {
        display:block;
        float:right;
        padding-left:4px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
    }
	.nav_current {
        text-shadow:0 1px 0 rgba(255, 255, 255, .3);
        color:red;
        /*can't change font color - why?*/
    }

/* =============================================================================
   ID SELECTORS
   The #id selector is used to specify a style for a single, unique element.
   ============================================================================= */
	
	#quick_links {
		
	}
	#quick_links p {
    	font-size:14px;
		line-height:16px;
        font-style:italic;
        text-align:center;
    	padding-left:0px;
		padding-top:16px;
		padding-right:0px;
		padding-bottom:0px;
	}
	
	#scroll_area {
		width:1054px;
		height:714px; /* 650px; with Page Menu Title */
		display:block;

        padding-left:64px;
        padding-top:0px;
        padding-right:32px; /* Put some space between text and scroll bar */
        padding-bottom:0px;
        /*border:1px solid blue;*/
		overflow-y:scroll;
	} /* - */
    
/* =============================================================================
   GLOBAL CLASS MODIFICATION SELECTORS
   The .class selector is used to specify a style for all elements.
   ============================================================================= */    
    
    .alert {
    	text-align:center;
  		background-color: rgba(254, 0, 0, .1); /* Alert Background Color */
  		border:1px solid #FF0000; /* Alert Border Color */
  		padding-left:15px;
		padding-top:0px;
		padding-right:15px;
		padding-bottom:0px;
  		color:#FF0000; /* Alert Color */
    } /* - */
    .center {
    	text-align:center;
    } /* - */
    .disabled {
    	background-color:#FFFFFF; /* Article Background Color */
    }
    .left {
    	text-align:left;
    } /* - */
    .readonly {
    	background-color:#FFFFFF; /* Article Background Color */
    }
    .right {
    	text-align:right;
    }
	.shadow {
		-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
		-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}

/* =============================================================================
   								END OF FILE
   ============================================================================= */