/* Time/sanity savings technique */
/* Set all padding and margins   */
/* to zero   
*/
	* {
		padding: 0;
		margin: 0;
		}

h2,h3,h4,h5 {
	color:#013B7A;
	font-family:verdana,arial;
}

td {
	font-family:verdana,arial;
	font-size:11px;
}

input,textarea,select {
	border: 1px solid #013B7A;	
}
input.noborder {
	border:0;	
}

.topheader {
	background-color: #013B7A;
	color: white;
	font-weight: bold;
	font-size:14px;
	height:25px;
	text-align: center;
	width : 100%;
}
.asterisk{
	vertical-align : middle;
	horizontal-align: center;
	font-family : verdana;
	font-size : 7pt;
	font-weight : bold;
	color: #013B7A;
}

.instruction{
	font-family : verdana;
	font-size : 7pt;
	padding-left: 5px;
}
.missingValue{
	color: red;
	font-family: verdana;
	font-size: 12pt;
	padding-right: 8px;
	padding-top: 4px;
	width: 100%
}

.reg:link {
		font: normal verdana, helvetica, sans-serif;
		color: blue;
		text-decoration: underline; 
		}
		
.reg:visited {
		font: normal verdana, helvetica, sans-serif;
		color: Blue;
		text-decoration: underline;
		}
			
.reg:active {
		font: normal verdana, helvetica, sans-serif;
		background: #ffffff;
		text-decoration: underline;
		color: Blue;
		}
		
.reg:hover {
		font: normal verdana, helvetica, sans-serif;
		color: red;
		}



/* Set up the backgrounds, the basic   */
/* color and stripe are handled by the */
/* HTML tag, the heading and width of  */
/* site are handled by the site tag    */

	html {
		background-position: 0 61px;
		background-repeat: repeat-x;
		background-color: #5780ae;
	}		
		
	body {
		text-align: center;
	}
		
		
	#site {
		position: relative;		
		margin: auto;
		border: 1px solid white;
		font: normal 70% verdana, helvetica, sans-serif;
		text-align: left;
		width: 950px;
	}

	/*Stretch the banner to top of screen*/
	.banner
	{
			width: 100%;
			height: 100%;
			left: 0px;
			top: 0px;
			position: absolute;
			z-index: 0;
	}
	

/* Setup space for three main columns, and     */
/* tile the white background and orange stripe */

	#mainContent {
		padding: 2px 3px 2px 3px;
		margin-bottom: 2px;		
		background-position: 0 0;
		background-repeat: repeat-y;
		background-color: transparent;
		/*background-image: url("../images/a_content.jpg");		*/
		background-image: url("/docs/pics/a_content.jpg");
	}
			
/* HTML elements */
	 p { 
		padding: 5px 0;
		 }
		 
	#wcmBodyContent a:link {
		font: normal verdana, helvetica, sans-serif;
		color: blue;
		text-decoration: underline; 
		}
		
	#wcmBodyContent a:visited {
		font: normal verdana, helvetica, sans-serif;
		color: Blue;
		text-decoration: underline;
		}
			
	#wcmBodyContent a:active {
		font: normal verdana, helvetica, sans-serif;
		background: #ffffff;
		text-decoration: underline;
		color: Blue;
		}
		
	#wcmBodyContent a:hover {
		font: normal verdana, helvetica, sans-serif;
		color: red;
		}
					
	ul, li {		
		list-style-type: square;
		float: none;
	}

/* ------------------------------------------------------------------------ */
	
/* The clear class is invaluable when working with floats,	  */
/* allows the clearing of content below floats without		  */
/* using nonsensical markup. see www.positioniseverything.net */

	.clear:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
/*
	.clear {
		display: inline-table;
		}
	*/
		* html .clear {
			height: 1%;
			}

/*Hyperlink to go back to portal*/
 
.backToPortal 
{
	color: white;
	font: Tahoma, verdana, helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
.backToPortal:visited
{
	color: white;	
}
.backToPortal:hover
{
	color: red;
}


/*Welcome John Doe*/			
.Welcome
{
	color: white;
	font: Tahoma, verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
}