/* ------------------------------------
Created: Monday, July 25, 2011
Modified: Wednesday, August 03, 2011
------------------------------------ */


/* ------------------------------
Placement of Circles
------------------------------ */
#circles {
	position: absolute;
	top: 10px;
	left: 10px;
}


/* ------------------------------
Placement of Welcome Image
------------------------------ */
#welcome {
	position: absolute;
	top: 95px;
	left: 316px;
}


/* ------------------------------
Placement of Text
------------------------------ */
#text {
	position: absolute;
	top: 125px;
	left: 10px;
	width: 286px;
	text-align: justify;
	font-family: arial; san-serif;
	font-size: 14px;
}

#explanationText {
	position: absolute;
	top: 125px;
	left: 486px;
	width: 579px;
	text-align: justify;
	font-family: arial; san-serif;
	font-size: 14px;
}


/* ------------------------------
Placement of Lines
------------------------------ */
#topLine01 {
	position: absolute;
	top: 37px;
	left: 10px;
	width: 1060px;
	height: 32px;
	background-color: #282460;
}

#topLine02 {
	position: absolute;
	top: 74px;
	left: 10px;
	width: 1060px;
	height: 18px;
	background-color: #2b3b8f;
}

#middleLine {
	position: absolute;
	top: 95px;
	left: 300px;
}

#bottomLine01 {
	position: absolute;
	top: 562px;
	left: 10px;
	width: 1060px;
	height: 14px;
	background-color: #2b3b8f;
}

#bottomLine02 {
	position: absolute;
	top: 581px;
	left: 10px;
	width: 1060px;
	height: 22px;
	background-color: #282460;
}


/* ---------------------------------
Aquamouth Title
--------------------------------- */
h1 {
	position: absolute;
	top: 39px;
	left: 10px;
	width: 1060px;
	text-align: center;
	font-size: 27px;
	font-weight: bold;
	color: #87CEFA;
	margin-top: 0px;
	font-family: arial, sans-serif;
}

/* ---------------------------------
Sub Title
--------------------------------- */
h2 {
	position: absolute;
	top: 95px;
	left: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #282460;
	margin-top: 0px;
	font-family: arial, sans-serif;
}


/* ---------------------------------
Copyright Information Placement
--------------------------------- */
#copyright {
	position: absolute;
	top: 584px;
	left: 380px;
	width: 463px;
	color: #B0E0E6;
	font-size: 14px;
	font-family: verdana, arial, sans-serif;
}

a.email:link {
	font-size: 14px;	
	color: #87CEFA;
	text-decoration: none; 
	font-family: verdana, arial, sans-serif;
}

a.email:visited {
	font-size: 14px;
	color: #87CEFA; 
	text-decoration: none; 
	font-family: verdana, arial, sans-serif;
}

a.email:hover {
	font-size: 14px;
	color: #0a4982;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
}


/* ---------------------------------
Validation Placement
--------------------------------- */
#validation {
	position: absolute;
	top: 604px;
	left: 10px;
}

a.validate:link {
	font-size: 14px;
	text-decoration: none; 
	font-family: verdana, arial, sans-serif;
}

a.validate:visited {
	font-size: 14px;
	color: #E6E68F; 
	text-decoration: none; 
	font-family: verdana, arial, sans-serif;
}

a.validate:hover {
	font-size: 14px;
	color: #4682B4; 
	font-family: verdana, arial, sans-serif;
}

/* ------------------------------
Navigation Line
------------------------------ */
#nav {
	position: absolute;
	top: 73px;
	left: 316px;
}

a.navlink:link {
	font-size: 13px;
     	color: #B0E0E6;
	font-weight: bold;
	text-decoration: none; 
	font-family: verdana, arial, sans-serif;
}

a.navlink:visited {
	font-size: 13px;
      	color: #B0E0E6;
	font-weight: bold;
	text-decoration: none; 
	font-family: verdana, arial, sans-serif;
}

a.navlink:hover {
	font-size: 13px;
     	color: #6495ED;
	font-weight: bold;
	text-decoration: none; 
	font-family: verdana, arial, sans-serif;
}


/* ------------------------------
Input Field
------------------------------ */
.buttons {    
  	font-family: arial, helvetica, sans-serif;    
  	font-size: 16px; 
  	color: #40250f;    
	margin: 0px;
	border: 0px;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background-color: #ffffff;     
}

.buttons:hover {
  	font-family: arial, helvetica, sans-serif;    
  	font-size: 16px;
	color: #ffffff;    
	margin: 0px;
	border: 0px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background-color: #26354e;
}


/* ---------------------------------------------------------------------------------------------------------------
I need to place this here because something is messed up with the code and I do not know what it is. I have an
image that is PURPOSELY in all white (notice the all capital letters). I will havoc to figure out why this is
happening.
--------------------------------------------------------------------------------------------------------------- */
.buttonsHIDE {    
  	font-family: arial, helvetica, sans-serif;    
  	font-size: 14px;
	font-weight: bold;    
  	background-color: #ffffff;    
  	color: #ffffff;    
	margin-right: 6px;
	border: 0px;   
}