/* Page styles */

a:link, a:visited, a:hover, a:active {
	color:#0000ff;
	font-weight:normal;
	background-color:inherit;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
 
h1 {
	font-size:28px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

 
.clear {
	clear:both;
}

#rounded {
   width:800px; 
   margin:10px auto;
   text-align:left;
}

.container {
   background-color:transparent;
   padding:5px 10px 10px 10px;
}


ul {
	margin:0px 0px;
}

li {
	list-style:none;
	display:block;
	float:left;
}
 
.page_icon {
  height:64px;
  position:relative;
  left:-22px;
  filter:invert(100%);
}

.pageContent
{
   margin-left:auto;
   margin-right:auto;
   width:70%;
   clear:both;
   position:relative;
   margin-top:40px;
   font-family: Helvetica, Arial, sans-serif;
   border:1px solid #000000; 
   background-color:#ffffff;
   font-size:large;
   color:#000000;
   line-height: 130%;
   padding:30px 80px 80px 80px;
   -khtml-border-radius: 15px;  
   -webkit-border-radius: 15px;
   border-radius: 15px;
		
   /* prevent selecting text */
   -webkit-user-select: none;  /* Chrome all Safari all */
   -moz-user-select: none;     /* Firefox all */
   -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;  
  z-index:9000;
}


#animationContent {
  position:relative;
	margin-top:40px;
	font-family: Helvetica, Arial, sans-serif;
	border:1px solid #000000; 
	background-color:transparent;
  font-size:14pt;
	color:#000000;
  line-height: 130%;
	/* opacity: .8; */
	padding:0px;

	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
		
	/* prevent selecting text */
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;  
  z-index:9000;
}

 

.subheading
{
	color: #0060ff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
	top:0px;
	font-weight:bold;
	font-style:normal; 
	font-size:16pt;
}

.subheading_uppercase
{
	color: #0060ff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position:relative;
	top:0px;
	font-weight:bold;
	font-style:normal; 
	font-size:16pt;
    text-transform: uppercase;
}


.subheadingRed
{ 
		color: #ff0000;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		position:relative;
		top:0px;
		font-weight:normal;
		font-style:normal; 
		font-size:14pt;
		text-shadow: #c0c0c0 .5px .5px .5px;
}


.smallersubheading
{
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #0066f0;
		position:relative;
		top:0px;
		font-weight:bold;
		font-style:normal; 
		font-size:14pt;
}

.grayed 
{
  color:#808080;
  margin-left: 80px;
  margin-right: 150px;
  font-size:11pt;
  font-family:arial;
  line-height: 1.0em;
}


#loading
{
	visibility:hidden;
}


/* submit button */
.btnSubmit {
	display:inline-block;
	background:url(../images/button2.gif) repeat-x 0 0 #660000;
	font-family: 'Lora', serif;
	color:#edeff3!important;
	font-size:12px;
	text-shadow:none;
	font-weight:bold;
	line-height:15px;
	box-shadow:0 0 8px 2px #330000;
	text-transform:uppercase;
	padding:7px 19px 8px 20px;
	border-radius:7px;
}

.btnSubmit:hover {
	box-shadow:0 0 8px 2px #00ff00;

	background:#660000!important;
	color:#ffccff!important;
	text-decoration:none;
}

 
#footer {
	font-size:12pt;
	font-family:arial;
	text-shadow: #666666 0 2px 2px; 
  position:absolute; 
  text-align: center;	
	vertical-align: bottom;
  left:-10px;
  margin-top:-1px;  /*push it down 2, to compensate for the shadow*/
    /* left:0px; */
    /* margin: 0 auto; */
    /* margin-left: 22px;*/
    /* bottom:-150px; */
  height:42px;
  width:100%;
  color: #ffffff;
  background:transparent;
	/* z-index: -1;*/
}


#menus
{
  color: #ffff00;
  font-size: 18pt;
  font-weight: normal;
  font-family: arial;
  z-index: 2;
  position: absolute;
  margin-left: 200px;
  margin-top: 23px;  
  left: 0px;
  top: 5px;
}


.visible 
{
   visibility: visible;
}

.hidden 
{
   visibility: hidden;
}


/* bullets for lists */

ul.circle
{ 
  margin-top: 12px;
  column-count: 1;
  column-gap: 0;
}

ul.circle li 
{
  width:100%; /* otherwise, all li show on the same line */
  color:#444; /* set color of list item to a dark gray */   
  /* list-style:none; if you’re not already using a reset */
  margin-bottom:2px;
  display:inline-block;
}

ul.circle li:before 
{
  color:#ed0000; /* set color to red */
  content:"\2022"; /* /2022 is the numerical unicode for &bull; */
  font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  padding-left:.5em;
  padding-right:.25em; /* give the bullet some padding from the text Make sure to use em*/
  position:relative;
  top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}


