/*Colors --------------------------------------------------------------------------------------

 **#0000fb royal blue (heading, nav bar)

 **#9494f2 light blue (dropdown menus, odd table rows)

/*







*/





/* Reset --------------------------------------------------------------------------------------- */



/* http://meyerweb.com/eric/tools/css/reset/

	 v2.0 | 20110126

	 License: none (public domain)

 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



body {

	line-height: 1;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table, tr, td {
    border: 1px solid black;

	border-collapse: collapse;

	border-spacing: 0;

}



/* /Reset -------------------------------------------------------------------------------------- */



/* Elements ------------------------------------------------------------------------------------ */



body {

background: #F1F0D1;	

	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

	font-size: 18px;

	overflow: auto;

	

}

h1, h2, h3, h4 {

	text-align: left;

	margin-bottom: .5em;

	padding-left: 5%;

	color: #000;

}

h1 {font-size: 1.8em; }

h2 {font-size: 1.6em; }

h3 {font-size: 1.4em; }

h4 {font-size: 1.2em; }

h5 {font-size: .9em; }

p { font-size: 1rem;



color: #000;

}

img {

	text-align: center;

	max-width: 100%;

	height: auto;

	width: auto;

}

/* /Elements ----------------------------------------------------------------------------------- */



/* Classes ------------------------------------------------------------------------------------- */



h1 { margin: 0 0 1em 0;  font-size: 1.7em; font-weight: normal; }

h2 { margin: 0 0 .5em 0; font-size: 1.3em; }

p { text-align: left; font-weight: bold; margin: 0 0 .5em .5em; }

aside p { color: #777; }

footer { font-size: .9em; }





/* Layout */

#wrapper {

	margin: 0 auto;

	max-width: 1920px;

	width: 98%;

	background: #FEFBE8;

	border: 1px solid #878E63;

	border-radius: 2px;

	box-shadow: 0 0 10px rgba(12, 3, 25, 0.8);	

}

header {

	width: 96%;

	margin-left: 15px;

	padding: 5px;

	text-align: center;	

}



nav { background-color:rgba(152,6,9,1.00); }

article { margin: 0px; padding: 25px; background-color: #fff; }

aside { width: 200px; float: right; margin: 0px 0px 10px 40px; padding: 0px 0px 0px 20px; border-left: 2px solid #ccc; }

aside p { margin: 0px; }

footer { border-top: 1px solid #ddd; margin: 0px; padding: 10px 25px 10px 10px; color: rgba(255,255,255,.4); }



.clear { clear: both; line-height: 1px; }














































.sectionInput{

	width: 95%;

	float: left;

	margin: 2% 2%;

	text-align: left;

	color: black;	

}

footer {

	background: #00f;

	width: 100%;

	overflow: hidden;

}

footer p, footer h3 {

	color: #F1F0D1;		

}

footer p a {

	color: 	#F1F0D1; /*prevents blue color in link*/

	text-decoration: none;

}

ul {

	list-style-type: none;

	margin: 0;

	padding: 0;	

}

li {

	display: inline;

}

ul li img {

	height: 50px; /*they were 3 over four and this makes it 4 across*/	

}



.center {

    text-align: center;

}

/* tables */

/*

.forcedWidth_1{

    width:200px;

    word-wrap:break-word;

    display:inline-block;

}

.forcedWidth_2{

    width:300px;

    word-wrap:break-word;

    display:inline-block;

}*/



table.tablesorter {

	color: #000;

	width: 100%;

	border: rgba(19,17,209,1.00);

	padding: 0 2px;

	text-align: left;

	margin-left: 0px;

}










tfoot th.header {

	font-size: 80%;

	padding-right: 40px;

	font-weight: bold;

	background: white;

	color: black;	

}



table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

    background-color: #8dbdd8;

}

table.tablesorter thead tr .header {

  	cursor: pointer;

}

table.tablesorter tbody td {

	color: #000;

	font-weight: 500;

	padding: 2px;

	background-color: #F1F0D1;

	vertical-align: top;

}

table tbody tr.odd td {

	background-color: #d1d2f1;

	color: #000;

}

#sortedtable thead th {

     color: #00f;

     font-weight: bold;

     text-decoration: underline;

}

.imageLeft {

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-right: 10px;

}

.imageRight {

	float: right;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}



.imageCenter {

	display: block;

	margin: 0 auto;

}

hr { 

    display: block;

    margin-top: 0.5em;

    margin-bottom: 0.5em;

    margin-left: auto;

    margin-right: auto;

    border-style: inset;

    border-width: 4px;

	width: 80%;

} 



logo {

    border-radius: 50%;

}



/*-----------MEDIA!!!--------------*/

@media screen and (max-width: 478px) {

		body { 	font-size: 10px; }	

		table {margin-left: -20px; width: 50%; }

		.nav_menu ul.dropmenu a.toplevel { height: auto; margin: 7px 20px 7px 20px; padding: 0px 0px 4px 0px; color: #000; font-weight: bold; text-decoration: none; }



@media screen and (max-width: 740px) {

		table {margin-left: -100px; }

		nav {

			width: 100%;

			margin-bottom: 10px;	

				}

		nav u l {

			list-style: none;

			margin: 0 auto;

			padding-left: 0;	

		}

		nav ul li {

			text-align: center;

			margin-left: 0 auto;

			width: 100%;

			border-top: 1px solid #878E63;	

			border-right: 0px solid #878E63;	

			border-bottom: 1px solid #878E63;	

			border-left: 0px solid #878E63;	

		}

		nav ul li a {

			padding: 8px 0;

			font-size: 16px;

			color: #000;

		}

		.left-col {

			width: 100%;

		}

		.sidebar {

			width: 100%;

		}

		.section {

			float: left;

			width: 100%;

			margin: 0;

		}
    }
}/*Colors --------------------------------------------------------------------------------------

 **#0000fb royal blue (heading, nav bar)

 **#9494f2 light blue (dropdown menus, odd table rows)

/*







*/





/* Reset --------------------------------------------------------------------------------------- */



/* http://meyerweb.com/eric/tools/css/reset/

	 v2.0 | 20110126

	 License: none (public domain)

 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



body {

	line-height: 1;

}



ol, ul {

	list-style: none;

}



blockquote, q {

	quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



table, tr, td {
    border: 1px solid black;

	border-collapse: collapse;

	border-spacing: 0;

}



/* /Reset -------------------------------------------------------------------------------------- */



/* Elements ------------------------------------------------------------------------------------ */



body {

background: #F1F0D1;	

	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

	font-size: 18px;

	overflow: auto;

	

}

h1, h2, h3, h4 {

	text-align: left;

	margin-bottom: .5em;

	padding-left: 5%;

	color: #000;

}

h1 {font-size: 1.8em; }

h2 {font-size: 1.6em; }

h3 {font-size: 1.4em; }

h4 {font-size: 1.2em; }

h5 {font-size: .9em; }

p { font-size: 1rem;



color: #000;

}

img {

	text-align: center;

	max-width: 100%;

	height: auto;

	width: auto;

}

/* /Elements ----------------------------------------------------------------------------------- */



/* Classes ------------------------------------------------------------------------------------- */



h1 { margin: 0 0 1em 0;  font-size: 1.7em; font-weight: normal; }

h2 { margin: 0 0 .5em 0; font-size: 1.3em; }

p { text-align: left; font-weight: bold; margin: 0 0 .5em .5em; }

aside p { color: #777; }

footer { font-size: .9em; }





/* Layout */

#wrapper {

	margin: 0 auto;

	max-width: 1920px;

	width: 98%;

	background: #FEFBE8;

	border: 1px solid #878E63;

	border-radius: 2px;

	box-shadow: 0 0 10px rgba(12, 3, 25, 0.8);	

}

header {

	width: 96%;

	margin-left: 15px;

	padding: 5px;

	text-align: center;	

}



nav { background-color:rgba(152,6,9,1.00); }

article { margin: 0px; padding: 25px; background-color: #fff; }

aside { width: 200px; float: right; margin: 0px 0px 10px 40px; padding: 0px 0px 0px 20px; border-left: 2px solid #ccc; }

aside p { margin: 0px; }

footer { border-top: 1px solid #ddd; margin: 0px; padding: 10px 25px 10px 10px; color: rgba(255,255,255,.4); }



.clear { clear: both; line-height: 1px; }





/* Dropdown Menus */



	.nav_menu { position: relative; z-index: 1000; margin: 0px; padding: 0px; }



	/* drop menu */

	.nav_menu .dropmenu { margin: 0; padding: 0; height: 28px; display: none; /* displays after menu load */ }

	

	/* all items  */

	.nav_menu ul.dropmenu li { height: 28px; }

	.nav_menu ul.dropmenu li:hover { background-color: #fff; color:rgba(204,14,17,1.00)}

	.nav_menu ul.dropmenu li.selected { background-color: #700203; }

	.nav_menu ul.dropmenu li a { color: #0000fb; text-decoration: none; padding: 0px; line-height: 12px; }

	.nav_menu ul.dropmenu li.selected a { color: #0000fb; }

	

	/* topitems */

	.nav_menu ul.dropmenu { margin: 0px; padding: 0px; }

	.nav_menu ul.dropmenu a.toplevel { height: auto; margin: 7px 20px 7px 20px; padding: 0px 0px 4px 0px; color: #fff; font-weight: bold; text-decoration: none; }

	.nav_menu ul.dropmenu a.toplevel.hover { color: #0000fb; }

	.nav_menu ul.dropmenu a.toplevel.selected { color: #f7ad0b; }

	

	

	/* subitems */

	.nav_menu ul.dropmenu li ul { background-color: #9494f2; border-top: 1px solid #fff; }

	.nav_menu ul.dropmenu li ul li a.sublevel { color: #fff; width: 150px; padding: 5px 5px 5px 20px; margin: 0px; }

	.nav_menu ul.dropmenu li ul li a.sublevel.hover { color: #fff; background-color: #9494f2; }

	.nav_menu ul.dropmenu li ul li a.sublevel.selected { color: #f7ad0b; }

	

	

	/* sub subitems */

	.nav_menu ul.dropmenu li ul ul { left: -10px; border: none; border-left: 1px solid #fff; }

	

	/* Sub Menu Indicators */

	.nav_menu ul.dropmenu a.indicator { background: url(../images/arrow_right.gif) no-repeat right 50%; }

	.nav_menu ul.dropmenu a.toplevel.indicator { background: url(../images/arrow_down.gif) no-repeat 0px bottom; }



.sectionHome{

	width: 95%;

	float: left;

	margin: 2% 2%;

	text-align: center;

	color: black;	

}

.sectionInput{

	width: 95%;

	float: left;

	margin: 2% 2%;

	text-align: left;

	color: black;	

}

footer {

	background: #00f;

	width: 100%;

	overflow: hidden;

}

footer p, footer h3 {

	color: #F1F0D1;		

}

footer p a {

	color: 	#F1F0D1; /*prevents blue color in link*/

	text-decoration: none;

}

ul {

	list-style-type: none;

	margin: 0;

	padding: 0;	

}

li {

	display: inline;

}

ul li img {

	height: 50px; /*they were 3 over four and this makes it 4 across*/	

}



.center {

    text-align: center;

}

/* tables */

/*

.forcedWidth_1{

    width:200px;

    word-wrap:break-word;

    display:inline-block;

}

.forcedWidth_2{

    width:300px;

    word-wrap:break-word;

    display:inline-block;

}*/



table.tablesorter {

	color: #000;

	width: 100%;

	border: rgba(19,17,209,1.00);

	padding: 0 2px;

	text-align: left;

	margin-left: 0px;

}

th.header {
	
    

	font-size: 120%;

	font-weight: bold;

	background: yellow;

	color: black;	

	text-align: center;

	vertical-align: middle;
	


}

tfoot th.header {

	font-size: 80%;

	padding-right: 40px;

	font-weight: bold;

	background: white;

	color: black;	

}



table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

    background-color: #8dbdd8;

}

table.tablesorter thead tr .header {

  	cursor: pointer;

}

table.tablesorter tbody td {

	color: #000;

	font-weight: 500;

	padding: 2px;

	background-color: #F1F0D1;

	vertical-align: top;

}

table tbody tr.odd td {

	background-color: #d1d2f1;

	color: #000;

}

#sortedtable thead th {

     color: #00f;

     font-weight: bold;

     text-decoration: underline;

}

.imageLeft {

	float: left;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-right: 10px;

}

.imageRight {

	float: right;

	margin-top: 10px;

	margin-bottom: 10px;

	margin-left: 10px;

}



.imageCenter {

	display: block;

	margin: 0 auto;

}

hr { 

    display: block;

    margin-top: 0.5em;

    margin-bottom: 0.5em;

    margin-left: auto;

    margin-right: auto;

    border-style: inset;

    border-width: 4px;

	width: 80%;

} 



logo {

    border-radius: 50%;

}



/*-----------MEDIA!!!--------------*/

@media screen and (max-width: 478px) {

		body { 	font-size: 10px; }	

		table {margin-left: -20px; width: 50%; }

		.nav_menu ul.dropmenu a.toplevel { height: auto; margin: 7px 20px 7px 20px; padding: 0px 0px 4px 0px; color: #000; font-weight: bold; text-decoration: none; }



@media screen and (max-width: 740px) {

		table {margin-left: -100px; }

		nav {

			width: 100%;

			margin-bottom: 10px;	

				}

		nav u l {

			list-style: none;

			margin: 0 auto;

			padding-left: 0;	

		}

		nav ul li {

			text-align: center;

			margin-left: 0 auto;

			width: 100%;

			border-top: 1px solid #878E63;	

			border-right: 0px solid #878E63;	

			border-bottom: 1px solid #878E63;	

			border-left: 0px solid #878E63;	

		}

		nav ul li a {

			padding: 8px 0;

			font-size: 16px;

			color: #000;

		}

		.left-col {

			width: 100%;

		}

		.sidebar {

			width: 100%;

		}

		.section {

			float: left;

			width: 100%;

			margin: 0;

		}
    }
}