@charset "utf-8";
/* CSS Document */

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

body {
	background-color: #040829; /* general background */
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}

h1 {
	text-align: center;
	padding: 30px 0 10px 0;
	margin: 0 auto;
	font-size: 2.4em;
}

h2 {
	text-align: center;
	margin: 0 auto;	
}

footer {
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
	width: 90%;
}

#topnavbar {
/*	background-color: #190B28; */
	background-color: #000;
	margin: 0;
	padding: 0;
	height: 60px;
	clear: both;
	width: 100%;
}

#navitems {
/*	background-color:#190B28; */
	background-color: #000;
	width: 90%;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

.biggertopnavtext {
	font-size: 1.5em;
	color: #FFFAFF;
}

.proimage {
	float: right;
	padding: 0;
	margin: 0 -30px 0 0;
	width: 50%;
/*	max-width: 50%; */
}

.aboutimg {
	margin: 0 20px 20px 20px;
	max-width: 50%;
}

.samplecontainer {
	display:inline-block;
	margin:20px;
	height:200px;
	width:100px;
	vertical-align:top;
}

.sampleimage {
	border:2px;
	border-color:#333;
	border-width:medium;
}

a img {
	border:2px;
	border-color:#999;
	border-style:inset;
	border-width:2px;	
}

a.hover img {
	border-color:#000;
}

.samplename {
	margin-top:10px;
	text-align:center;
}

.topnavhomeicon {
	padding-left: 15px;
	padding-right: 30px;
}

.topnavitem {
	display: block;
	padding: 12px 15px;
	float: right;
}

.topnavitem2 {
	display: block;
	padding: 12px 15px;
}

.topnavitem3 {
	display: block;
	padding: 12px 15px;
}

.left { float: left; }
.right { float: right; }
.center { margin-left:auto;margin-right:auto;text-align:center; }

.aboutimage { width: 300px; height: 300px; break: both;}

.rightaboutimage { }
.leftaboutimage { }

.formentrytitle {
	font-size:1.25em;
}

.formentryinputbox {
	width:100%;
	font-size:2em;
}

.textarea {
	width:100%;
	font-size:2em;
}

.mysubmitbutton {
	border:none;
	width:100%;
	height:4em;
	font-size:2em;
	background-color:#888;
	color:#000;
}

.mysubmitbutton:hover {
	background-color:#222;
	color:#ddd
}

.downloadtext {
	color:black;
	font-size:1.3em;
	text-align:center;
	margin:40px;
	padding:20px 40px;
	background:#F4723B;
	font-weight: 900;
}

a:link img     { border-color:#bbb; }
a:visited img  { border-color:#bbb; }
a:hover img    { border-color:#b00; border-width:5px; }
a:active img   { border-color:#b00; border-width:5px; }

.sampleshead:link     { color: #777; text-decoration:underline; }
.sampleshead:visited  { color: #777; text-decoration:underline; }
.sampleshead:hover    { color: #333; text-decoration:none; }
.sampleshead:active   { color: #333; text-decoration:underline; }

a:link     { color: #F88410; text-decoration:underline; }
a:visited  { color: #F88410; text-decoration:underline; }
a:hover    { color: #777; text-decoration:none; }
a:active   { color: #777; text-decoration:underline; }

.topnavitem:link    { text-decoration:none; }
.topnavitem:visited { text-decoration:none; }
.topnavitem:hover   { text-decoration:underline; }
.topnavitem:active  { text-decoration:underline; }

.logolink:link img    { text-decoration:none; border:none; }
.logolink:visited img { text-decoration:none; border:none; }
.logolink:hover img   { text-decoration:none; border:none; color: #333; }
.logolink:active img  { text-decoration:none; border:none; color: #333; }

.downloadtext:link    { text-decoration:none;color:black; }
.downloadtext:visited { text-decoration:none;color:black; }
.downloadtext:hover   { text-decoration:underline;color:white;background-color:black; }
.downloadtext:active  { text-decoration:underline;color:white;background-color:black; }

#dividerbar {
	background-color: #8080C0;
	height: 1px;
	margin: 0;
	padding: 0;
}

#mainbody  {
	margin: 0 auto;
	padding: 0 30px;
	text-align: left;
	max-width: 90%;
	max-width: 890px;
	background-color: #BBB;
	border-radius: 0 0 10px 10px;
	
/*	border-bottom-right-radius: ;
	border-bottom-left-radius: ; */
	
/*	background-color: #1c6997;  body background - blue */ 

}

.legalese {
	padding:50px 150px 50px 150px;
	margin:auto;
}
.copytext {
	color: #F88410;
}

blockquote {
	font-size: xx-small;		
}

div.collapseInfo { 
 	display: none;
	margin-top:0;
	padding-top:0;
}

.ques {
	margin-bottom:0;
	padding-bottom:0;
}

.auditimage {
	max-width: 500px;
}

.auditdiv {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 935px) {
	
	.samplecontainer {
		display:inline-block;
		margin-left:1px;
		margin-right:1px;
		height:250px;
		width:27vw;
		vertical-align:top;
		text-align: center;
	}
	.sampleimage {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	.samplename {

	}
	
}

@media screen and (max-width: 995px) {
	
	.topnavitem2 {
		display: none;
	}	
}

@media screen and (max-width: 670px) {
	
	.topnavitem3 {
		display: none;
	}	
	
	.topnavitem {
		display: inline;
		padding: 12px 15px;
		text-align: center;
	}
}


@media screen and (max-width: 760px) {
	
	.samplecontainer {
		display:inline-block;
		margin-left:1px;
		margin-right:1px;
		height:250px;
		width:27vw;
		vertical-align:top;
		text-align: center;
	}
	.sampleimage {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	.samplename {

	}
	
}

@media screen and (max-width: 600px) {
	
	#topnavbar {
		height: 120px;
	}
	
}

@media screen and (max-width: 490px) {
	
	.auditimage {
		max-width: 100%;
	}
	
}