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

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

@font-face {
  font-family: 'MyriadProRegular';
  src: url('myriadpro-regular-webfont.eot');
  src: local('?'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfontcQKZYGmm') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face { /* Use this for bolded text */
	font-family: 'MyriadProSemibold';
	src: url('myriadpro-semibold-webfont.eot');
	src: local('?'), url('myriadpro-semibold-webfont.woff') format('woff'), url('myriadpro-semibold-webfont.ttf') format('truetype'), url('myriadpro-semibold-webfont.svg#webfontIVYx3LCk') format('svg');
	font-weight: normal;
	font-style: normal;
}

html,body {
 	height: 100%;
	margin: 0px;
}

body {
	height: 100%;
 	background-color: #ffffff;
 	font-size: 1em;
 	font-family: Arial, Helvetica, sans-serif;
}

/* Elements */
img {
	border: none;
}
.centerimg{
	display: block;
	margin: auto;
}
.hide {
	position:absolute;
	left:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.clear{
	clear: both;
}
.left{
	float: left;	
}
.right{
	float: right;	
}
.middle{
	text-align: center;
}
.blockquote{
	padding: 0px 20px 0px 20px;	
}
.lispace{
	padding-top:10px;
}
h2{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px;
	color: #2a4eaa;
}
h3{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
	color: #4c260f;
}
h4{
	font-size: 1.17em;
	font-weight: bold;
	margin: 0px;
	color: #2a4eaa;
}
h5{
	font-size: 1.17em;
	font-weight: bold;
	margin: 0px;
	color: #252525;
}
h6{
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	color: #000000;
}
a:hover{
	color: #666666;
}
.red{
	color: #F00;	
}
#examplebox{
	background: #fff3c5;
	padding: 20px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0 0 5px #CCAE02;
	-moz-box-shadow: 0 0 5px #CCAE02;
	box-shadow: 0 0 5px #CCAE02;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.examplepicright{
		float:right;
		padding: 0px 0px 20px 20px;
	}
	.examplepicleft{
		float:left;
		padding: 0px 20px 20px 0px;
	}
#tipbox{
	background: #2a439f;
	color: #ffffff;
	padding: 20px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	#tipicon{
		width: 15%;	
	}
	#tipbox img{
		float: left;
	}
	#tipboxtip{
		float: left;
		padding: 9px 0px 0px 0px;
		color: #f2cd22;
		font-weight: bold;
		font-size: 140%;
	}
	#tipboxtext{
		float: left;
		width: 85%;
		padding: 0px 0px 0px 15px;
	}
	#tipboxtext a{
		color: #ffffff;
	}

#directionbox{
	background: #e1e1e1;
	padding: 20px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#textbox{
	background: #e1e1e1;
	padding: 20px;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.webresource{
	float: left;
	padding: 10px 0px 0px 0px;
}
.webresourceul{
	float: left;
	padding: 0px 0px 0px 10px;
}
.requirement{
	float: left;
	padding: 23px 0px 0px 10px;
}
#requirementpic{
	float: left;
	width: 55px;
	padding: 0px 0px 0px 10px;
}
#requirementtext{
	float: left;
	width: 80%;
	padding: 0px 0px 0px 10px;
}


.regButton{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 43px;
	width: 238px;
	background: url('/public/images/buttons/register_orientation.png') no-repeat;
}
.regButton:hover{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url('/public/images/buttons/register_orientation_over.png') no-repeat; 	
}
.retButton{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	display: block;
	height: 43px;
	width: 238px;
	background: url('/public/images/buttons/return_orientation.png') no-repeat;
}
.retButton:hover{
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background: url('/public/images/buttons/return_orientation_over.png') no-repeat; 	
}
.regButtonText{
	padding: 15px 0px 0px 70px;	
}
.retButtonText{
	padding: 15px 0px 0px 75px;	
}
#splashbuttons{
	padding: 50px 0px 0px 0px;
	width: 550px;
	margin: auto;	
}
#splashreg{
	float: left;
}
#splashret{
	float: left;
	padding: 0px 0px 0px 50px;
}


/* Structure */
#container {
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* mozilla browsers */
	height: 100%; /* IE6: treaded as min-height*/
    min-height: 100% !important; /* mozilla browsers */
	min-width: 760px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/* Popup width friendly */
#containerresources {
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* mozilla browsers */
	height: 100%; /* IE6: treaded as min-height*/
    min-height: 100% !important; /* mozilla browsers */
	min-width: 500px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#header {
	height: 120px;
	width: 100%;
	margin 0px;
	padding: 0px;
	background: url('../images/header_tile.png') repeat-x; 
}
	#headertitle{
		position: absolute;
		top: 67px;
		left: 340px;
		width: 431px;
		height: 26px;
		background: url('../images/title.png') no-repeat; 
	}
	#headerul{
		position: absolute;
		top: 10px;
		right: 0px;
		margin: 0px;
		padding: 0px;
	}
		#headerul li{
			list-style: none;
		}
		#headerul li a{
			color: #ffffff;
			font-family: MyriadProSemibold, Arial, Helvetica, sans-serif;
			font-size: 75%;
			font-weight: bold;
			text-decoration: none;
		}
		#headerul li a:hover{
			color: #ffe066;
		}
		#headeraboutus{
			float: right;
			border-right: 1px #FFF solid; 
			text-align: center;
			width: 78px;
		}
		#headerresources{
			float: right;
			border-right: 1px #FFF solid; 
			text-align: center;
			width: 88px;
		}
		#headerhelp{
			float: right;
			border-right: 1px #FFF solid; 
			text-align: center;
			width: 52px;
		}
		#headerhelplast{
			float: right;
			text-align: center;
			width: 52px;
		}
		#headerlogout{
			float: right;
			text-align: center;
			width: 60px;
		}
#resourcesheader{
	background: url('../images/dupuy_resource_header_tile.jpg') repeat-x;
	height: 79px;
	width: 100%;
}
#navigation {
	height: 24px;
	width: 100%;
	padding: 0px 0px 0px 0px;
}
	#navigation ul{
		width: 100%;
		height: 24px;
		margin: 0px;
		padding: 0px;
		background: url('../images/nav_tile.png') repeat-x;
	}
	#navigation li{
		list-style: none;
		margin: 0px;	
  		float: left;
  		height: 24px;
		font-family: MyriadProSemibold, Arial, Helvetica, sans-serif;
		font-size: 80%;
		font-weight: bold;
		background: url('../images/nav_tile.png') repeat-x;
		color: #ffffff;
	}
	#navigation li:hover{
		background:	url('../images/nav_tile_over.png') repeat-x;
	}
	#navigation a{
		text-decoration: none;
	 	color: #ffffff;	
	}
/* Main Navigation text color overide control */
	.nonactive, .nonactive a{
		color: #b199af !important;
	}
	.nonactive:hover{
		background: url('../images/nav_tile.png') repeat-x !important;
	}
	.highlight{
		background: url('../images/nav_tile_over.png') repeat-x !important;
	}
/**/
	#nav1{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav1in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
	
	#nav2{
		width: 15%;
		padding: 5px 0px 5px 0px;
	}
	#nav2in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
	
	#nav3{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav3in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
	
	#nav4{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav4in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
		
	#nav5{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav5in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
		
	#nav6{
		width: 14%;
		padding: 5px 0px 5px 0px;
	}
	#nav6in{
		text-align: center;
		vertical-align: middle;
		border-right: 1px #FFF solid;
	}
		
	#nav7{
		width: 15%;
		padding: 5px 0px 5px 0px;
	}
	#nav7in{
		text-align: center;
		vertical-align: middle;
	}
		
#content{
	font-size: 1em;
	max-width: 1000px;
	padding: 10px 40px 100px 40px;	
}
/*Page Navigation*/
#pagenav{
	padding: 20px;	
}
	#toparrows{
		float: right;
		width: 125px;
		padding: 30px 20px 0px 10px;
		text-align: center;
		font-size: 75%;
	}
#bottomarrows{
	position: absolute;
	width: 100%;
	height: 18px;
	bottom: 60px;
	
}
	#bottomarrowscenter{
		width: 300px;
		margin: auto;
	}
/**/

#footer{
 	height: 34px;
	width: 100%;
 	position: absolute;
	bottom: 0px;
 	background: url('/public/images/footer_tile.png') repeat-x; 
}
	#footertext{
		position: absolute;
		bottom: 10px;
		right: 15px;
		color: #ffffff;	
		font-family: MyriadProRegular, Arial, Helvetica, sans-serif;
		font-size: 70%;
	}
	#footertext a{
		text-decoration: none;
		color: #ffffff;
	}
/* Popup CSS */
#popuplinks{
	width: 650px;
}
.poplight{
	margin-bottom: 5px;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	color: #930003;
}
.poplight:hover{
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
#registrationform{
	width: 500px;
	padding: 0px 0px 0px 100px;
}
div#inputone,
div#inputtwo,
div#inputthree,
div#inputfour,
div#inputfive,
div#inputsix,
div#inputseven,
div#inputeight,
div#inputnine{
	position:relative;
	float: left;
}
#inputone{
	width: 250px;
}
#inputthree{
	left: 250px;
}
#inputfour{
	width: 230px;
}
.clearreg{
	clear: both;
	height: 20px;
}
#selectboxst{
	float: left;
}
.otherposition{
	padding: 0px 0px 0px 30px;
}
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999;
}
label.overlabel {
  position:absolute;
  top:3px;
  left:5px;
  z-index:1;
  color:#999;
}
.select {
	color:#999;
}
.jTitle{
	float: left;
}
#otherprim{
	float: left;
}
#submitbuttonplace{
	text-align: center;
}
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.blue {
	color: #ffffff;
	font-weight: bold;
	border: solid 2px #099af8;
	background: #099af8;
	background: -webkit-gradient(linear, left top, left bottom, from(#d5eefe), to(#099af8));
	background: -moz-linear-gradient(top,  #d5eefe,  #099af8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5eefe', endColorstr='#099af8');
}
.blue:hover {
	color: #ffffff;
	border: solid 2px #d65700;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8b88e), to(#d65700));
	background: -moz-linear-gradient(top,  #f8b88e,  #d65700);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b88e', endColorstr='#d65700');
}
.blue:active {
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8b88e), to(#d65700));
	background: -moz-linear-gradient(top,  #f8b88e,  #d65700);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8b88e', endColorstr='#d65700');
}